html,body,#root{width:100%;min-height:100%;margin:0}body{overflow-x:hidden}:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#007aff1a,#0000 30%),#f5f8fc;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}.app-shell{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffc7;border-right:1px solid #e6edf7;width:300px;min-height:100vh;padding:28px 20px;position:sticky;top:0}.brand{align-items:center;gap:14px;margin-bottom:34px;display:flex}.brand-icon{color:#fff;background:linear-gradient(135deg,#007aff,#0057d9);border-radius:16px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 14px 30px #007aff47}.brand h1,.brand p,.topbar h2,.topbar p{margin:0}.brand h1{font-size:24px}.brand p,.topbar p,.panel p,.stat-card p,.stat-card small{color:#64748b}nav{gap:6px;display:grid}.menu-item{color:#334155;text-align:left;background:0 0;border-radius:14px;align-items:center;gap:12px;width:100%;height:48px;padding:0 14px;font-weight:700;display:flex}.menu-item.active,.menu-item:hover{color:#007aff;background:#e9f2ff}.sidebar-bottom{border-top:1px solid #e6edf7;gap:6px;margin-top:28px;padding-top:20px;display:grid}.profile-card{background:#fff;border:1px solid #e6edf7;border-radius:18px;align-items:center;gap:12px;margin-top:16px;padding:14px;display:flex}.avatar{color:#fff;background:#007aff;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.profile-card span{color:#64748b;font-size:13px;display:block}.content{flex:1;padding:34px;overflow:hidden}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.topbar h2{letter-spacing:-1px;font-size:34px}.actions{align-items:center;gap:12px;display:flex}.search,.month,.icon-button,.primary-button{background:#fff;border:1px solid #e6edf7;border-radius:14px;align-items:center;gap:10px;height:48px;padding:0 16px;display:flex;box-shadow:0 8px 24px #0f172a0a}.search input{background:0 0;border:0;outline:0;width:180px}.icon-button{justify-content:center;width:48px;position:relative}.icon-button span{color:#fff;background:#ff3b30;border-radius:999px;padding:2px 6px;font-size:11px;position:absolute;top:-4px;right:-4px}.primary-button{color:#fff;background:#007aff;border-color:#007aff;font-weight:800}.stats-grid{grid-template-columns:repeat(6,minmax(180px,1fr));gap:18px;margin-bottom:20px;display:grid}.stat-card,.panel{background:#ffffffeb;border:1px solid #e6edf7;border-radius:22px;box-shadow:0 18px 45px #0f172a0f}.stat-card{min-height:156px;padding:22px}.stat-icon{color:#007aff;background:#e9f2ff;border-radius:15px;place-items:center;width:44px;height:44px;margin-bottom:16px;display:grid}.stat-icon.danger{color:#ff3b30;background:#ffecec}.stat-card p{margin:0 0 10px;font-weight:800}.stat-card strong{letter-spacing:-.5px;font-size:26px;display:block}.trend{color:#059669;background:#dcfce7;border-radius:999px;margin-top:12px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-block}.danger-text{color:#ff3b30;background:#ffecec}.stat-card small{margin-top:6px;display:block}.main-grid{grid-template-columns:1.1fr 1.1fr .9fr;gap:20px;display:grid}.panel{padding:20px}.panel h3{margin:0;font-size:19px}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.panel-header button{background:#fff;border:1px solid #e6edf7;border-radius:12px;padding:9px 14px;font-weight:800}.cards-panel{grid-column:span 2}.credit-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.credit-card{background:#fff;border:1px solid #e6edf7;border-radius:18px;padding:16px}.credit-head{align-items:center;gap:10px;display:flex}.credit-head span:first-child{color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid}.credit-head span:last-child{margin-left:auto;font-size:24px}.credit-values{justify-content:space-between;margin-top:20px;display:flex}.credit-values small,.credit-footer,.flow-row span{color:#64748b;font-size:12px}.credit-values b{font-size:14px;display:block}.progress,.flow-row div,.mini-progress,.long-progress{background:#edf2f7;border-radius:999px;height:8px;margin:16px 0;overflow:hidden}.progress i,.flow-row i,.mini-progress i,.long-progress i{border-radius:999px;height:100%;display:block}.credit-footer{justify-content:space-between;display:flex}.due-panel{grid-row:span 2}.due-item{border-bottom:1px solid #edf2f7;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.due-badge{color:#fff;border-radius:10px;place-items:center;width:40px;height:40px;font-weight:900;line-height:1;display:grid}.due-badge small{color:#fff;font-size:9px}.positive{color:#059669}.negative{color:#ff3b30}.chart-panel,.category-panel,.radar-panel,.investments-panel,.flow-panel,.hours-panel{min-height:260px}.category-content{align-items:center;gap:20px;display:flex}.category-list{flex:1;gap:13px;display:grid}.category-list div{justify-content:space-between;font-size:14px;display:flex}.category-list i{border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.radar-panel{grid-column:span 1}.radar-days{grid-template-columns:repeat(7,1fr);gap:10px;margin-top:18px;display:grid}.radar-days div{background:#fff;border:1px solid #e6edf7;border-radius:16px;place-items:center;min-height:112px;display:grid}.radar-days small{color:#007aff;font-weight:900}.radar-days strong{font-size:26px}.radar-days span{color:#64748b;font-size:12px}.investments-panel strong{margin-top:12px;font-size:28px;display:block}.mini-progress i{background:#007aff;width:72%}.flow-panel,.hours-panel{grid-column:span 1}.flow-row{grid-template-columns:60px 1fr 110px;align-items:center;gap:12px;margin-bottom:14px;display:grid}.flow-row div{margin:0}.flow-row i{background:linear-gradient(90deg,#34c759,#007aff)}.hours-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0;display:grid}.hours-grid div{background:#fff;border:1px solid #e6edf7;border-radius:16px;padding:16px}.hours-grid span{color:#64748b;margin-bottom:8px;font-size:12px;display:block}.long-progress i{background:#007aff;width:84%}a{color:#007aff;cursor:pointer;font-weight:800}@media (width<=1400px){.stats-grid{grid-template-columns:repeat(3,1fr)}.main-grid{grid-template-columns:1fr}.cards-panel,.radar-panel,.flow-panel,.hours-panel{grid-column:auto}.credit-grid{grid-template-columns:repeat(2,1fr)}.due-panel{grid-row:auto}}@media (width<=900px){.app-shell{display:block}.sidebar{width:100%;min-height:auto;position:relative}nav,.sidebar-bottom{display:none}.content{padding:20px}.topbar,.actions{flex-direction:column;align-items:stretch}.stats-grid,.credit-grid,.hours-grid,.radar-days{grid-template-columns:1fr}.category-content{flex-direction:column}}#root{width:100%}.content{min-width:0}.topbar,.actions{flex-wrap:wrap}@media (width>=1401px){.content{max-width:calc(100vw - 300px)}}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#ffffffeb;border:1px solid #e6edf7;border-radius:26px;width:min(440px,100%);padding:34px;box-shadow:0 18px 45px #0f172a14}.center-brand{justify-content:center;margin-bottom:22px}.auth-card h2{margin:0 0 6px;font-size:28px}.muted,.form-message{color:#64748b}.auth-form,.modal-card{gap:14px;display:grid}.auth-form label,.modal-card label{color:#334155;gap:7px;font-weight:800;display:grid}.auth-form input,.modal-card input,.modal-card select{color:#0f172a;background:#fff;border:1px solid #e6edf7;border-radius:14px;height:46px;padding:0 14px}.full{justify-content:center;width:100%}.link-button{color:#007aff;background:0 0;margin-top:14px;font-weight:900}.secondary-button{background:#fff;border:1px solid #e6edf7;border-radius:14px;align-items:center;gap:10px;height:48px;padding:0 16px;font-weight:800;display:flex}.error-banner,.loading-card{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;margin-bottom:18px;padding:14px 18px;font-weight:800}.loading-card{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.empty-state{text-align:center;color:#64748b;padding:24px}.empty-state h3{color:#0f172a;margin:0 0 6px}.muted-card{opacity:.85}.table-panel{min-height:460px}.data-table{gap:10px;display:grid}.data-row{background:#fff;border:1px solid #e6edf7;border-radius:16px;grid-template-columns:1fr auto auto;align-items:center;gap:16px;margin-bottom:10px;padding:14px;display:grid}.data-row span{color:#64748b;margin-top:4px;font-size:13px;display:block}.data-row button{color:#64748b;background:#f8fafc;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.category-list.wide{max-width:720px;margin-top:18px}.modal-backdrop{z-index:10;background:#0f172a59;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:24px;width:min(520px,100%);padding:24px;box-shadow:0 30px 80px #0f172a40}.modal-card h3{margin:0 0 8px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.modal-actions button{border-radius:12px;height:44px;padding:0 16px;font-weight:900}