:root{--navy:#142840;--blue:#223c54;--ink:#233046;--cream:#fbf7ee;--paper:#fffefa;--line:#e4e7e4;--green:#17896b;--orange:#cd8c45;--purple:#865dbc;--red:#c65a62;--muted:#75818a}*{box-sizing:border-box}html{min-height:100%;background:#142840}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:#2a6b8b}.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:245px;height:100vh;background:var(--navy);color:#fff;flex-shrink:0;padding:27px 18px;display:flex;flex-direction:column;gap:22px;overflow:auto}.brand{display:flex;gap:10px;align-items:center;font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:800;letter-spacing:-.7px}.brand b{color:#e9bc70}.brand small{display:block;color:#b1c9d7;font:700 8px 'DM Sans',sans-serif;letter-spacing:1.4px;margin-top:3px}.brand-mark{background:#f0c981;border:2px solid #11243a;box-shadow:3px 3px #567789;width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:#16334a;font-size:26px}.side-kicker{color:#7ba1b8;font-size:10px;letter-spacing:2px;font-weight:800;margin:16px 9px 0}.navlink{width:100%;background:none;border:0;color:#d4e3eb;padding:12px 11px;border-radius:12px;display:flex;gap:11px;align-items:center;text-align:left;font-weight:700;margin-bottom:4px}.navlink .ico{font-size:18px;width:23px;text-align:center}.navlink.active{background:#f7ecdc;color:#1f354c;box-shadow:4px 4px 0 #0b1b2f}.navlink:not(.active):hover{background:#2b4761}.aside-bottom{margin-top:auto;color:#b8cadb;font-size:11px}.sticker{background:#324b61;border:2px dashed #d0ab63;border-radius:12px;color:#f4d18d;font:700 17px 'Space Grotesk',sans-serif;transform:rotate(-2deg);padding:17px;margin-bottom:18px}.main{flex:1;background:var(--cream);min-width:0}.topbar{height:66px;background:#fffef9;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 28px;color:#6a7a83;font-weight:800;font-size:11px;letter-spacing:1px}.top-spacer{flex:1}.icon-button,.avatar-btn{border:1px solid var(--line);background:#fff;border-radius:9px;color:#142b45;padding:9px 11px;font-weight:800}.avatar-btn{border-radius:50%;background:#e7c078;width:34px;height:34px;padding:0}.pill{background:#eef1df;border-radius:99px;padding:7px 11px;color:#4d654b;font-size:10px}.page{max-width:1260px;margin:auto;padding:29px 31px 55px;min-height:calc(100vh - 132px)}.foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#96a3a6;font-size:10px;letter-spacing:1px;padding:20px 30px}.mobile-nav{display:none}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#bb8643;text-transform:uppercase;margin-bottom:5px}.h1{font:800 clamp(25px,3vw,36px) 'Space Grotesk',sans-serif;letter-spacing:-1.4px;margin:0 0 6px}.subtitle{color:var(--muted);margin:0 0 25px;line-height:1.55}.card,.panel{background:var(--paper);border:1px solid #e7e4d9;border-radius:18px;box-shadow:4px 5px 0 #e8e8dd;padding:20px}.panel{box-shadow:none}.hero{display:grid;grid-template-columns:1.1fr .75fr;gap:16px;background:#f8ecda;border:2px solid #f2dfc0;border-radius:21px;padding:27px 28px;overflow:hidden;position:relative;min-height:228px;margin-bottom:20px}.hero h1{font:800 clamp(27px,3vw,41px) 'Space Grotesk',sans-serif;letter-spacing:-1.7px;line-height:1.12;margin:5px 0 12px}.hero p{font-size:13px;line-height:1.7;max-width:460px;color:#596879}.hero-right{display:flex;align-items:center;justify-content:center}.pixel-figure{position:relative;display:grid;place-items:center;min-height:182px}.pixel-figure img{height:176px;width:auto;image-rendering:pixelated;filter:drop-shadow(8px 10px 0 #d8c3a6);animation:idle 2.5s ease-in-out infinite}.pixel-figure.celebrate img{animation:celebrate 0.5s ease-in-out 4}.pixel-floor{position:absolute;bottom:1px;width:116px;height:13px;background:#c9d7c7;border-radius:50%}@keyframes idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes celebrate{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(7deg)}}.hero-stat{position:absolute;right:8px;top:8px;background:#fff7e9;padding:10px;border:1px solid #e5c692;border-radius:10px;text-align:center;font-weight:800;min-width:95px}.pixel-label{font-family:'Press Start 2P',monospace;font-size:9px;line-height:1.8}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:1.3fr 1fr}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{padding:17px;border-radius:15px;background:#fff;border:1px solid #e8e4d8}.stat small{color:#7c8790;display:block;font-size:11px;font-weight:700;margin-bottom:7px}.stat strong{display:block;font:800 25px 'Space Grotesk',sans-serif;letter-spacing:-1px}.stat.green{background:#e1f3e7}.stat.orange{background:#ffefd8}.stat.purple{background:#eee7f8}.stat.blue{background:#e4ecf8}.row{display:flex;align-items:center;gap:9px}.between{justify-content:space-between}.stack>*+*{margin-top:12px}.muted{color:#76848b}.tiny{font-size:11px}.note{background:#f3f3ea;padding:11px 14px;border-radius:11px;color:#667779;line-height:1.5}.success{color:#168564}.danger{color:#b94854}.warning{color:#ad7936}.tag{background:#e8f1ea;color:#2b7b61;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800;white-space:nowrap}.tag.pending{background:#fff1d6;color:#aa752c}.tag.rejected{background:#fce2e2;color:#ad414e}.tag.approved{background:#e1f2e8;color:#267855}.tag.exempt{background:#e9eff9;color:#5376a1}.tag.trial{background:#fff0d4;color:#aa752c}.btn{border:2px solid transparent;border-radius:10px;background:var(--navy);color:#fff;padding:10px 13px;font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.25}.btn:hover{filter:brightness(1.07)}.btn.secondary{color:#223c54;background:#f3f4ee;border-color:#e3e6df}.btn.green{background:#1d896f}.btn.orange{background:#c18a41}.btn.danger{background:#b94a59}.btn.ghost{background:transparent;color:#3c6275}.btn.sm{padding:7px 10px;font-size:11px}.btn.full{width:100%}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e0ab50;outline-offset:2px}.section-title{font:800 18px 'Space Grotesk',sans-serif;margin:0 0 13px}.activity{display:grid;grid-template-columns:61px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px dashed #e8e7e3}.activity:last-child{border-bottom:0}.activity time{color:#859298;font-size:10px;font-weight:700}.activity strong{font-size:12px;display:block}.activity small{color:#859298;font-size:11px;display:block;margin-top:3px}.activity .act-right{text-align:right}.activity .act-actions{display:flex;justify-content:flex-end;gap:4px;margin-top:5px}.activity .act-actions .btn{padding:6px 8px}.activity.is-now{background:#f8f2e1;border-radius:11px;padding:10px}.activity.excluded{opacity:.6}.bar{height:10px;border-radius:20px;background:#e5e8e2;overflow:hidden}.bar>i{display:block;height:100%;background:#188969;border-radius:20px}.mini-cols{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.cal-day{background:#f7f8f4;border:1px solid #e8e8e4;border-radius:9px;min-height:66px;padding:7px 4px;text-align:left;display:flex;flex-direction:column;gap:4px}.cal-day.has-event{background:#fdf0d8;border-color:#efc884}.cal-day.today{outline:2px solid #286f6b}.cal-day.blank{background:transparent;border:0}.cal-day b{font-size:12px}.cal-dot{display:inline-block;width:6px;height:6px;background:#c78844;border-radius:50%;margin-right:2px}.event-row{border-left:4px solid #ba8b4b;background:#f8f8f4;padding:12px;border-radius:9px;margin:8px 0}.event-row.full{border-color:#338d6e}.field{display:flex;flex-direction:column;gap:5px}.field label{font-weight:800;font-size:11px;color:#687783}.field input,.field select,.field textarea{width:100%;background:#fff;border:1px solid #d6dcd9;border-radius:9px;padding:11px 12px;color:var(--ink)}.field textarea{min-height:76px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid .wide{grid-column:1/-1}.div{height:1px;background:var(--line);margin:15px 0}.choice{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid #e4e6e1;border-radius:10px;margin:6px 0}.quest{padding:13px;background:#f8f8f4;border-radius:12px;border:1px solid #ecede8;margin:9px 0}.quest h3{font-size:13px;margin:0 0 5px}.quest p{font-size:11px;margin:0;color:#78858d}.badge-tile{border:2px solid #e2d8bd;border-radius:13px;padding:16px;background:#fff6df;text-align:center}.badge-tile.locked{filter:grayscale(1);opacity:.5}.badge-icon{font-size:30px}.skill{margin:10px 0}.skill .row{justify-content:space-between;margin-bottom:5px}.skill small{color:#78858d}.overlay{position:fixed;inset:0;background:#0a1a2ab5;z-index:60;display:flex;align-items:center;justify-content:center;padding:13px}.dialog{width:min(550px,100%);max-height:90vh;overflow:auto;background:var(--paper);padding:20px;border-radius:18px;box-shadow:0 18px 55px #0b162c55}.dialog h2{margin-top:0;font:800 21px 'Space Grotesk'}.camera-live{position:relative;background:#141b29;min-height:245px;border-radius:12px;overflow:hidden;display:grid;place-items:center}.camera-live video{width:100%;max-height:55vh;object-fit:cover}.camera-stamp{position:absolute;bottom:13px;left:10px;background:#111b29b9;color:white;font-size:11px;font-weight:800;padding:7px 9px;border-radius:6px}.evidence-thumbs{display:flex;flex-wrap:wrap;gap:8px}.evidence-thumbs img{width:100px;height:85px;object-fit:cover;border-radius:10px;border:2px solid #deded5}.audio-record{padding:27px 15px;background:#182f48;color:white;text-align:center;border-radius:13px}.audio-record .big{font-size:26px;font-weight:800}.audio-record audio{width:100%;max-width:360px;margin-top:10px}.mini-list{font-size:12px;margin:5px 0;padding-left:20px}.mini-list li{margin:5px 0}.tip{padding:10px 12px;border-radius:9px;background:#e8f4ed;color:#44725e}.error{padding:10px 12px;border-radius:9px;background:#ffe4e2;color:#a53a41}#toasts{position:fixed;z-index:100;right:16px;bottom:75px;display:grid;gap:7px}.toast{background:#1c374e;color:white;max-width:min(355px,90vw);border-radius:12px;padding:11px 15px;box-shadow:0 4px 15px #1018273a}.toast.bad{background:#b64753}.hidden{display:none!important}.foot{margin-bottom:0}.scroll-row{display:flex;gap:7px;overflow-x:auto;padding:3px 0 8px}.daybtn{border:1px solid #d9dfd6;background:#fff;border-radius:10px;padding:9px 13px;font-weight:800;flex:none}.daybtn.active{background:#1c826b;color:#fff}.profile-sprite{max-height:250px;image-rendering:pixelated}.stage{background:radial-gradient(circle at 50% 110%,#e9e0b1,#e5f0e6);border-radius:17px;display:grid;place-items:center;min-height:265px}.mini-chart{display:flex;gap:5px;align-items:end;min-height:118px;padding:8px 0}.mini-chart>div{flex:1;border-radius:5px 5px 0 0;background:#80b9a6;min-height:2px;position:relative}.mini-chart>div small{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:9px;color:#818e8d}.notice-banner{background:#fff0d0;border:1px solid #ead5a6;border-radius:13px;padding:12px 15px;margin-bottom:16px;font-size:12px;line-height:1.55}.rec-box{background:#e8f2ef;border-left:4px solid #479e7f;padding:13px;border-radius:9px;margin:8px 0}@media(max-width:1000px){.sidebar{width:205px}.page{padding:23px 18px}.grid.two{grid-template-columns:1fr}}@media(max-width:720px){.sidebar{position:fixed;z-index:41;left:-270px;width:250px;transition:left .2s}.sidebar.open{left:0}.topbar{height:60px;padding:0 14px;gap:8px}.topbar #clock{display:none}.page{padding:20px 12px 95px}.foot{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:66px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:#fffdf8;border-top:1px solid #d8e2dc;z-index:30}.mobile-nav .navlink{margin:0;border-radius:0;display:flex;flex-direction:column;gap:2px;font-size:9px;justify-content:center;padding:6px 0}.mobile-nav .navlink .ico{font-size:21px}.mobile-nav .navlink.active{background:#e4f1e8;box-shadow:none}.hero{grid-template-columns:1fr auto;min-height:192px;padding:17px}.hero h1{font-size:27px}.hero-right .pixel-figure img{height:128px}.hero-stat{display:none}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two{grid-template-columns:1fr}.card,.panel{padding:15px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.activity{grid-template-columns:60px 1fr auto;gap:7px}.h1{font-size:27px}.mini-cols{gap:2px}.cal-day{min-height:49px;padding:5px 2px}.cal-day b{font-size:10px}#toasts{bottom:82px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}