:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#1d2b3a;background:#f2f5f9;font-synthesis:none;--blue:#174a78;--blue2:#23669b;--border:#dce4ed;--muted:#68788a;--green:#18834c;--red:#b83b43}*{box-sizing:border-box}body{margin:0;min-width:320px}.topbar{background:#123c63;color:#fff;padding:16px max(20px,calc((100vw - 1080px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:20px;letter-spacing:.2px}.brand small{display:block;color:#c7d9e9;margin-top:3px}.clock{text-align:right;display:grid;gap:2px}.clock strong{font-size:24px;font-variant-numeric:tabular-nums}.status{font-size:12px}.status.online{color:#9de0b9}.status.offline{color:#ffd0d0}.container{width:min(100% - 32px,1000px);margin:28px auto 42px}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:26px;margin:0 0 20px;box-shadow:0 5px 20px rgba(24,52,79,.045)}.hidden{display:none!important}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.3px;color:var(--blue2);margin:0 0 7px}h1,h2,p{margin-top:0}h1{font-size:27px;margin-bottom:8px}h2{font-size:21px;margin-bottom:5px}.section-heading p:not(.eyebrow),.welcome-panel p:not(.eyebrow){color:var(--muted);margin-bottom:0;line-height:1.5}.welcome-panel{display:flex;justify-content:space-between;align-items:center;gap:24px}.server-clock{background:#edf4fa;border-radius:12px;padding:15px 20px;min-width:210px;text-align:center}.server-clock span,.server-clock small{display:block;color:var(--muted);font-size:12px}.server-clock strong{display:block;font-size:24px;color:var(--blue);font-variant-numeric:tabular-nums;margin:5px 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid label,.stack label{display:grid;gap:7px;font-size:13px;font-weight:650}.form-grid .full{grid-column:1/-1}.form-grid small,.stack small{color:var(--muted);font-weight:400}input,textarea{width:100%;border:1px solid #cbd6e2;border-radius:9px;padding:12px 13px;background:#fff;color:#1d2b3a;font:inherit;min-height:45px}textarea{resize:vertical;line-height:1.5}input:focus,textarea:focus{outline:3px solid #d9eafa;border-color:var(--blue2)}button{font:inherit;cursor:pointer;border:0;border-radius:9px;padding:11px 17px;font-weight:700;transition:background .15s,transform .15s}button:disabled{opacity:.42;cursor:not-allowed}.primary{background:var(--blue);color:white}.primary:hover:not(:disabled){background:#0e365a}.secondary{background:#eaf1f7;color:#174a78}.danger{background:#fff0f0;color:#a72d35}.punch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.punch{background:#f2f6fa;border:1px solid #dce5ee;color:#29445f;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.punch-symbol{font-size:26px;color:var(--blue2)}.punch-entry{background:#eaf6ef;border-color:#cce8d7;color:#17633c}.punch-exit{background:#fff2ed;border-color:#f2d9ce;color:#9b4729}.hint{font-size:12px;color:var(--muted);margin:15px 0}.event-list{border-top:1px solid var(--border);margin-top:15px}.event-row{display:flex;justify-content:space-between;gap:12px;padding:13px 4px;border-bottom:1px solid #edf1f5}.event-row strong{font-size:14px}.event-row time{font-variant-numeric:tabular-nums;color:var(--blue);font-weight:750}.empty{color:var(--muted);padding:12px 3px}.stack{display:grid;gap:16px}.file-label input{padding:8px}.turnstile-slot{min-height:65px}.pill{font-size:12px;background:#edf3f8;color:#315a7b;padding:7px 11px;border-radius:99px;white-space:nowrap}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.history-panel{margin-top:12px}.history-item{padding:12px 4px;border-bottom:1px solid #edf1f5;font-size:13px;display:flex;justify-content:space-between;gap:15px}.history-item small{color:var(--muted)}.profile-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-value{padding:11px;background:#f7f9fb;border-radius:8px;font-size:13px}.profile-value small{display:block;color:var(--muted);margin-bottom:4px}.danger-zone{border-top:1px solid #f0dede;margin-top:24px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.danger-zone p{color:var(--muted);font-size:12px;margin:5px 0 0;max-width:600px}.message{position:sticky;bottom:10px;margin:10px auto;max-width:600px;padding:0;border-radius:10px;text-align:center}.message:not(:empty){padding:13px 16px;background:#e8f5ed;color:#17633c}.message.error{background:#fff0f0;color:#a72d35}footer{text-align:center;padding:24px 15px 34px;color:#738195;font-size:12px;line-height:1.8}footer a{color:var(--blue)}@media(max-width:700px){.topbar{padding:13px 16px}.brand strong{font-size:17px}.brand img{width:36px;height:36px}.clock strong{font-size:20px}.container{width:calc(100% - 22px);margin:14px auto 28px}.panel{padding:19px;border-radius:13px}.welcome-panel{align-items:stretch;flex-direction:column}.server-clock{min-width:0}.punch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.punch{min-height:100px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.section-heading{flex-direction:column}.inline-actions{width:100%}.inline-actions button{flex:1}.profile-summary{grid-template-columns:1fr}.danger-zone{align-items:flex-start;flex-direction:column}.danger-zone button{width:100%}}@media(max-width:390px){.topbar{align-items:flex-start}.brand small{font-size:10px}.clock strong{font-size:17px}.clock{font-size:11px}}