:root{--ink:#25212b;--muted-ink:#6c6477;--line:#ded7ec;--panel:#fff;--yellow:#ffe66d;--pink:#ff8fab;--mint:#8be0c6;--sky:#8ecae6;--lavender:#cdb4db;--green:#2f7d64;--shadow:0 18px 46px #3a2d571f}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:linear-gradient(90deg,#ffffff75 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#ffffff75 1px,#0000 1px) 0 0/32px 32px,linear-gradient(135deg,#fff7c7 0%,#e5f8f3 45%,#fff0f5 100%);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}.home-shell,.admin-shell,.login-shell{max-width:1180px;min-height:100vh;margin:0 auto;padding:28px}.home-shell{flex-direction:column;gap:16px;display:flex}.hero-panel,.countdown-card,.salary-card,.admin-panel,.login-panel{box-shadow:var(--shadow);background:#ffffffdb;border:2px solid #fff;border-radius:8px}.hero-panel{grid-template-columns:minmax(280px,.82fr) minmax(0,1fr);gap:20px;min-height:420px;display:grid;overflow:hidden}.hero-art{background:linear-gradient(135deg,#ffe66de0,#8be0c6d1),repeating-linear-gradient(45deg,#0000 0 16px,#ffffff38 16px 28px);border-right:2px solid #fffc;min-height:100%;position:relative;overflow:hidden}.sun-card{border:2px solid var(--ink);background:#fffdf1;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;display:flex;position:absolute;top:28px;left:28px;transform:rotate(-4deg)}.sun-card span{font-size:18px;font-weight:900;line-height:1}.sun-card span:nth-child(2){color:var(--pink);font-size:12px}.desk-card{border:2px solid var(--ink);background:#fffdf1;border-radius:8px;height:210px;position:absolute;bottom:34px;left:32px;right:32px}.desk-card:before{background:var(--pink);border:2px solid var(--ink);content:"";border-radius:8px;width:70%;height:42px;position:absolute;top:126px;left:24px}.screen{border:2px solid var(--ink);background:linear-gradient(#bbf7e8,#8ecae6);border-radius:8px;width:150px;height:96px;position:absolute;top:24px;left:44px}.screen:after{background:var(--ink);content:"";border-radius:2px;width:12px;height:20px;position:absolute;bottom:-22px;left:68px}.keyboard{border:2px solid var(--ink);background:#e8e0f3;border-radius:8px;width:160px;height:30px;position:absolute;bottom:26px;left:44px}.coin-stack{gap:5px;width:62px;display:grid;position:absolute;bottom:24px;right:38px}.coin-stack i{background:var(--yellow);border:2px solid var(--ink);border-radius:999px;height:18px;display:block}.pay-rain{pointer-events:none;position:absolute;inset:0}.pay-rain span{animation:float-pay 4.8s var(--delay)linear infinite;color:#25212b3d;left:var(--x);font-size:24px;font-weight:900;position:absolute;top:-36px}@keyframes float-pay{to{transform:translateY(500px)rotate(18deg)}}.hero-copy{flex-direction:column;align-self:center;gap:16px;padding:34px 34px 34px 8px;display:flex}.pill,.admin-badge,.back-link{align-items:center;gap:8px;display:inline-flex}.pill{color:#6b5d1a;background:#fff8d9;border:1px solid #eadf97;border-radius:999px;align-self:flex-start;padding:8px 12px;font-size:13px;font-weight:700}h1{letter-spacing:0;max-width:620px;margin:0;font-size:clamp(38px,6vw,68px);line-height:.98}p{color:var(--muted-ink);margin:0;font-size:16px;line-height:1.7}.hero-copy p{max-width:560px}.hero-actions,.form-footer{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mode-switch{border:1px solid var(--line);background:#fbf9ff;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-width:360px;padding:4px;display:grid}.mode-switch button{color:var(--muted-ink);background:0 0;border:0;border-radius:7px;min-height:36px;padding:8px 10px;font-size:13px;font-weight:800}.mode-switch button.active{background:var(--ink);color:#fff}.primary-button,.ghost-button{border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-weight:800;display:inline-flex}.primary-button{background:var(--ink);border:2px solid var(--ink);color:#fff}.ghost-button{border:2px solid var(--line);color:var(--ink);background:#ffffffc2}.soft-error,.form-message.error{color:#b42318}.hero-live-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;max-width:560px;display:grid}.hero-live-grid>div{border:1px solid var(--line);background:#fbf9ff;border-radius:8px;flex-direction:column;gap:5px;min-width:0;padding:12px;display:flex}.hero-live-grid span,.hero-live-grid small{color:var(--muted-ink);font-size:12px;font-weight:800}.hero-live-grid strong{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:0;overflow-wrap:anywhere;font-size:clamp(28px,4vw,40px);line-height:1}.hero-live-grid div:nth-child(2) strong{color:var(--green)}.dashboard-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:16px;display:grid}.countdown-card,.salary-card{min-width:0;padding:18px}.card-head{color:var(--muted-ink);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:800;display:flex}.countdown-number,.money-number{font-variant-numeric:tabular-nums;letter-spacing:0;overflow-wrap:anywhere;font-size:clamp(38px,6vw,64px);line-height:1;display:block}.money-number{color:var(--green)}.progress-track{background:#f0edf5;border:2px solid #fff;border-radius:999px;height:18px;margin-top:16px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,var(--mint),var(--yellow),var(--pink));border-radius:inherit;height:100%;transition:width .25s;display:block}.progress-meta,.salary-bubbles{color:var(--muted-ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:800;display:flex}.salary-bubbles{justify-content:flex-start;margin-top:14px}.salary-bubbles span{background:#f3fff9;border:1px solid #cfefdf;border-radius:999px;padding:7px 10px}dt{color:var(--muted-ink);font-size:12px;font-weight:800}dd{margin:4px 0 0;font-size:18px;font-weight:850}.admin-shell,.login-shell{justify-content:center;align-items:center;display:flex}.admin-panel,.login-panel{width:100%;max-width:860px;padding:22px}.login-panel{flex-direction:column;align-items:stretch;gap:14px;max-width:420px;display:flex}.login-panel h1{font-size:38px}.login-panel label{flex-direction:column;gap:7px;display:flex}.login-mark{color:#6b5d1a;background:#fff8d9;border:1px solid #eadf97;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.admin-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.admin-head h1{margin-top:12px;font-size:38px}.admin-badge{color:var(--green);background:#f3fff9;border:1px solid #cfefdf;border-radius:999px;flex:none;padding:8px 12px;font-size:13px;font-weight:800}.back-link{color:var(--muted-ink);font-size:14px;font-weight:800}.settings-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-form label{flex-direction:column;gap:7px;display:flex}.settings-form label.wide{grid-column:1/-1}.settings-form span,.login-panel span{color:var(--muted-ink);font-size:13px;font-weight:800}.settings-form input,.settings-form select,.login-panel input{border:2px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;width:100%;min-height:44px;padding:9px 11px}.settings-form input:focus,.settings-form select:focus,.login-panel input:focus{border-color:var(--pink);outline:3px solid #ff8fab3d}.form-footer{grid-column:1/-1;margin-top:4px}.form-message{color:var(--green);font-size:13px;font-weight:800}@media (max-width:920px){.hero-panel,.dashboard-grid{grid-template-columns:1fr}.hero-art{border-bottom:2px solid #fffc;border-right:0;min-height:320px}.hero-copy{padding:4px 22px 24px}}@media (max-width:620px){.home-shell,.admin-shell,.login-shell{padding:12px}.hero-panel{min-height:0}.hero-art{min-height:236px}.desk-card{height:152px;bottom:20px;left:18px;right:18px}.sun-card{top:20px;left:20px}.screen{width:112px;height:66px;top:18px;left:32px}.screen:after{bottom:-20px;left:50px}.desk-card:before{height:34px;top:96px;left:22px}.keyboard{width:132px;height:25px;bottom:20px;left:36px}.coin-stack{width:48px;bottom:22px;right:24px}h1{font-size:38px}.hero-copy{padding:2px 18px 20px}.dashboard-grid{gap:12px}.countdown-number,.money-number{font-size:38px}.admin-head,.hero-actions,.form-footer{flex-direction:column;align-items:stretch}.mode-switch{max-width:none}.hero-live-grid{grid-template-columns:1fr}.admin-badge{align-self:flex-start}.settings-form{grid-template-columns:1fr}}