:root{--bg:#020202;--panel:#0d0d0e;--card:#0d0d0ef0;--border:#ffffff21;--orange:#ff7900;--orange2:#ff9d00;--text:#f8f8f8;--muted:#a7a7a7;--green:#48d95a}*{box-sizing:border-box}body{color:var(--text);background:#030303;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}#app{background:radial-gradient(circle at 20% 0,#ff79001f,#0000 28%),linear-gradient(#090909,#020202 70%);max-width:520px;min-height:100vh;margin:0 auto;padding-bottom:110px}.splash{background-color:#0000;background-image:linear-gradient(#0000001a,#030303 96%),url(/assets/hero-reference.jpg);background-position:top;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:flex-end;min-height:360px;padding:44px 22px 40px;display:flex}.big-logo{filter:drop-shadow(0 18px 28px #000000e6);width:360px;max-width:94%}.hero{background-color:#0000;background-image:linear-gradient(#0000000d,#030303 96%),url(/assets/hero-reference.jpg);background-position:top;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:390px;position:relative}.hero:after{content:"";background:linear-gradient(90deg,#0003,#00000073);position:absolute;inset:0}.hero-content{z-index:2;padding:54px 22px 0;position:relative}.logo-img{filter:drop-shadow(0 18px 25px #000000d9);width:305px;max-width:82%}.tagline{color:var(--orange);letter-spacing:.5px;margin-top:12px;font-size:13px;font-weight:800}.profile-button{z-index:3;color:var(--orange);background:0 0;border:0;font-size:28px;position:absolute;top:58px;right:22px}.main{z-index:4;margin-top:-78px;padding:0 18px;position:relative}.login-main{margin-top:-70px}.card{border:1px solid var(--border);background:linear-gradient(145deg,#161616f5,#070708f5);border-radius:22px;margin-bottom:16px;padding:20px;box-shadow:0 22px 45px #00000094}.profile{grid-template-columns:56px 1fr;gap:14px;display:grid}.avatar{background:#151515;border-radius:50%;place-items:center;width:56px;height:56px;font-size:30px;display:grid}.welcome{color:var(--muted);font-size:13px}h1{margin:4px 0;font-size:24px}h2{margin:0 0 16px;font-size:21px}p{color:var(--muted);margin:0}.orange{color:var(--orange);font-weight:800}.gps-map{background:linear-gradient(90deg,#00000040,#0000000d),radial-gradient(circle at 78%,#ff790059,#0000 18%),linear-gradient(135deg,#222,#111);border:1px solid #ffffff1a;border-radius:14px;grid-column:1/-1;margin-top:8px;padding:14px}.gps-map strong{color:var(--orange);font-size:14px;display:block}.gps-map strong.active{color:var(--green)}.gps-map small{color:#c8c8c8}.section-row{justify-content:space-between;align-items:center;display:flex}.ghost{color:var(--orange);background:0 0;border:1px solid #ff790073;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:900}.timer{text-align:center;letter-spacing:1px;margin:20px 0 4px;font-size:43px}.status{text-align:center;color:#fff;margin-bottom:20px}button{cursor:pointer}.primary,.secondary,.outline{border:none;border-radius:12px;width:100%;margin:8px 0;padding:17px;font-size:17px;font-weight:950}.primary{background:linear-gradient(90deg,var(--orange),var(--orange2));color:#111;box-shadow:0 15px 35px #ff790047}.primary:disabled{opacity:.45}.secondary{color:#888;background:#00000047;border:1px solid #ff790047}.secondary:disabled{opacity:.45}.outline{color:var(--orange);border:1px solid var(--orange);background:0 0}.tabs{border:1px solid #ffffff14;border-radius:12px;grid-template-columns:1fr 1fr 1fr;gap:0;margin-bottom:14px;display:grid;overflow:hidden}.tabs span{text-align:center;color:#aaa;background:#111;padding:12px 8px;font-size:12px;font-weight:800}.tabs .active-tab{color:var(--orange);border-bottom:2px solid var(--orange)}label{color:var(--muted);margin:12px 0;font-size:13px;display:block}input,textarea{color:#fff;background:#070707;border:1px solid #ffffff1c;border-radius:11px;outline:none;width:100%;margin-top:7px;padding:14px;font-size:15px}textarea{resize:vertical;min-height:82px}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tiles{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.tile{color:var(--orange);background:linear-gradient(145deg,#181818f2,#070707f2);border:1px solid #ffffff1c;border-radius:14px;padding:18px 8px;font-size:25px}.tile span{color:#fff;margin-top:9px;font-size:15px;font-weight:800;display:block}.tile small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.muted{color:var(--muted);font-size:14px}.small{font-size:12px}.summary{border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:14px;display:grid;overflow:hidden}.summary div{text-align:center;background:#0a0a0a;padding:14px}.summary div:first-child{border-right:1px solid #ffffff1a}.summary strong{font-size:28px;display:block}.summary small{color:#aaa;font-size:11px}.entry{background:#0a0a0a;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:1fr 62px;align-items:center;gap:10px;margin:10px 0;padding:12px;display:grid}.entry strong{font-size:14px;display:block}.entry small{color:#aaa;margin-top:3px;display:block}.entry p{color:#fff;margin-top:6px}.hours{text-align:right;font-size:18px;font-weight:900}.hours small{font-size:10px}.bottom-nav{text-align:center;z-index:20;background:#0c0c0cf2;border:1px solid #ffffff1f;border-radius:36px;grid-template-columns:1fr 1fr 72px 1fr 1fr;align-items:center;width:min(486px,100% - 24px);height:76px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.bottom-nav span{color:#aaa;flex-direction:column;gap:4px;display:flex}.bottom-nav .active{color:var(--orange)}.bottom-nav button{background:linear-gradient(180deg,var(--orange2),var(--orange));border:0;border-radius:50%;width:72px;height:72px;margin-top:-24px;font-size:38px}@media (width<=400px){.logo-img{width:260px}.main{padding:0 14px}}