:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#20233a;background:#f6f7fb;--navy:#17204a;--blue:#165dac;--pink:#d60085;--red:#ef3340;--gold:#ffb71b;--green:#8bd23c;--purple:#6038a5;--teal:#00a6c8;--ink:#20233a }*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#fff 0,#f6f7fb 38%)}button,input,select,textarea{font:inherit}button{cursor:pointer}header{min-height:86px;background:#080812;color:#fff;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:5px solid transparent;border-image:linear-gradient(90deg,var(--red),var(--gold),var(--green),var(--teal),var(--pink),var(--purple)) 1}.header-brand{display:flex;align-items:center;gap:15px}.header-brand img{width:108px;height:58px;object-fit:contain;object-position:left center}.header-brand b{font-size:21px;letter-spacing:.08em}.header-brand span{display:block;font-size:12px;color:#d7dcff;margin-top:3px}.header-actions{display:flex;align-items:center;gap:10px}.role-pill{border-radius:999px;background:#ffffff17;border:1px solid #ffffff2b;padding:8px 11px;font-size:12px;font-weight:900;letter-spacing:.08em}.signout{border:1px solid #737897;background:transparent;color:#fff;padding:10px 15px;border-radius:999px;font-weight:800}nav{background:#fff;padding:0 20px;border-bottom:1px solid #e4e7ef;display:flex;gap:6px;overflow:auto;position:sticky;top:0;z-index:3}nav button{border:0;background:none;padding:15px 14px;font-weight:850;color:#5c6177;white-space:nowrap;border-bottom:4px solid transparent}nav button.active{color:var(--pink);border-color:var(--pink)}main{max-width:1080px;margin:0 auto;padding:22px}.loading{min-height:100vh;display:grid;place-items:center;font-size:20px;font-weight:900;color:var(--navy)}.hero{min-height:265px;border-radius:24px;padding:34px;background:#07070d;color:#fff;overflow:hidden;position:relative;display:flex;align-items:center;box-shadow:0 16px 45px #0e13362e}.hero>div{position:relative;z-index:2;max-width:590px}.hero h1{font-size:clamp(34px,6vw,58px);margin:8px 0;color:#fff}.hero p{font-size:18px;color:#e9e9f5}.hero img{position:absolute;right:-7%;top:-18%;width:74%;height:140%;object-fit:contain;opacity:.68}.eyebrow{font-size:12px;font-weight:950;letter-spacing:.18em;color:var(--pink)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:18px 0}.cards article,.panel{background:#fff;border:1px solid #e1e5ef;border-radius:18px;padding:22px;box-shadow:0 8px 28px #17204a12}.cards article{display:flex;flex-direction:column;gap:9px;cursor:pointer;position:relative;overflow:hidden;min-height:145px}.cards article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--pink)}.cards article.accent-blue:before{background:var(--blue)}.cards article.accent-green:before{background:var(--green)}.cards article b{font-size:22px;color:var(--navy)}.cards article span:last-child{color:#686d80}.icon{font-size:28px;color:var(--pink)}.accent-blue .icon{color:var(--blue)}.accent-green .icon{color:#5c9615}.warning{background:#fff8dc;border:1px solid #f2d97f;color:#6f5500;border-radius:14px;padding:15px 17px;margin:16px 0;font-weight:700}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px}.page-heading h1{font-size:38px;margin:5px 0 0;color:var(--navy)}.score-chip{background:var(--navy);color:#fff;padding:13px 18px;border-radius:16px;font-size:25px;font-weight:950;box-shadow:0 8px 20px #17204a29}.score-chip small{font-size:12px;color:#cfd4f0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel label{display:block;font-weight:850;margin:14px 0 7px;color:var(--navy)}input,select,textarea{width:100%;padding:13px;border:1px solid #cdd3e0;border-radius:11px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--pink);box-shadow:0 0 0 4px #d6008515}select:disabled{background:#f1f3f8;color:#666b7e}.metric-intro{background:linear-gradient(90deg,#fff2fa,#f2f7ff);padding:14px 16px;border-radius:12px;margin-top:22px;display:flex;justify-content:space-between;gap:12px}.metric-intro span{color:#74798c}.metric{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid #e7e9f1}.metric b{color:var(--navy)}.metric small{display:block;color:#7b8092;margin-top:4px}.scores{display:flex;gap:8px}.scores button{width:44px;height:44px;border-radius:50%;border:2px solid #d3d8e4;background:#fff;font-weight:950;color:var(--navy);transition:.12s}.scores button:hover{transform:translateY(-2px);border-color:var(--pink)}.scores button.on{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border-color:transparent;box-shadow:0 7px 15px #d6008535}.submit{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:18px;border-top:1px solid #e6e8f0}.submit>div{display:flex;flex-direction:column;color:#70758a}.submit strong{font-size:31px;color:var(--navy)}.submit button,.success button,.login button,.employee-add button{border:0;border-radius:12px;background:linear-gradient(90deg,var(--pink),var(--purple));color:#fff;padding:14px 21px;font-weight:900;box-shadow:0 9px 20px #8d187838}.submit button:disabled,.employee-add button:disabled{opacity:.35;box-shadow:none;cursor:not-allowed}.employee-add{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;margin:18px 0}.stat-cards article{cursor:default;min-height:125px}.stat-cards article:nth-child(2):before{background:var(--blue)}.stat-cards article:nth-child(3):before{background:var(--red)}.stat-cards article:nth-child(4):before{background:var(--green)}.stat-cards article span{color:#73788c}.stat-cards article b{font-size:34px}.table-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.table-title span{color:#777c8d}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e6e8ef;vertical-align:middle}th{font-size:12px;color:#71778a;text-transform:uppercase;letter-spacing:.07em}table select{min-width:160px}.table-sub{display:block;color:#7c8191;margin-top:4px}.status,.rating{padding:5px 9px;border-radius:999px;font-size:12px;font-weight:850;white-space:nowrap}.active-status{background:#eaf9d7;color:#47760e}.inactive-status{background:#ffe5e8;color:#a91424}.rating{background:#eef1f7}.rating.performer{background:#eefbdc;color:#497d0e}.rating.coach{background:#ffe5e8;color:#b11827}.small-button{border:1px solid #cbd2df;background:#fff;color:var(--navy);border-radius:9px;padding:8px 10px;font-weight:800}.small-button:hover{border-color:var(--pink);color:var(--pink)}.empty-state{text-align:center;color:#7a7f91;padding:28px}.login{min-height:100vh;display:grid;grid-template-columns:1.3fr .7fr;background:#05050a;overflow:hidden}.login-art{display:grid;place-items:center;padding:20px;background:radial-gradient(circle at center,#20204c 0,#05050a 62%)}.login-art img{max-width:95%;max-height:88vh;object-fit:contain}.login form{align-self:center;width:min(90%,430px);margin:auto;background:#fff;border-radius:24px;padding:34px;box-shadow:0 25px 75px #0006}.login h1{font-size:39px;margin:6px 0;color:var(--navy)}.login p{color:#72778a}.login button{width:100%;margin-top:15px}.login small{display:block;margin-top:13px;color:#5d6275}.success{text-align:center;padding:80px 20px}.success-mark{width:94px;height:94px;margin:auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),#ccf56d);font-size:53px;font-weight:950;color:#1c4500;box-shadow:0 15px 35px #8bd23c45}.success h1{font-size:42px;color:var(--navy);margin-bottom:8px}.success p{color:#6f7488;margin-bottom:24px}@media(max-width:800px){.login{grid-template-columns:1fr}.login-art{min-height:220px}.login-art img{max-height:260px}.login form{margin:-24px auto 30px;position:relative}.hero{min-height:235px}.hero img{right:-28%;width:110%;opacity:.45}.form-grid{grid-template-columns:1fr}.metric{align-items:flex-start;flex-direction:column}.scores{width:100%;justify-content:space-between}.submit{align-items:stretch;flex-direction:column;gap:12px}.submit button{width:100%}.employee-add{grid-template-columns:1fr}.page-heading{align-items:flex-start}}@media(max-width:520px){header{padding:9px 12px}.header-brand img{width:68px}.header-brand b{font-size:15px}.header-brand span{font-size:9px}.header-actions{gap:6px}.role-pill{display:none}.signout{padding:8px 10px;font-size:12px}nav{padding:0 7px}nav button{font-size:13px;padding:13px 9px}main{padding:14px}.hero{padding:24px;border-radius:18px}.hero h1{font-size:34px}.page-heading h1{font-size:31px}.score-chip{font-size:20px}.scores button{width:42px;height:42px}.cards{grid-template-columns:1fr}.panel{padding:17px}}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#eef1f7;padding:5px;border-radius:12px;margin:18px 0 8px}.auth-tabs button{border:0;box-shadow:none;background:transparent;color:#686d80;padding:10px 8px;border-radius:9px;font-weight:900}.auth-tabs button.active{background:#fff;color:var(--navy);box-shadow:0 4px 12px #17204a1a}.login button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.auth-message{display:block;margin-top:13px;padding:10px 12px;border-radius:10px;background:#f1f4fb;color:#4d5368;line-height:1.35}.employee-picker-wrap{position:relative}.employee-suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:#fff;border:1px solid #d9deea;border-radius:14px;box-shadow:0 16px 38px #17204a2e;max-height:320px;overflow:auto;padding:7px}.employee-suggestions button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;border:0;background:#fff;color:var(--navy);padding:11px 12px;border-radius:10px;text-align:left;box-shadow:none}.employee-suggestions button:hover{background:#f6f3ff}.employee-suggestions button span{font-size:12px;color:#777c8e}.employee-suggestions .create-employee-option{background:linear-gradient(90deg,#fff2fa,#f1f6ff);border:1px solid #ecd4e7;margin-top:4px}.employee-suggestion-empty{padding:12px;color:#777c8e}.selected-employee-note{display:block;margin-top:6px;color:#4f7b18;font-weight:800}.dashboard-filters{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.six-cards{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.six-cards article{min-height:112px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.ranking-list,.category-list{display:flex;flex-direction:column;gap:8px}.ranking-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px;border-radius:11px;background:#f7f8fc}.ranking-row small{display:block;color:#7a7f91;margin-top:2px}.ranking-row>b{font-size:21px;color:var(--navy)}.rank-number{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-weight:900}.category-row{padding:10px 0}.category-row>div:first-child{display:flex;justify-content:space-between;gap:12px}.category-row span{color:#73788c;font-weight:800}.progress-track{height:10px;background:#edf0f6;border-radius:999px;overflow:hidden;margin-top:8px}.progress-track div{height:100%;background:linear-gradient(90deg,var(--red),var(--gold),var(--green));border-radius:999px}.site-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.site-score{border-radius:14px;padding:15px;border:1px solid #e1e5ef;display:flex;flex-direction:column;gap:4px;background:#fff}.site-score>span{font-size:12px;color:#777c8e}.site-score strong{font-size:17px;color:var(--navy)}.site-score small{color:#71768a;min-height:32px}.site-score b{font-size:28px}.site-score em{font-style:normal;font-size:12px;color:#777c8e}.site-green{border-top:6px solid var(--green)}.site-yellow{border-top:6px solid var(--gold)}.site-red{border-top:6px solid var(--red)}.pride-wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px}.pride-wall article{border-radius:14px;padding:17px;background:linear-gradient(145deg,#fbffe9,#f5ffdd);border:1px solid #dceeb8;display:flex;flex-direction:column;gap:5px}.pride-wall article>span{color:#75a81c;font-size:24px}.pride-wall strong{color:var(--navy)}.pride-wall small{color:#70768a}.pride-wall b{font-size:25px;color:#4d7c0f}.print-button{border:1px solid #cbd2df;background:#fff;color:var(--navy);border-radius:10px;padding:11px 15px;font-weight:850}.qr-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;margin-top:16px}.qr-panel h2{color:var(--navy);margin:5px 0}.qr-panel p{color:#6f7488}.qr-link-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.qr-link-list button{border:1px solid #d6dbe7;background:#f7f8fc;color:var(--navy);border-radius:9px;padding:9px;font-weight:800}@media(max-width:800px){.dashboard-grid,.dashboard-filters,.qr-panel{grid-template-columns:1fr}}@media print{header,nav,.print-button,.qr-panel,.dashboard-filters{display:none!important}body{background:#fff}.panel,.cards article{box-shadow:none}.page-heading{margin-top:0}main{max-width:none;padding:0}}