:root{--bg: #edf2f7;--surface: rgba(255, 255, 255, .92);--surface-strong: #ffffff;--ink: #152235;--muted: #607089;--line: #d8e0ec;--primary: #1868d8;--primary-deep: #0f4da5;--shadow: 0 18px 48px rgba(18, 35, 64, .1);--role-yellow: #f4dc44;--role-orange: #f0b347;--role-red: #de4744;--role-green: #4ebb63;--role-blue: #2f56b9;--role-purple: #6e34cc;--role-gold: #f3c537;--role-gray: #4d5563}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(24,104,216,.1),transparent 30%),linear-gradient(180deg,#f7faff 0%,var(--bg) 100%)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.login-shell{min-height:100vh;display:grid;place-items:center;padding:32px}.welcome-shell{min-height:100vh;display:grid;place-items:center;padding:32px;position:relative;overflow:hidden}.welcome-backdrop{position:absolute;border-radius:999px;filter:blur(30px);opacity:.6}.welcome-orb-a{width:420px;height:420px;background:radial-gradient(circle,#1868d847,#1868d800 72%);top:-80px;left:-40px}.welcome-orb-b{width:460px;height:460px;background:radial-gradient(circle,#f3c53742,#f3c53700 72%);bottom:-120px;right:-60px}.welcome-card{position:relative;z-index:1;width:min(820px,100%);padding:36px;background:#ffffffe6;border:1px solid rgba(216,224,236,.95);border-radius:28px;box-shadow:0 28px 72px #1223401f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcome-topbar{display:flex;justify-content:space-between;gap:20px;align-items:start}.welcome-card h1{margin:18px 0 12px;font-size:clamp(40px,7vw,72px);line-height:.98}.welcome-copy{max-width:640px;color:var(--muted);font-size:18px;line-height:1.6}.welcome-prompt{margin:42px 0 28px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:clamp(28px,4vw,40px);font-weight:800}.welcome-prompt select{min-width:min(360px,100%);padding:16px 18px;border-radius:18px;border:1px solid rgba(24,104,216,.2);background:linear-gradient(180deg,#fff,#f3f7fe);box-shadow:inset 0 1px #ffffffb3;color:var(--ink)}.welcome-continue{min-width:180px}.next-card{max-width:720px}.flow-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;margin-bottom:18px}.flow-steps{display:flex;flex-wrap:wrap;gap:12px}.flow-home{position:absolute;top:34px;right:36px;border:0;border-radius:999px;padding:10px 18px;background:#eef4ff;color:var(--primary);font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:inset 0 0 0 1px #1868d81f}.flow-home:hover{background:#e2ecff}.flow-step{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:0;border-radius:999px;background:#ecf1f8e6;color:#6e7c91;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease}.flow-step:hover:not(:disabled){transform:translateY(-1px);background:#dfeafcfa;color:var(--ink)}.flow-step:disabled{cursor:not-allowed;opacity:.62}.flow-step-active:disabled{cursor:default;opacity:1}.flow-step span{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#fff;color:var(--ink)}.flow-step-active{background:linear-gradient(135deg,#1868d81f,#f3c53724);color:var(--ink)}.flow-step-done{color:var(--primary)}.info-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 8px}.info-strip-compact{margin-top:16px}.info-chip{display:grid;gap:4px;padding:16px 18px;border-radius:18px;background:#ffffffb3;border:1px solid rgba(216,224,236,.85)}.info-chip strong{font-size:13px}.info-chip span{color:var(--muted);font-size:14px}.names-form{display:grid;gap:16px;margin-top:24px}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.section-head h3{margin:0 0 6px}.section-head p{margin:0;color:var(--muted)}.name-count-badge{padding:10px 14px;border-radius:999px;background:#e8f0ff;color:var(--primary);font-size:13px;font-weight:800;white-space:nowrap}.names-textarea{width:100%;min-height:180px;padding:18px 20px;border-radius:18px;border:1px solid rgba(24,104,216,.18);background:linear-gradient(180deg,#fff,#f5f8fe);resize:vertical;font:inherit}.name-chip-row{display:flex;flex-wrap:wrap;gap:10px}.choice-grid{margin-top:34px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.choice-card{min-height:180px;display:grid;align-content:start;gap:10px;padding:22px;border-radius:20px;border:1px solid rgba(24,104,216,.16);background:linear-gradient(180deg,#fff,#f5f8fe);color:var(--ink);cursor:pointer;text-align:left;box-shadow:0 14px 32px #1223400f}.choice-card:hover{border-color:#1868d86b;transform:translateY(-1px)}.choice-card span{width:fit-content;padding:7px 10px;border-radius:999px;background:#e8f0ff;color:var(--primary);font-size:12px;font-weight:900;text-transform:uppercase}.choice-card strong{font-size:28px}.home-footer{margin-top:32px;padding-top:18px;border-top:1px solid rgba(216,224,236,.95);color:var(--muted);font-size:14px;line-height:1.6}.home-footer a{color:var(--primary);font-weight:800;text-decoration:none}.home-footer a:hover{text-decoration:underline}.choice-card small{color:var(--muted);font-size:14px;line-height:1.5}.edit-lookup-card{margin-top:22px;display:grid;gap:16px;padding:20px;border:1px solid var(--line);border-radius:20px;background:#ffffffbd}.performance-page-card{width:min(1320px,100%);max-width:none}.performance-toolbar{margin:28px 0 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px}.performance-add-card{display:grid;gap:18px;padding:20px;border:1px solid rgba(24,104,216,.16);border-radius:20px;background:#fff;box-shadow:0 14px 32px #1223400f;margin-bottom:18px}.generated-code{min-height:44px;display:flex;align-items:center;padding:12px 14px;border-radius:14px;border:1px dashed rgba(24,104,216,.35);background:#f5f8ff;color:var(--primary);font-weight:900}.performance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pagination-bar{margin-top:18px;display:flex;justify-content:space-between;gap:14px;align-items:center}.pagination-bar span{color:var(--muted);font-size:13px;font-weight:800}.performance-card{display:grid;gap:16px;padding:18px;border-radius:18px;border:1px solid rgba(216,224,236,.95);background:#ffffffe0;box-shadow:0 14px 34px #1223400f}.performance-card-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.performance-card-head strong{display:block;font-size:17px}.performance-card-head span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.performance-card-head select{width:140px;padding:9px 10px;border-radius:12px;border:1px solid var(--line);background:#fff}.score-editor{display:grid;gap:12px}.score-row{display:grid;gap:7px}.score-row>span{font-size:12px;font-weight:900;color:var(--muted);text-transform:uppercase}.score-buttons{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.score-button{min-height:32px;padding:0;border:1px solid var(--line);border-radius:9px;background:#f8fbff;color:var(--ink);cursor:pointer;font-size:12px;font-weight:900}.score-button-active{border-color:var(--primary);background:var(--primary);color:#fff}.performance-flags{display:flex;flex-wrap:wrap;gap:8px}.flag-button{padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:#f8fbff;color:var(--muted);cursor:pointer;font-size:12px;font-weight:900}.flag-button-active{border-color:#1868d83d;background:#e8f0ff;color:var(--primary)}.saving-note{color:var(--primary);font-size:12px;font-weight:900}.fit-note-box{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fbfcff}.fit-note-box summary{cursor:pointer;font-weight:900}.fit-note-box .field{margin-top:12px}.fit-note-box textarea{min-height:74px}.restriction-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.restriction-chip{border:1px solid var(--line);border-radius:999px;padding:8px 10px;background:#fff;color:var(--muted);cursor:pointer;font-size:12px;font-weight:900}.restriction-chip-active{border-color:#c33f4b59;background:#fff0f2;color:#c33f4b}.restriction-summary{display:flex;flex-wrap:wrap;gap:6px}.restriction-summary span{padding:6px 8px;border-radius:999px;background:#fff0f2;color:#c33f4b;font-size:11px;font-weight:900}.name-chip{display:inline-flex;padding:8px 12px;border-radius:999px;background:#f4f7fb;border:1px solid rgba(216,224,236,.92);font-size:13px;font-weight:700}.toolbar-spread{justify-content:space-between;align-items:center}.results-card{margin-top:28px;display:grid;gap:14px}.results-card h3{margin:0}.status-pill{display:inline-flex;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800}.status-very-good{background:#e7f7ed;color:#25764a}.status-good{background:#e8f0ff;color:#1e61c8}.status-average{background:#fff5de;color:#a66a09}.status-below-average,.status-not-found{background:#fdecef;color:#c13b49}.results-layout{margin-top:28px;display:grid;gap:22px}.results-layout-live{animation:section-rise .35s ease}.summary-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.summary-tile{padding:18px 20px;border-radius:20px;background:linear-gradient(180deg,#fffffff2,#f4f7fbeb);border:1px solid rgba(216,224,236,.9);box-shadow:0 12px 30px #1223400f;display:grid;gap:8px}.summary-tile span{color:var(--muted);font-size:13px;font-weight:700}.summary-tile strong{font-size:28px}.summary-text{font-size:18px!important;line-height:1.3}.shift-controls-card,.cluster-open-card{padding:24px;border-radius:24px;background:#ffffffd1;border:1px solid rgba(216,224,236,.9);box-shadow:0 22px 50px #12234014}.flow-card{margin-top:26px;animation:section-rise .35s ease}.rota-flow-shell{align-items:start;padding-top:36px;padding-bottom:36px}.rota-page-card{width:min(1500px,100%);max-width:none}.generated-rota-layout{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px}.rota-side-panel{position:sticky;top:18px;display:grid;gap:18px;padding:18px;border-radius:18px;background:#ffffffdb;border:1px solid rgba(216,224,236,.95);box-shadow:0 18px 42px #12234014}.shift-controls-card h3,.cluster-open-card h3{margin:0 0 18px}.shift-balance-pill{min-width:132px;padding:10px 14px;border-radius:16px;background:#eef5ff;border:1px solid rgba(24,104,216,.16);text-align:right}.shift-balance-pill span{display:block;color:var(--muted);font-size:12px;font-weight:700}.shift-balance-pill strong{font-size:24px;color:var(--primary)}.controls-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stepper-field{display:grid;gap:7px;padding:9px;border-radius:14px;background:#f8fbff;border:1px solid rgba(216,224,236,.95)}.stepper-label{display:flex;justify-content:space-between;gap:10px;align-items:center;font-weight:800;font-size:13px}.stepper-label small{color:var(--muted);font-size:11px;font-weight:700}.stepper-control{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.stepper-control button{height:34px;border:0;background:#eef4ff;color:var(--primary);font-size:18px;font-weight:900;cursor:pointer}.stepper-control button:disabled{color:#9aa8bc;cursor:not-allowed}.stepper-control input{width:100%;height:34px;border:0;text-align:center;font-size:17px;font-weight:900;color:var(--ink)}.preset-row{display:flex;flex-wrap:wrap;gap:4px}.preset-chip{min-width:28px;height:23px;padding:0 8px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:800;font-size:12px;cursor:pointer}.preset-chip-active{border-color:var(--primary);background:var(--primary);color:#fff}.controls-grid-single{grid-template-columns:1fr;margin-top:12px}.cluster-copy{margin:0 0 16px;color:var(--muted)}.cluster-grid{display:grid;gap:16px}.cluster-panel{padding:20px;border-radius:24px;background:radial-gradient(circle at top right,rgba(24,104,216,.08),transparent 28%),linear-gradient(180deg,#fff,#f5f8fe);border:1px solid rgba(24,104,216,.12);box-shadow:0 16px 36px #1223400d}.cluster-panel-head{margin-bottom:16px;display:flex;justify-content:space-between;gap:14px;align-items:start}.cluster-panel-head strong{display:block;margin-top:8px;font-size:24px;line-height:1}.cluster-panel-head small{color:var(--muted);font-size:13px;font-weight:700}.cluster-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#e8f0ff;color:var(--primary);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.cluster-range-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cluster-range-grid-simple{grid-template-columns:repeat(2,minmax(0,1fr))}.cluster-panel select{padding:14px 16px;border-radius:16px;border:1px solid rgba(24,104,216,.16);background:#fff;box-shadow:inset 0 1px #fffc}@keyframes section-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-card,.card,.board-shell,.page-header,.stat-card{background:var(--surface);border:1px solid rgba(216,224,236,.95);border-radius:22px;box-shadow:var(--shadow)}.login-card{width:min(520px,100%);padding:32px;display:grid;gap:16px}.eyebrow{display:inline-flex;width:fit-content;padding:8px 14px;border-radius:999px;background:#e8f0ff;color:var(--primary);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.app-layout{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,#0f1d34,#172846);color:#f2f6ff;padding:24px 20px;display:grid;gap:22px;align-content:start}.sidebar-title{margin:12px 0 4px}.sidebar-copy,.muted{color:var(--muted)}.nav-list{display:grid;gap:10px}.nav-link{padding:14px 16px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:grid;gap:4px}.nav-link span{color:#ffffffb8;font-size:12px}.nav-link.active{background:linear-gradient(135deg,#1868d8eb,#418bf3b8)}.main-shell{padding:24px}.page{display:grid;gap:20px}.page-header,.card{padding:22px}.page-header{display:flex;justify-content:space-between;gap:16px;align-items:end}.page-header h2,.login-card h1{margin:12px 0 8px;font-size:clamp(28px,4vw,42px)}.page-header p,.login-card p{margin:0;color:var(--muted)}.toolbar{display:flex;gap:12px;flex-wrap:wrap}.btn{border:none;border-radius:14px;padding:12px 18px;font-weight:800;cursor:pointer;white-space:nowrap;flex:0 0 auto}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-deep));color:#fff}.btn-secondary{background:#e8f0ff;color:var(--primary)}.btn-neutral{background:#eff3f8;color:var(--ink)}.stats-grid,.two-up,.form-grid{display:grid;gap:18px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.rota-grid{align-items:start}.stat-card{padding:20px;display:grid;gap:8px}.stat-card strong{font-size:30px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #e8edf5;vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:8px}.field-span{grid-column:1 / -1}.field input,.field select,.field textarea,.text-input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#fff}.field textarea{min-height:96px;resize:vertical}.checkbox-field{align-items:center;grid-template-columns:auto 1fr}.quick-card,.warning-item,.timeline-item{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fbfcff;display:grid;gap:6px}.warning-item{border-left:5px solid #f3c537;background:#fffaf0}.warning-name-button{padding:0;border:0;background:transparent;color:var(--primary);cursor:pointer;font:inherit;font-weight:900;text-decoration:underline;text-underline-offset:3px}.warning-name-button:hover{color:var(--primary-dark)}.employee-quick-profile{display:grid;gap:12px;padding:14px;border:1px solid rgba(24,104,216,.18);border-radius:16px;background:#f7faff}.employee-quick-profile-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.employee-quick-profile-head div{display:grid;gap:3px}.employee-quick-profile-head span,.profile-detail-list span,.profile-score-grid span{color:var(--muted);font-size:12px;font-weight:800}.employee-quick-profile-head button{border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--primary);cursor:pointer;font-size:12px;font-weight:900;padding:7px 10px}.profile-score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-score-grid div{display:grid;gap:2px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:center}.profile-detail-list{display:grid;gap:8px}.profile-detail-list div{display:grid;gap:3px}.profile-detail-list strong{font-size:13px}.swap-panel{display:grid;gap:14px;padding-top:16px;border-top:1px solid var(--line)}.swap-list{max-height:420px;overflow:auto;display:grid;gap:8px}.swap-option{width:100%;display:grid;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer;text-align:left}.swap-option:hover:not(:disabled){border-color:#1868d86b;background:#f5f8ff}.swap-option:disabled{opacity:.5;cursor:not-allowed}.swap-option span{font-weight:800}.swap-option small{color:var(--muted)}.swap-option strong{color:var(--primary);font-size:12px}.swap-empty{padding:14px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);background:#fbfcff}.final-actions{display:grid;grid-template-columns:1fr;gap:10px;padding-top:16px;border-top:1px solid var(--line)}.selected-assignment{display:grid;gap:4px;padding:12px 14px;border-radius:14px;background:#e8f0ff;border:1px solid rgba(24,104,216,.18)}.selected-assignment span{color:var(--muted);font-size:13px}.selected-assignment-empty{background:#f7f9fc}.manual-role-details{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fbfcff}.manual-role-details summary{cursor:pointer;font-weight:800}.list-grid,.warning-list,.timeline,.pill-row{display:grid;gap:12px}.attendance-list{margin-top:16px;display:grid;gap:10px}.attendance-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding-bottom:10px;border-bottom:1px solid #edf2f8}.attendance-row small{display:block;color:var(--muted)}.error-card,.error-text{color:#c33f4b}.board-shell{overflow:auto;padding:0}.board-meta{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;color:#fff;background:#162745;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.board-title{text-transform:none}.board-grid{min-width:1400px;display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));background:#fff}.board-column{display:grid;grid-template-rows:70px 70px 70px 44px 70px 96px 44px 1fr;border-right:1px solid #b7c4da;min-height:860px;background:repeating-linear-gradient(180deg,rgba(13,23,39,.025) 0,rgba(13,23,39,.025) 24px,transparent 24px,transparent 48px)}.stack-box{border-bottom:1px solid #b7c4da;min-height:0;overflow:hidden}.stack-head{padding:5px 8px;text-align:center;font-weight:800;text-transform:uppercase;border-bottom:1px solid rgba(0,0,0,.15)}.stack-body{height:calc(100% - 27px);min-height:38px;overflow:auto;padding:4px 8px}.cluster-stack{display:grid;grid-template-rows:32px minmax(76px,max-content) minmax(170px,max-content) minmax(170px,max-content);overflow:visible}.cluster-stack>.stack-head{display:grid;place-items:center}.cluster-stack>.stack-box{min-height:0;overflow:visible}.cluster-stack .stack-body{height:auto;overflow:visible}.cluster-stack .stack-box-ambassador{grid-row:span 1}.cluster-stack .stack-box-extras{grid-row:span 2}.stack-entry{font-size:12px;display:flex;justify-content:space-between;gap:10px}.stack-entry-button{min-width:0;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer;font:inherit;text-align:left}.stack-entry-button:hover{color:var(--primary);text-decoration:underline}.stack-entry-button-active{color:var(--primary);font-weight:900;text-decoration:underline}.stack-entry small{color:#4f5b70}.cluster-label{padding:10px 8px 6px;text-align:center;font-size:18px;font-weight:800;text-transform:uppercase}.role-yellow{background:var(--role-yellow)}.role-orange{background:var(--role-orange)}.role-red{background:var(--role-red);color:#fff}.role-green{background:var(--role-green);color:#fff}.role-blue{background:var(--role-blue);color:#fff}.role-purple{background:var(--role-purple);color:#fff}.role-gold{background:var(--role-gold)}.role-gray{background:var(--role-gray);color:#fff}.pill{display:inline-flex;width:fit-content;padding:8px 12px;border-radius:999px;background:#e8f0ff;color:var(--primary);font-weight:700}@media (max-width: 1200px){.stats-grid,.two-up,.generated-rota-layout,.choice-grid,.performance-grid{grid-template-columns:1fr}.rota-side-panel{position:static}.controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 980px){.app-layout,.form-grid{grid-template-columns:1fr}.welcome-topbar,.welcome-prompt{flex-direction:column;align-items:stretch}.flow-home{position:static;order:-1;margin-left:auto}.info-strip,.summary-band,.choice-grid,.performance-toolbar{grid-template-columns:1fr}.section-head,.toolbar-spread{flex-direction:column;align-items:stretch}.controls-grid,.cluster-range-grid{grid-template-columns:1fr}}