:root{--accent:#1f6f54;--accent-dark:#17553f;--bg:#f5f7f6;--card:#fff;--border:#dde3e0;--text:#1c2422;--muted:#6b7773;--danger:#b3372f}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}header.topbar{background:var(--accent);color:#fff;align-items:center;gap:20px;padding:10px 20px;display:flex}header.topbar h1{margin:0;font-size:18px}header.topbar nav{flex:1;gap:4px;display:flex}header.topbar button.tab{color:#d9e8e2;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 14px;font-size:14px}header.topbar button.tab.active,header.topbar button.tab:hover{background:var(--accent-dark);color:#fff}main{max-width:1100px;margin:24px auto;padding:0 16px}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:20px}h2{margin:0 0 14px;font-size:17px}label{color:var(--muted);margin:10px 0 4px;font-size:13px;display:block}input,select,textarea{border:1px solid var(--border);background:#fff;border-radius:6px;width:100%;padding:8px 10px;font-size:14px}input.time{width:90px}button.primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:12px;padding:9px 18px;font-size:14px}button.primary:hover{background:var(--accent-dark)}button.ghost{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:13px}button.danger{border-color:var(--danger);color:var(--danger)}table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:7px 8px}th{color:var(--muted);font-size:12.5px;font-weight:600}tr.clickable:hover{cursor:pointer;background:#eef4f1}.badge{border-radius:10px;padding:2px 8px;font-size:12px;display:inline-block}.badge.approved{color:var(--accent-dark);background:#e0f0e9}.badge.pending{color:#8a6116;background:#fdf1dc}.badge.stale{color:var(--danger);background:#fbe5e3}.error{color:var(--danger);margin-top:8px;font-size:13.5px}.success{color:var(--accent-dark);margin-top:8px;font-size:13.5px}.grid2{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.login-wrap{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{width:360px}.login-box .logo{text-align:center;color:var(--accent);margin-bottom:16px;font-size:26px;font-weight:700}.muted{color:var(--muted);font-size:13px}.keybox{border:1px dashed var(--accent);word-break:break-all;background:#f0f4f2;border-radius:6px;margin-top:10px;padding:10px;font-family:ui-monospace,monospace;font-size:13px}