:root{font-family:Arial,sans-serif;color:#10104a;background:#f5f4ff;font-synthesis:none;--blue:#0301f4;--orange:#ff4e00;--lavender:#cfcff9;--ink:#10104a;--good:#0b9d62;--bad:#d72b35}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.muted{color:#6c6c8a}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--blue)}.brand-mark{font-size:20px;font-weight:900;letter-spacing:.04em}.loading-page{display:grid;place-items:center;min-height:100vh;font-size:24px}.connection-banner{position:fixed;z-index:100;left:0;right:0;top:0;padding:10px;text-align:center;background:#ffe3dc;color:#8a2300;font-weight:700}.connection-banner.inline{position:static;border-radius:14px;margin:12px 0}.pin-page{display:grid;place-items:center;min-height:100vh;padding:24px;background:linear-gradient(145deg,var(--blue),#5d5bff)}.pin-card{width:min(440px,100%);padding:34px;background:#fff;border-radius:28px;box-shadow:0 30px 80px #0004}.pin-card h1{font-size:30px;margin:28px 0 8px}.field-label{display:block;margin:22px 0 8px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.pin-input{width:100%;height:64px;border:3px solid var(--lavender);border-radius:16px;text-align:center;font-size:34px;letter-spacing:16px;color:var(--blue);outline:none}.pin-input:focus{border-color:var(--blue)}.pin-input.invalid{border-color:var(--bad)}.error-text{min-height:28px;padding-top:7px;color:var(--bad);font-weight:700}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pin-keypad button{height:62px;border:0;border-radius:15px;background:#eef;font-size:24px;font-weight:800;color:var(--ink)}.pin-keypad button:active{background:var(--lavender)}.public-link{display:block;text-align:center;margin-top:22px;color:var(--blue);font-weight:700}.app-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:#fff;background:var(--blue)}.app-header>div:last-child{display:flex;gap:12px;align-items:center}.app-header a,.app-header button{border:1px solid #ffffff55;border-radius:12px;padding:12px 16px;background:#ffffff18;color:#fff;text-decoration:none}.workspace{display:grid;grid-template-columns:196px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{min-width:0;padding:20px 12px;background:#fff;border-right:1px solid #e2e1f7;display:flex;flex-direction:column;gap:8px}.sidebar button{width:100%;min-width:0;min-height:56px;display:flex;align-items:center;gap:12px;border:0;border-radius:14px;padding:14px 16px;background:transparent;color:var(--ink);font-weight:700;line-height:1.2;text-align:left;white-space:nowrap}.sidebar button:hover{background:#f1f1ff}.sidebar button:focus-visible{outline:3px solid #8584ff;outline-offset:2px}.sidebar button.active{background:var(--lavender);color:var(--blue)}.nav-icon{width:22px;height:22px;flex:0 0 22px}.main-content{padding:28px;min-width:0}.content-card{max-width:1180px;margin:0 auto;padding:28px;background:#fff;border-radius:24px;box-shadow:0 12px 35px #2f2f7a13}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.section-heading h1{font-size:34px;margin:6px 0}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.filter{border:1px solid var(--lavender);border-radius:999px;padding:12px 20px;background:#fff;color:var(--ink);font-weight:700}.filter.active{background:var(--blue);color:#fff;border-color:var(--blue)}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.team-tile{min-height:140px;padding:18px;border:2px solid var(--lavender);border-radius:20px;background:#f8f8ff;text-align:left;color:var(--ink)}.team-tile strong{display:block;font-size:42px;color:var(--blue)}.team-tile span{display:block;font-weight:800;margin:6px 0}.team-tile small{color:#6c6c8a}.team-tile:active{border-color:var(--orange)}.action-card{max-width:720px;text-align:center;position:relative}.back-link{display:block;border:0;background:transparent;color:var(--blue);font-weight:700}.action-card h1{font-size:38px;margin:8px 0}.stepper{display:grid;grid-template-columns:80px 1fr 80px;gap:10px;margin:8px 0}.stepper button,.stepper input{height:76px;border:2px solid var(--lavender);border-radius:18px;background:#fff;color:var(--blue);font-size:34px;font-weight:900;text-align:center}.preset-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 22px}.preset-row button{height:62px;border:0;border-radius:15px;background:var(--lavender);color:var(--blue);font-size:20px;font-weight:800}.primary,.secondary,.danger,.progress-button{min-height:54px;border:0;border-radius:14px;padding:14px 20px;font-weight:800}.primary{background:var(--blue);color:#fff}.primary:disabled{opacity:.45}.wide{width:100%}.secondary{background:#efeffc;color:var(--ink)}.danger{background:#ffe3dc;color:#a12d09}.success-icon{display:grid;place-items:center;width:76px;height:76px;margin:20px auto;border-radius:50%;background:#ddf8eb;color:var(--good);font-size:40px;font-weight:900}.success-number{font-size:80px;color:var(--orange);font-weight:900;margin:10px}.success-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.progress-button{grid-column:1/-1;position:relative;overflow:hidden;background:#efeffc;color:var(--blue)}.progress-button:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--progress);background:var(--lavender);transition:width 40ms linear}.progress-button{isolation:isolate}.progress-button:before{z-index:-1}.last-action{position:sticky;bottom:16px;margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;border:2px solid var(--orange);border-radius:16px;background:#fff4ef;font-weight:700}.last-action button{border:0;background:transparent;color:#a12d09;font-weight:800}.error-box{margin:14px 0;padding:14px;border-radius:12px;background:#ffe8e8;color:#9b2027}.stat-pair{padding:16px 20px;border-radius:16px;background:var(--lavender);text-align:right}.stat-pair strong,.stat-pair span{display:block}.stat-pair strong{font-size:28px}.scan-stage{display:flex;flex-direction:column;align-items:center;gap:7px;padding:42px;margin:28px 0;border-radius:24px;background:#eef;text-align:center}.scan-stage.success{background:#e4faef}.scan-stage.info{background:#fff5d9}.scan-stage.failure{background:#ffe8e8}.scan-symbol{font-size:52px;color:var(--blue)}.scan-stage strong{font-size:24px}.scan-form>div{display:flex;gap:12px}.scan-form input{flex:1;min-width:0;height:60px;border:2px solid var(--lavender);border-radius:15px;padding:0 18px;font-size:20px}.internal-ranking{max-width:1180px}.public-ranking{height:100vh;overflow:hidden;padding:32px 4vw;background:#fff}.ranking-head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.ranking-head h1{font-family:Arial,sans-serif;font-size:clamp(34px,4vw,68px);margin:3px 0}.ranking-head p{margin:0;color:#6c6c8a}.ranking-controls{display:flex;gap:16px;align-items:center}.ranking-controls label{display:grid;gap:8px}.ranking-controls button{border:0;border-radius:12px;background:var(--blue);color:#fff;padding:14px}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.podium article{min-height:210px;padding:20px;border-radius:22px;background:var(--lavender);text-align:center}.podium article:first-child{background:#fff0d5}.podium h2{font-size:clamp(17px,2vw,28px);margin:8px}.podium strong{display:block;font-size:clamp(34px,5vw,70px);color:var(--blue)}.medal{font-size:48px}.ranking-list{display:grid;gap:8px}.ranking-row{display:grid;grid-template-columns:70px minmax(240px,1fr) minmax(130px,.5fr) 120px;align-items:center;min-height:54px;padding:8px 20px;border-radius:14px;background:#f3f3ff}.ranking-row>strong{font-size:28px;color:var(--blue)}.ranking-row>b{text-align:right;font-size:30px;color:var(--orange)}.page-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.page-dots button{width:12px;height:12px;border:0;border-radius:50%;background:#c8c8de}.page-dots button.active{background:var(--blue)}.ranking-empty{display:grid;place-items:center;min-height:60vh;text-align:center}.ranking-empty h2{font-size:clamp(34px,5vw,72px);color:var(--blue)}@media(max-height:850px){.public-ranking{padding-top:18px;padding-bottom:18px}.public-ranking .ranking-head h1{font-size:46px}.public-ranking .podium{margin:12px 0;gap:12px}.public-ranking .podium article{min-height:158px;padding:10px}.public-ranking .medal{font-size:30px}.public-ranking .podium h2{margin:3px}.public-ranking .podium strong{font-size:42px}.public-ranking .ranking-list{gap:6px}.public-ranking .ranking-row{min-height:40px;padding:4px 16px}.public-ranking .ranking-row>strong,.public-ranking .ranking-row>b{font-size:23px}.public-ranking .page-dots{margin-top:8px}}@media(max-width:760px){.workspace{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;flex-direction:row;border-right:0;border-bottom:1px solid #ddd;padding:8px;gap:6px}.sidebar button{flex:1;min-height:60px;justify-content:center;flex-direction:column;gap:4px;padding:7px 4px;font-size:12px;text-align:center}.nav-icon{width:19px;height:19px;flex-basis:19px}.main-content{padding:12px}.app-header{padding:0 14px}.app-header a{display:none}.section-heading,.ranking-head{flex-direction:column}.success-actions{grid-template-columns:1fr}.podium{gap:6px}.podium article{padding:10px;min-height:180px}.ranking-row{grid-template-columns:45px 1fr 70px}.ranking-row small{display:none}.ranking-controls{width:100%;justify-content:space-between}.last-action{align-items:flex-start;flex-direction:column}}