@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fb;--bg-accent:#eef4ff;--surface:#ffffffeb;--surface-strong:#fff;--surface-muted:#f8fbff;--line:#0f172a14;--line-strong:#2563eb29;--text:#0f172a;--text-soft:#334155;--text-muted:#64748b;--primary:#2563eb;--primary-strong:#1d4ed8;--primary-soft:#dbeafe;--teal:#14b8a6;--teal-soft:#ccfbf1;--amber-soft:#fef3c7;--red-soft:#fee2e2;--red:#dc2626;--green:#16a34a;--green-soft:#dcfce7;--shadow-lg:0 20px 50px #0f172a14;--shadow-md:0 12px 28px #0f172a0f;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--text);background:radial-gradient(circle at top left, #2563eb1f, transparent 28%), radial-gradient(circle at top right, #14b8a61a, transparent 22%), linear-gradient(180deg, #f9fbff 0%, var(--bg) 100%);margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#94a3b80d 1px,#0000 1px),linear-gradient(90deg,#94a3b80d 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#ffffff73,#fff0);mask-image:linear-gradient(#ffffff73,#fff0)}button,input,textarea{font:inherit}button{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#fff;cursor:pointer;letter-spacing:-.01em;border:0;border-radius:14px;padding:13px 18px;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 10px 20px #2563eb2e}button:hover{filter:brightness(1.02);transform:translateY(-1px);box-shadow:0 14px 26px #2563eb33}button:active{transform:translateY(0)}input,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fffffffa;border-radius:16px;outline:none;padding:14px 16px;transition:border-color .18s,box-shadow .18s,background .18s}input::placeholder,textarea::placeholder{color:#94a3b8}input:focus,textarea:focus{background:#fff;border-color:#2563eb57;box-shadow:0 0 0 4px #2563eb17}textarea{resize:vertical;min-height:120px}.container{z-index:1;width:min(1240px,100% - 36px);margin:0 auto;padding:28px 0 60px;position:relative}.auth-shell{grid-template-columns:minmax(0,1.15fr) minmax(340px,440px);align-items:center;gap:32px;min-height:100vh;display:grid}.dashboard-shell{min-height:100vh}.auth-hero,.auth-box,.job-form-card,.toolbar-card,.board-column,.job-card,.modal-dialog{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid #ffffffb3}.auth-hero,.auth-box,.job-form-card,.toolbar-card,.board-column,.modal-dialog{padding:28px}.auth-hero{background:radial-gradient(circle at top right, #2563eb24, transparent 32%), radial-gradient(circle at bottom left, #14b8a624, transparent 30%), var(--surface);flex-direction:column;justify-content:center;min-height:480px;display:flex}.brand-lockup{align-items:center;gap:16px;display:flex}.hero-brand{align-items:flex-start;margin-bottom:16px}.brand-mark{border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex;box-shadow:0 18px 34px #2563eb24}.brand-mark svg{width:100%;height:100%;display:block}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-bottom:8px;font-size:.8rem;font-weight:800;display:inline-flex}h1,h2,h3{color:var(--text);letter-spacing:-.03em}h1{margin:0;font-size:clamp(2.75rem,7vw,4.5rem);line-height:.96}h2{margin:0;font-size:1.65rem}h3{margin:0;font-size:1.15rem}p{color:var(--text-soft);margin:0}.hero-copy,.section-copy,.column-subtitle,.job-date-line,.empty-state,#message,#job-message,#edit-message,.auth-subcopy{color:var(--text-muted)}.hero-copy{max-width:54ch;margin-top:14px;font-size:1.02rem;line-height:1.75}.hero-badges{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.hero-badges span{color:var(--text-soft);background:#ffffffbd;border:1px solid #2563eb14;border-radius:999px;padding:10px 14px;font-size:.92rem;font-weight:600}.auth-box{flex-direction:column;gap:12px;display:flex}.auth-subcopy{margin-top:-4px;margin-bottom:10px;line-height:1.6}.auth-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auth-divider{color:var(--text-muted);justify-content:center;align-items:center;margin:4px 0;font-size:.9rem;display:flex;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-divider span{padding:0 10px}.button-secondary{color:var(--text);border:1px solid var(--line);box-shadow:none;background:#fff}.button-secondary:hover{box-shadow:var(--shadow-md)}.button-google{color:var(--text);border:1px solid var(--line);box-shadow:none;background:#fff;justify-content:center;align-items:center;gap:10px;display:inline-flex}.google-g{color:#fff;background:linear-gradient(135deg,#4285f4,#34a853);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;font-weight:700;display:inline-flex}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.logout-button{width:auto;min-width:120px}.section-heading,.column-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.section-copy,.column-subtitle{margin-top:6px}.job-form-card,.toolbar-card{margin-bottom:24px}.job-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.job-form-grid textarea{grid-column:1/-1}.form-actions,.modal-actions{align-items:center;gap:14px;margin-top:16px;display:flex}.form-actions button,.modal-actions button{width:auto;min-width:170px}.board{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.board-column{background:#ffffffe6;min-height:290px}.board-column-wide{grid-column:1/-1}.board-column-alert{background:linear-gradient(#fffffff2,#eff6ffeb);border:1px solid #2563eb2e}.job-list{gap:14px;display:grid}.job-card{background:var(--surface-strong);box-shadow:var(--shadow-md);border:1px solid #0f172a0f;border-radius:18px;padding:18px}.job-card-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.job-date-line{margin-top:6px;font-weight:600}.job-meta{gap:8px;margin-bottom:16px;display:grid}.job-meta p{line-height:1.55}.job-meta strong{color:var(--text)}.job-card-actions{flex-wrap:wrap;gap:10px;display:flex}.status-pill{text-transform:uppercase;letter-spacing:.08em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:96px;padding:8px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.status-pending{background:var(--amber-soft);color:#92400e}.status-out{background:var(--primary-soft);color:var(--primary-strong)}.status-returned{background:var(--green-soft);color:var(--green)}.button-success{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 10px 20px #22c55e2e}.button-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 20px #ef444429}.empty-state{background:var(--surface-muted);border:1px dashed #64748b40;border-radius:16px;padding:16px}.modal{z-index:20;position:fixed;inset:0}.modal.hidden{display:none}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a47;position:absolute;inset:0}.modal-dialog{z-index:1;background:#fffffff5;width:min(760px,100% - 24px);margin:60px auto;position:relative}.modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.modal-grid{margin-top:8px}#message,#job-message,#edit-message{min-height:24px;font-size:.95rem;line-height:1.5}@media (width<=980px){.auth-shell,.board{grid-template-columns:1fr}.auth-hero{min-height:unset}.topbar{flex-direction:column;align-items:stretch}}@media (width<=720px){.container{width:min(100% - 20px,1000px);padding:18px 0 32px}.auth-hero,.auth-box,.job-form-card,.toolbar-card,.board-column,.modal-dialog{border-radius:20px;padding:20px}.job-form-grid,.auth-actions{grid-template-columns:1fr}.form-actions,.modal-actions,.job-card-actions{flex-direction:column;align-items:stretch}.form-actions button,.modal-actions button{width:100%}h1{font-size:clamp(2.35rem,12vw,3.5rem)}.brand-lockup{align-items:flex-start}.brand-mark{width:52px;height:52px}}