:root{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}:root{--bg:#071221;--panel:#ffffffeb;--stroke:#0f172a1a;--text:#0f172a;--muted:#475569;--blue:#0b5cff;--blue2:#0a3aa6}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page{min-height:100vh;color:var(--text);background:radial-gradient(900px 500px at 20% 10%,#0b5cff33,#0000 60%),radial-gradient(700px 400px at 80% 20%,#0a3aa62e,#0000 60%),linear-gradient(#061023 0%,#050b16 100%);padding:18px 14px 28px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:min(1200px,100%);margin:0 auto 14px;display:flex}.brand{color:#ffffffeb;align-items:center;gap:12px;display:flex}.logo{background:linear-gradient(180deg, var(--blue) 0%, var(--blue2) 100%);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:900;display:flex;box-shadow:0 14px 30px #0b5cff40}.brandTitle{font-weight:900;line-height:1.1}.brandSub{opacity:.75;margin-top:2px;font-size:12px}.grid{grid-template-columns:360px 1fr;gap:14px;width:min(1200px,100%);margin:0 auto;display:grid}.panel{background:var(--panel);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:16px;box-shadow:0 16px 50px #00000040}.panelHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.panelTitle{margin:0;font-size:22px;font-weight:900}.panelSub{color:var(--muted);margin-top:3px;font-size:12px}.input{background:#fff;border:1px solid #0f172a1a;border-radius:12px;outline:none;width:100%;padding:10px 12px;font-size:14px}.list{flex-direction:column;gap:8px;max-height:44vh;margin-top:10px;padding-right:4px;display:flex;overflow:auto}.row{text-align:left;cursor:pointer;background:#ffffffeb;border:1px solid #0f172a14;border-radius:12px;width:100%;padding:10px}.row.active{border-color:#0b5cff59;box-shadow:0 14px 30px #0b5cff24}.rowTitle{font-weight:900}.rowMeta{color:var(--muted);margin-top:2px;font-size:12px}.empty{color:var(--muted);padding:12px}.history{border-top:1px solid #0f172a14;margin-top:12px;padding-top:12px}.historyTitle{margin-bottom:8px;font-weight:900}.historyEmpty{color:var(--muted);font-size:13px}.historyList{flex-direction:column;gap:8px;display:flex}.historyRow{background:#ffffffd9;border:1px solid #0f172a14;border-radius:12px;padding:10px}.historyName{font-weight:800}.historyDate{color:var(--muted);margin-top:2px;font-size:12px}.form{flex-direction:column;gap:10px;display:flex}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:900;display:inline-flex}.btn.primary{background:linear-gradient(180deg, var(--blue) 0%, var(--blue2) 100%);color:#fff;box-shadow:0 14px 30px #0b5cff38}.btn.primary:hover{filter:brightness(.97)}.btn.ghost{color:var(--text);background:#ffffffd1;border-color:#0f172a1a}.btn.ghost:hover{filter:brightness(.98)}.btn.disabled{opacity:.45;pointer-events:none}.pdfbar{border:1px dashed #0f172a29;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;padding:12px;display:flex}.pdfhint{color:var(--muted);font-size:13px}.pdfname{color:var(--text);font-weight:900}.pdfactions{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:900px){.grid{grid-template-columns:1fr}.list{max-height:220px}.two{grid-template-columns:1fr}}