:root{--bg: #0f172a;--bg-2: #1e293b;--accent: #f59e0b;--text: #f1f5f9;--muted: rgba(241, 245, 249, .6);--surface: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .08);--danger: #c97b7b;--danger-border: rgba(201, 123, 123, .35);--danger-surface: rgba(201, 123, 123, .1)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);background-attachment:fixed;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{max-width:960px;margin:0 auto;padding:0 20px env(safe-area-inset-bottom)}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;animation:fade-in .6s ease both}.login-title{font-size:28px;font-weight:600;margin:0 0 8px}.login-sub{color:var(--muted);margin:0 0 32px}.topbar{display:flex;align-items:center;gap:16px;padding:16px 0;padding-top:calc(16px + env(safe-area-inset-top));border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{font-weight:600;letter-spacing:.01em}.tabs{display:flex;gap:4px;flex:1}.whoami{color:var(--muted);font-size:13px;word-break:break-all}.tab{color:var(--muted);text-decoration:none;padding:6px 14px;border-radius:999px;transition:color .4s ease,background .4s ease}.tab.active{color:var(--bg);background:var(--accent)}.tab:hover:not(.active){color:var(--text);background:var(--surface-2)}.content{padding:24px 0 64px;animation:fade-in .4s ease both}.view-title{font-size:22px;font-weight:600;margin:0 0 20px}.button{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:8px 20px;cursor:pointer;transition:background .4s ease,color .4s ease}.button-primary{color:var(--bg);background:var(--accent);border-color:transparent;font-weight:600}.button-quiet{color:var(--muted);background:transparent}.button-danger{color:var(--danger);background:var(--surface);border-color:var(--danger-border)}.button:hover{filter:brightness(1.1)}.button:disabled{opacity:.5;cursor:default;filter:none}.range-picker{display:flex;gap:8px;margin-bottom:20px}.range-button.active{color:var(--bg);background:var(--accent);border-color:transparent;font-weight:600}.input{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 14px;flex:1;min-width:0}.input:focus{outline:none;border-color:var(--accent)}.lookup{display:flex;gap:8px;margin-bottom:16px}.status{color:var(--muted);min-height:1.5em;margin:0 0 16px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:16px}.card-value{font-size:24px;font-weight:600}.card-label{color:var(--muted);font-size:13px;margin-top:4px}.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:24px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:16px 20px}.panel-title{font-size:15px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}.kv{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.kv-label{color:var(--muted)}.kv-value{text-align:right;word-break:break-all}.muted{color:var(--muted)}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:20px}.data-table{width:100%;border-collapse:collapse;font-size:15px}.data-table th,.data-table td{text-align:right;padding:10px 16px;white-space:nowrap}.data-table th:first-child,.data-table td:first-child{text-align:left}.data-table thead th{color:var(--muted);font-weight:500;border-bottom:1px solid var(--border)}.data-table tbody tr+tr td{border-top:1px solid var(--border)}.data-table tfoot td{border-top:1px solid var(--border);font-weight:600}.footnote{color:var(--muted);font-size:13px;margin-top:16px}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.action-title{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}.action-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.action-hint{font-size:13px;margin:6px 0 0}.input-number{flex:0 1 110px;min-width:90px}select.input{flex:0 1 auto;padding-right:14px}.confirm{margin-top:16px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);animation:fade-in .4s ease both}.confirm-danger{border-color:var(--danger-border);background:var(--danger-surface)}.confirm-summary{margin:0 0 10px;font-weight:500}.reason-input{width:100%;margin-bottom:10px}.action-status{color:var(--muted);font-size:15px;min-height:1.4em;margin:10px 0 0}.action-status.error{color:var(--danger)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.login,.content,.confirm{animation:none}}