:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0;background:linear-gradient(to bottom,#fff,#f4f7fb)}button,input,a{font:inherit}a{text-decoration:none;color:inherit}.container{max-width:1120px;margin:0 auto;padding:24px}.narrow{max-width:640px}.app-shell,.login-shell{min-height:100vh}.stack-gap{display:flex;flex-direction:column;gap:16px}.stack-gap-lg{display:flex;flex-direction:column;gap:24px}.stack-gap-sm{display:flex;flex-direction:column;gap:8px}.vertical-gap-sm{display:flex;flex-direction:column;gap:6px}.row-wrap,.row-gap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mt-8{margin-top:8px}.small{font-size:12px}.muted{color:#64748b}.title-xl{font-size:32px;font-weight:700;margin-top:4px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 8px 30px #0f172a0a}.card-header{display:flex;justify-content:space-between;gap:16px;padding:20px 20px 0}.card-body{padding:20px}.hero-top{padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.actions-col{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.stats-grid{display:grid;gap:16px}.stats-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{padding:20px}.stat-value{font-size:30px;font-weight:700;margin-top:4px}.shifts-panel .panel-header{display:flex;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid #eef2f7}.shifts-panel .card-body{padding:20px}.shift-card h3,.panel-header h2,.login-card h2{margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.info-pill{border:1px solid #e2e8f0;border-radius:16px;padding:12px;background:#fff}.info-label{display:flex;gap:8px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.info-value{margin-top:4px;font-weight:600}.note-box{border-radius:16px;background:#f8fafc;padding:16px;border:1px solid #eef2f7}.note-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.note-value{margin-top:6px}.strong{font-weight:700}.top-divider{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:600;border:1px solid transparent}.badge-confirmed{background:#e8f7eb;color:#146534;border-color:#bce3c4}.badge-pending{background:#fff8df;color:#8a6600;border-color:#f3dd87}.badge-past{background:#f8f8f8;color:#555;border-color:#ddd}.badge-response{background:#eef6ff;color:#0f4c81;border-color:#cfe3ff}.plain{background-clip:padding-box}.response-box{border:1px solid #e8e8e8;border-radius:16px;padding:16px;background:#fafafa}.response-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.response-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.response-actions.one-up{grid-template-columns:1fr}.action-btn,.primary-btn,.secondary-btn,.ghost-btn,.tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:14px;border:1px solid #dbe3ee;background:#fff;cursor:pointer;padding:0 14px;font-weight:600}.primary-btn{width:100%;min-height:48px;background:#0f172a;color:#fff;border-color:#0f172a}.secondary-btn{background:#fff}.ghost-btn{background:transparent}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-available{border-color:#b7dfbf}.action-unavailable{border-color:#ebc1c1}.action-tbc{border-color:#eadaa4}.tab-group{display:inline-flex;gap:8px;background:#f1f5f9;padding:6px;border-radius:14px}.tab{background:transparent;border-color:transparent;min-height:36px}.tab.active{background:#fff;box-shadow:0 1px 2px #0000000d}.error-box{display:inline-flex;align-items:center;gap:8px;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:16px;padding:14px 16px}.empty-box{border:1px dashed #cbd5e1;border-radius:16px;padding:40px 20px;text-align:center;color:#64748b}.login-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;min-height:85vh}.hero-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #e2e8f0;background:#fffc;padding:10px 14px;border-radius:999px;font-size:14px;box-shadow:0 4px 12px #0f172a0a}.hero-block h1{font-size:54px;line-height:1.05;margin:16px 0;max-width:640px}.hero-block p{max-width:640px;font-size:18px;line-height:1.6;color:#64748b}.feature-grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mini-card{border:1px solid #e2e8f0;background:#fffc;padding:16px;border-radius:18px}.mini-title{font-weight:700;margin-bottom:4px}.login-card{max-width:480px;margin-left:auto}.denied-card{margin:120px auto 0}.label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-wrap{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b}input{width:100%;min-height:46px;border:1px solid #dbe3ee;border-radius:14px;padding:0 14px;background:#fff}.input-wrap input{padding-left:38px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 960px){.login-grid,.stats-grid-4,.grid-3{grid-template-columns:1fr}.hero-top,.shifts-panel .panel-header{flex-direction:column}.actions-col{align-items:stretch}.feature-grid{grid-template-columns:1fr}.hero-block h1{font-size:40px}}