:root{--bg:#09090a;--panel:#111214;--panel2:#16171a;--line:#27292e;--text:#f5f2ea;--muted:#9b9a96;--gold:#c9a45e;--gold2:#e1c17a;--danger:#e48787;--good:#77c69a;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;background:radial-gradient(circle at top,#17140e 0,#09090a 32%);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--gold);font-weight:800}.brand-mark{width:58px;height:58px;border-radius:18px;border:1px solid #59492b;background:linear-gradient(145deg,#1d1a13,#0d0d0f);display:grid;place-items:center;color:var(--gold2);font-family:Georgia,serif;font-size:30px;box-shadow:0 14px 40px #0006}.brand-mark.small{width:40px;height:40px;border-radius:12px;font-size:20px}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,430px);border:1px solid var(--line);border-radius:24px;background:#111214f5;padding:28px;box-shadow:0 28px 80px #00000073}.auth-card h1{font-size:30px;margin:16px 0 8px}.stack{display:grid;gap:12px}.auth-card .stack{margin-top:24px}label{display:grid;gap:7px;color:#d8d5cd;font-size:13px;font-weight:700}input,select,textarea{width:100%;background:#0b0c0e;color:var(--text);border:1px solid #303238;border-radius:12px;padding:13px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:#745d31;box-shadow:0 0 0 3px #c9a45e14}textarea{resize:vertical}.btn,.icon-btn,.text-btn,.chip{border:0}.btn{border-radius:12px;padding:12px 14px;font-weight:800;color:var(--text);background:#1c1d21;border:1px solid var(--line)}.btn.gold{background:linear-gradient(180deg,#d2ad63,#b78d43);color:#18140d;border-color:#d7b66e}.btn.ghost{background:#111216}.text-btn{background:transparent;color:var(--gold2);padding:14px 0}.status-message{min-height:20px;color:var(--danger);font-size:13px}.app-shell{min-height:100dvh;padding-bottom:calc(82px + var(--safe-bottom))}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#09090ae0;backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.brand-row{display:flex;gap:10px;align-items:center}.brand-row>div:last-child{display:grid;gap:2px}.brand-row small{color:var(--muted)}.top-actions{display:flex;gap:8px}.icon-btn{background:#15161a;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:12px}.install-btn{color:var(--gold2)}main{width:min(100%,760px);margin:auto;padding:16px}.screen{display:none}.screen.active{display:block}.screen-head,.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.screen-head{margin:8px 0 18px}.screen-head h1,.panel-head h2,.hero-card h1{margin:4px 0}.screen-head h1{font-size:28px}.hero-card,.panel{border:1px solid var(--line);background:linear-gradient(180deg,#141416fa,#0d0e10fa);border-radius:20px;padding:18px;margin-bottom:14px;box-shadow:0 18px 44px #0003}.hero-card h1{font-size:28px}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.metric-grid article{border:1px solid var(--line);border-radius:14px;background:#0d0e10;padding:13px;display:grid;gap:6px}.metric-grid span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.metric-grid strong{font-size:21px}.card-list{display:grid;gap:9px;margin-top:12px}.empty-state{color:var(--muted);padding:18px 0;font-size:13px}.record-card{border:1px solid var(--line);border-radius:14px;background:#0d0e10;padding:13px;display:grid;gap:9px}.record-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.record-head>div{display:grid;gap:4px}.record-card small{color:var(--muted)}.record-actions{display:flex;gap:7px;flex-wrap:wrap}.record-actions select{padding:8px 10px;border-radius:9px;width:auto;min-width:105px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;border:1px solid var(--line);font-size:10px;color:var(--muted)}.pill.good{border-color:#28523b;color:var(--good)}.pill.gold{border-color:#59492b;color:var(--gold2)}.pipeline-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:10px}.chip{white-space:nowrap;border-radius:999px;padding:8px 11px;background:#121316;color:var(--muted);border:1px solid var(--line)}.chip.active{color:var(--gold2);border-color:#654f29;background:#18150f}.timeline{display:grid;gap:0}.timeline-row{display:grid;grid-template-columns:14px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);margin-top:5px;box-shadow:0 0 0 4px #c9a45e14}.bottom-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;height:calc(66px + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:#0a0a0bf5;backdrop-filter:blur(20px);border-top:1px solid var(--line)}.bottom-nav button{background:transparent;border:0;color:#74757a;display:grid;place-items:center;align-content:center;gap:3px}.bottom-nav button span{font-size:18px}.bottom-nav button small{font-size:10px}.bottom-nav button.active{color:var(--gold2)}dialog{width:min(calc(100% - 24px),480px);border:1px solid var(--line);border-radius:20px;background:#111214;color:var(--text);padding:0;box-shadow:0 35px 100px #0009}dialog::backdrop{background:#000000b3;backdrop-filter:blur(6px)}.dialog-form{padding:20px;display:grid;gap:14px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.close-btn{border:0;background:transparent;color:var(--muted);font-size:26px}.install-help{font-size:12px;line-height:1.5}.settings-links{margin-top:16px}@media(min-width:700px){main{padding:24px}.metric-grid{grid-template-columns:repeat(4,1fr)}.bottom-nav{left:50%;transform:translate(-50%);width:min(720px,100%);border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0}}.auth-links{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.auth-links .text-btn{padding:12px 0;font-size:13px}#companySwitcherWrap{margin-top:14px}.viewer-mode .editor-only{display:none!important}.install-auth-btn{width:100%;margin-top:14px;background:#111216;color:var(--gold2);border-color:#4e4027}.install-guide-dialog{width:min(calc(100% - 24px),430px)}.install-guide-card{padding:22px}.install-guide-card .dialog-head{align-items:flex-start}.install-guide-card h2{margin:4px 0 0;font-size:23px}.install-steps{display:grid;gap:12px;margin:18px 0 20px;padding:0;list-style:none;counter-reset:install}.install-steps li{counter-increment:install;display:grid;grid-template-columns:34px 1fr;gap:4px 10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:14px;background:#0d0e10}.install-steps li:before{content:counter(install);grid-row:1/3;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#1a160f;border:1px solid #59492b;color:var(--gold2);font-weight:900}.install-steps strong{font-size:13px}.install-steps span{grid-column:2;color:var(--muted);font-size:12px;line-height:1.45}.install-guide-card>.btn{width:100%}@media(display-mode:standalone){.install-auth-btn,.install-btn,#installAppSettings,.install-help{display:none!important}}