@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&display=swap";:root{font-family:Sora,Manrope,sans-serif;color:#292a2f;line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;min-width:320px;background:#f3f4f8}a{color:inherit}:root{--bg: #f3f4f8;--panel: #ffffff;--line: #e4e6ee;--text: #2a2a2f;--muted: #8a8b94;--brand: #6c88e8;--brand-strong: #5a77dd;--success: #79ca8a;--danger: #d57f7f;--shadow: 0 8px 28px rgba(28, 33, 52, .08)}*{box-sizing:border-box}#root{min-height:100vh}.auth-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 18% 20%,rgba(108,136,232,.25),transparent 38%),radial-gradient(circle at 88% 82%,rgba(130,200,165,.2),transparent 36%),var(--bg);padding:20px}.auth-card{width:min(440px,100%);display:grid;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:24px}.auth-card h1{margin:0;font-size:2rem}.auth-card p{margin:0;color:var(--muted)}.auth-card label{display:grid;gap:8px;font-weight:600;color:#585d69}.auth-card input{width:100%;border:1px solid var(--line);border-radius:8px;font:inherit;color:inherit;background:#fff;padding:11px 12px}.signin-btn{border:0;border-radius:10px;padding:12px;background:var(--brand-strong);color:#fff;font:inherit;font-weight:600;cursor:pointer}.signin-btn:disabled{opacity:.7;cursor:not-allowed}.error{margin:0;color:#b93a3a;font-size:.93rem;font-weight:600}.page-error{margin-top:12px}.shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);background:radial-gradient(circle at 3% 8%,rgba(108,136,232,.18),transparent 28%),radial-gradient(circle at 96% 96%,rgba(130,200,165,.12),transparent 26%),var(--bg)}.sidebar{border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;gap:18px}.logo-wrap{display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px;color:var(--brand);font-weight:700;letter-spacing:.01em;margin-bottom:18px}.brand-mark{width:72px;height:48px}.logo-wrap span{font-size:1.95rem;line-height:1}.sidebar-nav{display:flex;flex-direction:column;gap:7px}.nav-link{display:flex;align-items:center;gap:12px;border:0;border-radius:10px;background:transparent;color:#74757f;font-size:1.05rem;padding:11px 12px;text-align:left;cursor:pointer;transition:.18s ease}.nav-link:hover{background:#ecedf4;color:#43434a}.nav-link.active{background:var(--brand);color:#fff}.icon{width:20px;height:20px;display:inline-flex}.icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.8}.doc-link{width:100%;margin-top:auto;color:#5f74bf;font-weight:600;text-decoration:none;border:1px solid #cfdaff;background:#eef2ff;padding:10px 12px;border-radius:10px;cursor:pointer}.main{padding:20px;min-width:0}.top-card,.panel,.drawer{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.top-card{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.top-card h1{margin:0;font-size:1.95rem}.top-card p,.sub,.stat-note,.stat-label{margin:4px 0 0;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:10px}.icon-button,.avatar-btn,.ghost-btn,.dots,.close{border:1px solid transparent;background:#fff;cursor:pointer}.icon-button{display:grid;place-items:center;width:40px;height:40px;border-radius:10px}.header-icon{width:22px;height:22px;stroke:#444;stroke-width:1.9}.avatar-btn{border-radius:999px;width:46px;height:46px;padding:0;overflow:hidden}.avatar-btn img,.profile-header img{width:100%;height:100%;object-fit:cover}.avatar-fallback{display:inline-grid;place-items:center;background:linear-gradient(145deg,#7f96ea,#5f7fdf);color:#fff;font-weight:700}.panel{margin-top:14px;padding:18px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fcfcff}.stat-card h3{margin:8px 0;font-size:1.8rem;line-height:1.05;font-weight:700}.stat-note{color:var(--success);font-size:.92rem}.stat-note.danger{color:var(--danger)}.chart-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chart-card{border:1px solid var(--line);border-radius:10px;padding:14px}.chart-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.chart-head h3,.table-head h2,.profile-panel h2{margin:0;font-size:1.2rem}.ghost-btn{border-color:var(--line);border-radius:8px;padding:8px 12px;color:#5f5f66}.chart-value{margin:8px 0 10px;font-size:1.3rem;font-weight:700}.chart-legend{margin:6px 0 2px;display:flex;align-items:center;gap:8px;font-size:.8rem;color:#6a6d78}.chart-legend span{width:10px;height:10px;border-radius:50%}.chart-legend .income-dot{background:#5f7fdf}.chart-legend .expense-dot{background:#db5f5f}.bars{height:205px;display:flex;align-items:stretch;gap:10px;padding:10px 14px;border-top:1px dashed #d8dcec;overflow-x:auto}.bar-group{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;min-width:38px}.bar-pair{height:160px;display:flex;align-items:flex-end;gap:4px}.bars .bar{width:12px;border-radius:5px 5px 0 0;height:calc(var(--h) * 10px);animation:rise .7s ease both}.bars .bar.income{background:linear-gradient(180deg,#7a94ef,#5f7fdf)}.bars .bar.expense{background:linear-gradient(180deg,#f28a8a,#db5f5f)}.bar-label{font-size:.72rem;color:#6a6d78;white-space:nowrap}.line-chart{width:100%;height:180px;display:block}.line-chart polyline{stroke:#5f7fdf;fill:none;stroke-width:3}.line-chart polyline.secondary{stroke:#87a3f1}.line-chart circle{fill:#5f7fdf;stroke:#fff;stroke-width:3;animation:pulse 1.6s infinite}.table-block{margin-top:16px}.table-head,.table-tools{display:flex;justify-content:space-between;align-items:center;gap:12px}.table-tools{margin-bottom:12px}.tabs{border:1px solid var(--line);border-radius:10px;padding:3px;display:inline-flex;gap:3px}.tabs button{border:0;background:transparent;border-radius:7px;padding:8px 20px;cursor:pointer;color:#666}.tabs button.active{background:#f0f1f6;color:#2f2f35}.search{width:min(420px,100%)}.search input,.profile-grid input,.profile-grid select{width:100%;border:1px solid var(--line);border-radius:8px;font:inherit;color:inherit;background:#fff;padding:11px 12px}.table-wrap{border:1px solid var(--line);border-radius:10px;overflow:auto}table{width:100%;min-width:890px;border-collapse:collapse}thead th{text-align:left;font-weight:600;color:#3f3f45;background:#fcfcff}th,td{border-bottom:1px solid #ebeef6;padding:14px 10px;white-space:nowrap}.status{display:inline-block;background:#ecf9ed;border:1px solid #d8efd9;color:#42934f;border-radius:999px;padding:4px 10px;font-size:.9rem;font-weight:600}.dots{border:0;background:transparent;color:#50505a;font-size:1.2rem}.profile-panel{padding:22px}.profile-header{margin:20px 0;width:122px;height:122px;border-radius:999px;overflow:hidden;border:3px solid #e9ebf4}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-grid label{color:#666;font-weight:600;display:grid;gap:8px}.drawer-backdrop{position:fixed;inset:0;background:#1214203d;display:flex;justify-content:flex-end;z-index:20}.drawer{width:min(610px,100%);border-radius:20px 0 0 20px;border-right:0;height:100%;overflow:auto;padding:22px;animation:slideIn .22s ease-out}.drawer h3{margin:0;font-size:2rem}.drawer h4{margin:18px 0 12px;font-size:1.5rem}.drawer dl{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:10px 20px;margin:0}.drawer dt{color:#7b7f8d}.drawer dd{margin:0}.drawer-form{display:grid;gap:10px}.drawer-form label{color:#666;font-weight:600;display:grid;gap:8px}.drawer-form input{width:100%;border:1px solid var(--line);border-radius:8px;font:inherit;color:inherit;background:#fff;padding:11px 12px}.drawer-form .signin-btn{margin-top:4px}.close{float:right;border:0;border-radius:8px;padding:6px 8px;font-size:1.3rem;line-height:1}@keyframes rise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes slideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:1180px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-grid{grid-template-columns:1fr}}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:16px}.sidebar-nav{flex-direction:row;overflow:auto}.nav-link{white-space:nowrap}.doc-link{margin-top:0}.stats-grid,.stats-grid.three,.profile-grid{grid-template-columns:1fr}.table-tools{flex-direction:column;align-items:stretch}.top-card{flex-direction:column;align-items:flex-start}}