@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap');
:root{--yellow:#ffd000;--yellow-soft:#fff5bd;--ink:#191919;--muted:#6f716f;--line:#e7e7e3;--bg:#f5f5f2;--panel:#fff;--purple:#7c5cff;--green:#15855b;--red:#c94747;--blue:#2877d4;--shadow:0 12px 32px rgba(20,20,20,.07)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{width:21px;height:21px}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:20;left:0;top:0;bottom:0;width:248px;background:#171717;color:#fff;padding:28px 18px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand>div:last-child{display:flex;flex-direction:column;line-height:1.05}.brand strong{font:700 1.18rem Space Grotesk}.brand span{font-size:.82rem;color:#bbb}.logo{width:42px;height:42px;border-radius:11px;background:var(--yellow);color:#111;display:grid;place-items:center;transform:rotate(-4deg);box-shadow:4px 4px 0 rgba(255,255,255,.15)}.logo span{font:800 .92rem Space Grotesk;color:#111}.logo.large{width:64px;height:64px;border-radius:17px;box-shadow:6px 6px 0 rgba(255,255,255,.14)}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:11px;color:#a8aaa8;font-size:.91rem;font-weight:700;transition:.2s}.nav-item:hover{background:#252525;color:#fff}.nav-item.active{background:var(--yellow);color:#111}.nav-item.active svg{stroke-width:2.5}.sidebar-foot{margin-top:auto;border-top:1px solid #333;padding:18px 5px 0;display:flex;align-items:center;gap:7px}.profile{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.profile>div:last-child{display:flex;flex-direction:column;min-width:0}.profile strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile span{font-size:.69rem;color:#999}.avatar{width:41px;height:41px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:var(--avatar,#555);color:#fff;font-weight:800;font-size:.73rem}.avatar.small{width:35px;height:35px;background:#454545}.avatar.xlarge{width:78px;height:78px;font-size:1.3rem}.icon-btn{border:0;background:transparent;color:#999;padding:7px}.icon-btn:hover{color:#fff}.content{margin-left:248px;padding:38px 46px 70px;max-width:1660px}.mobile-top{display:none}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-head h1,.employee-hero h1{font:700 clamp(1.75rem,3vw,2.55rem) Space Grotesk;margin:4px 0}.page-head p,.employee-hero p{margin:0;color:var(--muted)}.eyebrow{margin:0!important;font-size:.7rem!important;letter-spacing:.15em;font-weight:800;color:var(--yellow)!important}.eyebrow.dark{color:#767872!important}.head-actions{display:flex;gap:10px}.btn{border:0;border-radius:11px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:.83rem;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--yellow);color:#111;box-shadow:0 4px 0 #d6ae00}.btn.outline{background:#fff;border:1px solid #deded9}.btn.dark{background:#171717;color:#fff}.btn.text{background:transparent}.btn.wide{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:15px;margin-bottom:18px}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:20px;display:grid;grid-template-columns:1fr auto;gap:4px;min-height:148px}.stat-card.yellow{background:var(--yellow);border-color:var(--yellow)}.stat-card>span:not(.stat-icon){align-self:end;color:#696b68;font-size:.74rem;font-weight:700;grid-row:2}.stat-card.yellow>span:not(.stat-icon),.stat-card.yellow small{color:#473d05}.stat-card strong{font:700 1.85rem Space Grotesk;grid-row:3;grid-column:1/3}.stat-card strong i{font:500 .9rem Manrope;color:#777}.stat-card small{grid-row:4;color:#888;font-size:.7rem}.stat-icon{justify-self:end;border-radius:10px;width:38px;height:38px;display:grid;place-items:center;background:#f0ecff;color:var(--purple)}.stat-icon.purple{background:#f0ecff}.stat-icon.green{background:#e4f6ee;color:var(--green)}.stat-icon.blue{background:#e7f0fc;color:var(--blue)}.stat-card.yellow .stat-icon{background:rgba(255,255,255,.45);color:#111}.two-col{display:grid;grid-template-columns:1.25fr .85fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:0 2px 2px rgba(0,0,0,.01)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.panel-head h2,.section-head h2{font:700 1.2rem Space Grotesk;margin:3px 0}.panel-head a{font-size:.75rem;font-weight:800}.crew-list,.ranking{display:grid}.crew-row,.ranking a{display:flex;align-items:center;gap:12px;padding:12px 3px;border-top:1px solid #eee}.grow{flex:1;min-width:0}.crew-row .grow,.ranking .grow,.person>div:last-child{display:flex;flex-direction:column}.crew-row strong,.ranking strong{font-size:.83rem}.crew-row span,.ranking span,.person span{color:#8a8b87;font-size:.69rem}.crew-row b{font-size:.72rem}.rank{font:700 .74rem Space Grotesk;color:#aaa!important;width:17px}.score{display:inline-grid;place-items:center;border-radius:8px;padding:5px 8px;min-width:40px;font-size:.75rem!important;font-weight:800}.score.good{background:#def6ea;color:#116c4b}.score.warn{background:#fff0bd;color:#805f00}.score.bad{background:#ffe0e0;color:#9f2e2e}.toast{position:fixed;z-index:100;top:22px;right:25px;background:#183b2c;color:#fff;padding:13px 18px;border-radius:12px;box-shadow:var(--shadow);font-weight:700;font-size:.8rem;animation:toast 4s forwards}.toast.error{background:#852f2f}@keyframes toast{0%{transform:translateY(-15px);opacity:0}10%,80%{transform:none;opacity:1}100%{opacity:0;visibility:hidden}}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.search{display:flex;align-items:center;gap:8px;background:#f5f5f2;border:1px solid #e7e7e2;border-radius:10px;padding:8px 12px;max-width:390px;width:100%}.search input{border:0;outline:0;background:transparent;width:100%;font-size:.82rem}.pill,.tag{display:inline-block;border:1px solid #e3e3df;background:#fafaf8;border-radius:99px;padding:5px 10px;font-size:.69rem;font-weight:700;color:#656762}.tag{background:#f1f0ff;border:0;color:#5e4ac4}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:670px}th{text-align:left;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#8b8c88;padding:10px 12px;border-bottom:1px solid #ddd}td{padding:13px 12px;border-bottom:1px solid #efefec;font-size:.78rem}.person{display:flex;align-items:center;gap:11px}.row-link{font-weight:800;font-size:.72rem}.evening-grid{display:grid;gap:11px}.evening-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px 20px;transition:.2s}.evening-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.date-tile{width:53px;height:56px;border-radius:11px;background:#1c1c1c;color:#fff;display:grid;place-items:center;align-content:center}.date-tile strong{font:700 1.2rem Space Grotesk;line-height:1}.date-tile span{font-size:.59rem;color:var(--yellow);font-weight:800}.line{display:flex;align-items:center;gap:10px}.line h3{font:700 .98rem Space Grotesk;margin:0}.evening-card p{font-size:.72rem;color:#81827e;margin:5px 0 0}.status{border-radius:99px;padding:5px 9px;font-size:.64rem;font-weight:800}.status.done{background:#ddf6e9;color:#116d4c}.status.open{background:#fff0b5;color:#725600}.arrow{font-size:1.1rem}.form-panel{padding-bottom:85px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid.top{grid-template-columns:repeat(4,1fr);padding-bottom:25px;border-bottom:1px solid #e7e7e3}.form-grid .full{grid-column:1/-1}label{display:grid;gap:7px;font-size:.72rem;font-weight:800;color:#555}input,select,textarea{border:1px solid #dcdcd6;background:#fff;border-radius:9px;padding:11px 12px;outline:none;color:#222}input:focus,select:focus,textarea:focus{border-color:#a98c00;box-shadow:0 0 0 3px #fff4b4}textarea{min-height:100px;resize:vertical}.section-head{display:flex;justify-content:space-between;align-items:center;margin:25px 0 14px}.section-head p{margin:0;color:#777;font-size:.76rem}.select-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.employee-select{grid-template-columns:auto auto 1fr 140px 75px;display:grid;align-items:center;background:#fafaf8;border:1px solid #e7e7e3;border-radius:12px;padding:10px;gap:10px;cursor:pointer}.employee-select>input[type=checkbox]{width:18px;height:18px}.employee-select .grow{display:flex;flex-direction:column}.employee-select .grow span{font-size:.66rem;color:#888}.employee-select input:not([type=checkbox]){padding:8px;font-size:.72rem}.sticky-save{position:sticky;bottom:15px;margin:25px auto -65px;max-width:600px;background:#191919;color:#fff;padding:12px 14px 12px 20px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 30px rgba(0,0,0,.22);font-size:.8rem}.import-layout{display:grid;grid-template-columns:1.3fr .8fr;gap:18px}.upload-card{text-align:center;padding:35px}.upload-card h2{font:700 1.35rem Space Grotesk;margin:10px}.upload-card>p{color:#777;max-width:480px;margin:0 auto 20px;font-size:.82rem}.upload-icon{width:58px;height:58px;margin:auto;border-radius:16px;background:var(--yellow);display:grid;place-items:center;font-size:1.6rem;font-weight:800}.dropzone{border:1.5px dashed #c9c9c2;border-radius:15px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fafaf8;margin-bottom:15px}.dropzone input{display:none}.dropzone small{color:#888}.fallback{text-align:left;margin-bottom:15px}.guide h2{font:700 1.25rem Space Grotesk}.recognize{display:flex;gap:12px;border-top:1px solid #eee;padding:14px 0}.recognize>span,.match{color:var(--green);font-weight:800}.recognize div{display:grid}.recognize strong{font-size:.8rem}.recognize small{color:#888;font-size:.68rem}.notice{background:#fff7cd;border-radius:12px;padding:14px;margin-top:12px;font-size:.75rem}.notice p{margin:4px 0 0}.unmatched{color:var(--red);font-weight:800}.import-actions{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.criteria-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.criterion-card{display:grid;grid-template-columns:auto 1fr auto;gap:15px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.criterion-card .number{font:700 1.4rem Space Grotesk;color:#d2d2cc}.criterion-card h3{font:700 1rem Space Grotesk;margin:9px 0 5px}.criterion-card p{font-size:.74rem;color:#747571;margin:0}.drag{color:#bbb}.shift-summary,.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#1b1b1b;color:#fff;border-radius:16px;padding:18px 22px;margin-bottom:15px}.shift-summary div,.profile-stats div{display:flex;flex-direction:column;border-right:1px solid #3a3a3a;padding:0 20px}.shift-summary div:first-child,.profile-stats div:first-child{padding-left:0}.shift-summary div:last-child,.profile-stats div:last-child{border:0}.shift-summary span,.profile-stats span{font-size:.67rem;color:#aaa}.shift-summary strong,.profile-stats strong{font:700 1.35rem Space Grotesk}.evaluation-list{display:grid;gap:10px}.evaluation{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.evaluation summary{list-style:none;display:flex;align-items:center;gap:13px;padding:15px 19px;cursor:pointer}.evaluation summary::-webkit-details-marker{display:none}.evaluation summary .grow{display:flex;flex-direction:column}.evaluation summary .grow span{font-size:.68rem;color:#888}.chevron{font-size:1.1rem}.evaluation-form{padding:18px 20px 20px;border-top:1px solid #eee}.quick-checks{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:17px}.scores{display:grid;margin-bottom:16px}.score-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:13px 0;border-top:1px solid #eee}.score-row div:first-child{display:grid}.score-row span{font-size:.66rem;color:#878884}.score-picker{display:flex;gap:5px}.score-picker input{display:none}.score-picker span{width:34px;height:34px;border:1px solid #ddd;border-radius:8px;display:grid;place-items:center;color:#555;font-weight:800;cursor:pointer}.score-picker input:checked+span{background:var(--yellow);border-color:#d6ae00;color:#111}.align-right{display:flex;justify-content:flex-end;margin-top:14px}.back{font-size:.72rem;font-weight:800;color:#73746f}.employee-hero{display:flex;align-items:center;gap:18px;margin-bottom:24px}.employee-hero .back{position:absolute;top:18px}.profile-stats{grid-template-columns:repeat(4,1fr)}.profile-stats strong i{font-size:.7rem;font-style:normal;color:#aaa}.history>div{display:grid;grid-template-columns:90px 1fr 1fr auto;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #eee;font-size:.75rem}.history small{color:#888}.tips-list article{display:flex;gap:13px;border-top:1px solid #eee;padding:15px 0}.tips-list article>span{background:#fff5bd;color:#735f00;border-radius:10px;padding:9px;height:40px}.tips-list article div{display:grid}.tips-list p{font-size:.74rem;color:#6f716e;margin:5px 0}.tips-list small{font-size:.64rem;color:#999}.chart-panel{margin-bottom:15px}.bar-chart{display:grid;gap:12px}.bar-chart a{display:grid;grid-template-columns:95px 1fr 35px;gap:12px;align-items:center;font-size:.72rem}.bar-chart div{height:11px;background:#eee;border-radius:99px;overflow:hidden}.bar-chart i{display:block;height:100%;background:var(--yellow);border-radius:99px}.employee-welcome{display:flex;justify-content:space-between;align-items:center;background:#1b1b1b;color:#fff;border-radius:17px;padding:27px 30px;margin-bottom:18px}.employee-welcome h2{font:700 1.55rem Space Grotesk;margin:5px 0}.employee-welcome p{margin:0;color:#bbb;font-size:.78rem}.employee-welcome>span{width:64px;height:64px;border-radius:16px;background:var(--yellow);color:#111;display:grid;place-items:center}.employee-welcome svg{width:30px;height:30px}.featured-tip>svg{color:#aa8700}.featured-tip h3{font:700 1rem Space Grotesk}.featured-tip p{font-size:.78rem;color:#656762}.featured-tip small{font-size:.64rem;color:#999}.tips-page{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tips-page article{display:flex;gap:15px}.tip-icon{color:#9f8100}.empty{text-align:center;color:#999;padding:30px;font-size:.78rem}dialog{border:0;border-radius:17px;padding:0;box-shadow:0 25px 70px rgba(0,0,0,.25);width:min(560px,calc(100% - 24px))}dialog::backdrop{background:rgba(0,0,0,.5);backdrop-filter:blur(2px)}.modal-form{padding:24px;display:grid;gap:16px}.modal-head{display:flex;justify-content:space-between}.modal-head h2{font:700 1.25rem Space Grotesk;margin:4px 0}.close{border:0;background:#f2f2ee;width:34px;height:34px;border-radius:9px;font-size:1.25rem}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.login-page{background:#161616;min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-brand{padding:8vh 8vw;color:#fff;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 30% 40%,#36320b 0,transparent 36%)}.login-brand h1{font:700 clamp(2.9rem,6vw,5.8rem)/.96 Space Grotesk;margin:20px 0}.login-brand h1 em{font-style:normal;color:var(--yellow)}.login-brand>p:not(.eyebrow){color:#bbb;max-width:460px;font-size:1.02rem}.login-stat{margin-top:60px;border-top:1px solid #3a3a3a;padding-top:20px;display:flex;gap:17px}.login-stat strong{font:700 1.8rem Space Grotesk;color:var(--yellow)}.login-stat span{font-size:.74rem;color:#aaa}.login-card{margin:4vh 4vw 4vh 0;background:#fff;border-radius:24px;padding:clamp(28px,6vw,70px);display:flex;flex-direction:column;justify-content:center}.login-card h2{font:700 1.8rem Space Grotesk;margin:7px 0}.login-card .muted{color:#888;font-size:.8rem;margin:0 0 28px}.login-card form{display:grid;gap:17px}.demo-box{margin-top:24px;background:#f6f6f2;border-radius:12px;padding:13px;display:grid;font-size:.67rem;color:#777}.demo-box strong{color:#333;margin-bottom:3px}
@media(max-width:1050px){.stats-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.select-grid{grid-template-columns:1fr}.form-grid.top{grid-template-columns:1fr 1fr}.import-layout{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr 1fr}.content{padding:30px}.criteria-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.mobile-top{display:flex;position:sticky;top:0;z-index:15;background:#171717;color:#fff;justify-content:space-between;align-items:center;padding:10px 15px}.mobile-top .brand{padding:0}.mobile-top .logo{width:34px;height:34px}.menu-btn{border:0;background:var(--yellow);border-radius:8px;padding:7px 10px}.content{margin-left:0;padding:22px 15px 60px}.page-head{align-items:flex-start;flex-direction:column}.head-actions{width:100%;flex-wrap:wrap}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:130px}.two-col,.criteria-grid,.tips-page{grid-template-columns:1fr}.form-grid.top,.form-grid{grid-template-columns:1fr}.employee-select{grid-template-columns:auto auto 1fr}.employee-select>input:not([type=checkbox]){grid-column:3}.shift-summary,.profile-stats{grid-template-columns:1fr 1fr;gap:15px}.shift-summary div,.profile-stats div{border:0;padding:0}.score-row{grid-template-columns:1fr}.employee-hero{flex-wrap:wrap}.login-shell{display:block;padding:14px}.login-brand{min-height:43vh;padding:40px 25px}.login-brand h1{font-size:3.2rem}.login-brand .login-stat{display:none}.login-card{margin:0;border-radius:20px;padding:30px 24px}.quick-checks{grid-template-columns:1fr}.history>div{grid-template-columns:75px 1fr auto}.history small{display:none}.import-actions{align-items:stretch;flex-direction:column;gap:10px}.import-actions form,.import-actions .btn{width:100%}}