:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;--bg:#08101f;--panel:#0b172fe6;--panel-soft:#0f1d3acc;--border:#94a3b829;--text-soft:#cbd5e1;--text-muted:#8fa4c7;--blue-1:#4f8cff;--blue-2:#2f6ff1;--green-1:#22c55e;--red-1:#ef4444;--shadow:0 18px 50px #02061766;background:#08101f;font-family:Inter,system-ui,Arial,sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{color:#f8fafc;background:radial-gradient(circle at top,#4f8cff29,#0000 28%),linear-gradient(#08101f 0%,#091126 100%);margin:0}button,input,textarea{font:inherit}button{background:linear-gradient(135deg, var(--blue-1), var(--blue-2));color:#fff;cursor:pointer;border:0;border-radius:14px;padding:12px 16px;font-weight:700;transition:transform .16s,filter .16s,box-shadow .16s}button:hover{filter:brightness(1.05);transform:translateY(-1px)}button:active{transform:translateY(0)}input,textarea{color:#f8fafc;background:#1c2b49eb;border:1px solid #94a3b82e;border-radius:14px;outline:none;width:100%;padding:14px 16px}input::placeholder,textarea::placeholder{color:#92a6c5}input:focus,textarea:focus{border-color:#60a5fab8;box-shadow:0 0 0 3px #3b82f62e}textarea{resize:vertical;min-height:110px}.container{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 56px}.auth-shell{grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);align-items:center;gap:32px;min-height:100vh;display:grid}.dashboard-shell{min-height:100vh}.auth-hero,.auth-box,.job-form-card,.board-column,.job-card,.modal-dialog{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#0a142af2,#081125f0);border-radius:22px}.auth-hero,.auth-box,.job-form-card,.toolbar-card,.board-column,.modal-dialog{padding:24px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#9db7ff;margin-bottom:10px;font-size:.82rem;font-weight:700;display:inline-flex}h1{margin:0;font-size:clamp(2.8rem,7vw,4.8rem);line-height:.95}h2{margin:0;font-size:1.7rem}h3{margin:0;font-size:1.25rem}p{color:var(--text-soft);margin:0}.hero-copy,.section-copy,.column-subtitle,.job-date-line,.empty-state,#message,#job-message,#edit-message{color:var(--text-muted)}.hero-copy{max-width:44ch;margin-top:14px;font-size:1.05rem;line-height:1.6}.auth-box{flex-direction:column;gap:12px;display:flex}.auth-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auth-divider{color:var(--text-muted);justify-content:center;align-items:center;margin:2px 0;font-size:.9rem;display:flex;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:#94a3b829;flex:1;height:1px}.auth-divider span{padding:0 10px}.button-google{color:#0f172a;background:#fff;border:1px solid #94a3b833}.button-google:hover{filter:brightness(.98)}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;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}.job-form-card{margin-bottom:24px}.toolbar-card{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#0a142af2,#081125f0);border-radius:22px;margin-bottom:24px}.toolbar-heading{margin-bottom:12px}.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{align-items:center;gap:14px;margin-top:14px;display:flex}.form-actions button{width:auto;min-width:170px}.board{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.board-column{min-height:290px}.board-column-wide{grid-column:1/-1}.board-column-alert{border-color:#60a5fa38}.job-list{gap:14px;display:grid}.job-card{background:linear-gradient(#0d1830fa,#09142bf5);border:1px solid #94a3b829;border-radius:20px;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-size:.92rem}.job-meta{gap:9px;display:grid}.job-meta strong{color:#f8fafc}.job-card-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.job-card-actions button{width:auto}.status-pill{color:#bfdbfe;text-transform:capitalize;white-space:nowrap;background:#3b82f626;border:1px solid #60a5fa4d;border-radius:999px;align-items:center;padding:7px 11px;font-size:.84rem;font-weight:700;display:inline-flex}.status-out{color:#fde68a;background:#f59e0b29;border-color:#f59e0b57}.status-returned{color:#bbf7d0;background:#22c55e29;border-color:#22c55e57}.empty-state{background:#ffffff05;border:1px dashed #94a3b838;border-radius:16px;padding:18px}.button-secondary{color:#e2e8f0;background:#ffffff0f;border:1px solid #94a3b82e}.button-success{background:linear-gradient(135deg,#22c55e,#16a34a)}.button-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.modal{z-index:50;position:fixed;inset:0}.hidden{display:none}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020617b8;position:absolute;inset:0}.modal-dialog{z-index:1;width:min(760px,100% - 24px);margin:40px auto;position:relative}.modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.modal-close{width:auto}.modal-grid{margin-bottom:16px}.modal-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-actions button{width:auto;min-width:160px}@media (width<=900px){.auth-shell,.board,.job-form-grid{grid-template-columns:1fr}.topbar,.section-heading,.column-heading,.modal-head,.modal-actions,.form-actions{flex-direction:column;align-items:flex-start}.board-column-wide{grid-column:auto}.auth-shell{padding-top:32px;padding-bottom:32px}.auth-actions{grid-template-columns:1fr}}
