@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";:root{--bg-start: #ffd1e8;--bg-end: #ffe8f3;--card-bg: rgba(255, 255, 255, .86);--card-border: rgba(255, 255, 255, .65);--text: #1a1a1a;--muted: #5a5a5a;--primary: #1a73e8;--primary-hover: #1557b0;--danger: #d93025}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 800px at 10% 10%,#ffe2f1 0%,transparent 40%),radial-gradient(1000px 700px at 90% 0%,#ffd8ec 0%,transparent 35%),linear-gradient(160deg,var(--bg-start),var(--bg-end));background-attachment:fixed}.app-shell{height:100dvh;display:grid;grid-template-rows:56px 1fr}.topbar{grid-row:1/2;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#e3f2fd;border-bottom:1px solid rgba(0,0,0,.06)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:8px}.icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(0,0,0,.06);background:#fff;cursor:pointer}.top-action{height:36px;width:36px;border-radius:10px;border:1px solid rgba(0,0,0,.06);background:#fff;cursor:pointer}.top-balance{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:10px;border:1px solid rgba(0,0,0,.06);background:#fff;cursor:pointer}.top-balance .sum{font-weight:800}.user-menu{position:relative}.user-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:10px;border:1px solid rgba(0,0,0,.06);background:#fff;cursor:pointer}.user-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:220px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 10px 30px #0000001f;padding:6px}.dropdown-item{width:100%;display:inline-flex;align-items:center;gap:8px;padding:10px;border-radius:10px;border:none;background:transparent;cursor:pointer}.dropdown-item:hover{background:#0000000a}.main{grid-row:2/3;display:grid;grid-template-columns:260px 1fr;height:100%}.app-shell.is-collapsed .main{grid-template-columns:72px 1fr}.sidebar{padding:12px;border-right:1px solid rgba(0,0,0,.06);background:#ffffffbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav-item{width:100%;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:transparent;cursor:pointer}.nav-item:hover{background:#0000000a}.nav-item.is-active{background:#fff;border-color:#00000014;box-shadow:0 6px 16px #0000000f}.app-shell.is-collapsed .nav-item{grid-template-columns:1fr;justify-items:center}.app-shell.is-collapsed .nav-item .label{display:none}.workspace{background:transparent;display:grid;grid-template-rows:auto 1fr}.tabs{display:flex;gap:8px;padding:10px 12px}.tab{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;cursor:pointer;background:#ffffffbf;border:1px solid rgba(0,0,0,.06)}.tab.is-active{background:#fff;box-shadow:0 10px 30px #00000014}.tab-close{border:none;background:transparent;cursor:pointer}.outlet{height:100%;overflow:auto;background:#fff9;border-top:1px solid rgba(0,0,0,.06)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:grid;place-items:center;z-index:50}.modal{width:min(92vw,520px);background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 50px #00000038}.modal-title{padding:16px 18px;font-weight:800;border-bottom:1px solid rgba(0,0,0,.06)}.modal-body{padding:16px 18px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:12px 18px;border-top:1px solid rgba(0,0,0,.06)}.subtabs{display:flex;gap:8px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:16px}.subtab{padding:8px 12px;border-radius:12px;cursor:pointer;background:#0000000a}.subtab.is-active{background:#e3f2fd;color:#0b57d0;font-weight:800}.kv-list{display:grid;gap:10px}.kv-row{display:grid;grid-template-columns:320px 1fr;align-items:center;gap:12px}.kv-key{text-align:right;font-weight:700;color:#333}.kv-input{width:100%}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:460px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;box-shadow:0 18px 50px #0000001f,0 2px 10px #0000000f;backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px);padding:28px}.auth-card h1{margin:0 0 14px;font-weight:800;letter-spacing:.2px}.auth-subtitle{margin:0 0 22px;color:var(--muted);font-size:14px}.form-grid{display:grid;gap:14px}.input-group{display:grid;gap:8px}.input-group label{font-size:13px;font-weight:700;color:#333}.input{padding:12px 14px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:#fffffff2;outline:none;transition:box-shadow .2s ease,border-color .2s ease,transform .02s ease}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #1a73e829,inset 0 1px #ffffff80}.error-badge{background:#d930251a;color:var(--danger);padding:10px 12px;border:1px solid rgba(217,48,37,.3);border-radius:12px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:12px;border:none;font-weight:700;letter-spacing:.2px;cursor:pointer;transition:transform .02s ease,box-shadow .2s ease,background-color .2s ease}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 3px 8px #1a73e84d,0 1px 2px #00000014}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 8px 20px #1a73e85c,0 2px 6px #00000014}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.muted{margin-top:16px;font-size:14px;color:var(--muted)}.link{color:var(--primary);text-decoration:none;font-weight:700}.link:hover{text-decoration:underline}.page{padding:24px}.page-header{display:grid;gap:12px;margin-bottom:12px}.page-title{margin:0;font-size:28px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:10px}.toolbar-field{display:inline-flex;align-items:center;gap:8px}.btn-secondary{background:#fff;border:1px solid rgba(0,0,0,.08)}.dropdown-wrapper{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:280px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:6px;box-shadow:0 10px 30px #0000001f;z-index:10}.card{background:#ffffffd9;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:10px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:10px;border-bottom:1px solid rgba(0,0,0,.06);text-align:left}.data-table thead th{color:#333;font-weight:800}.cell-label{display:inline-block}.actions-cell{display:inline-flex;gap:6px;align-items:center}.table-stats{padding:10px;color:var(--muted);font-size:14px}.with-suffix{position:relative}.suffix{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--muted);background:#f3f3f3;border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:2px 6px;font-size:12px}.sup{vertical-align:super;font-size:10px}.with-button{display:grid;grid-template-columns:1fr 36px;gap:6px;align-items:center}.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0 16px}.step{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#0000000a;cursor:pointer}.step.is-active{background:#e3f2fd;color:#0b57d0;font-weight:800}.step.is-done{background:#c8e6c9;color:#1b5e20}.step-icon{width:40px;height:40px;display:grid;place-items:center;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px}.step-label{font-weight:700}.wizard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.section-card{background:#ffffffe6;border:1px solid rgba(0,0,0,.06);border-radius:16px;overflow:hidden;display:grid;grid-template-rows:auto 1fr}.section-card.is-wide{grid-column:span 2 / span 2}.section-title{display:flex;align-items:center;gap:8px;padding:10px 12px;font-weight:800;background:#f6fafe;border-bottom:1px solid rgba(0,0,0,.06)}.section-body{padding:10px 12px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scroll-table{max-height:240px;overflow:auto;border:1px solid rgba(0,0,0,.06);border-radius:12px}.wizard-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.checkbox-row{display:inline-flex;align-items:center;gap:8px;margin:6px 0}.hint{color:var(--muted);margin-bottom:12px}