@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#18243a;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--navy:#101b35;--muted:#778197;--border:#e8ecf3;--blue:#3466e8;--green:#169b69;--red:#d84b59}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}.app-shell{min-height:100vh}.sidebar{width:250px;background:var(--navy);color:#d8e0f1;position:fixed;inset:0 auto 0 0;padding:24px 15px 16px;display:flex;flex-direction:column;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 10px 32px;color:#fff}.sidebar-brand>div:nth-child(2){display:flex;flex-direction:column;letter-spacing:.09em;font-size:14px}.sidebar-brand small{font-size:10px;color:#a2b2d3;letter-spacing:.22em;margin-top:3px}.brand-mark{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#4b7cf6,#2854ca);box-shadow:0 6px 18px #2349a65c;flex-shrink:0}.workspace-label{font-size:10px;letter-spacing:.16em;color:#7f90b2;font-weight:700;padding:0 12px 12px}.sidebar nav{display:grid;gap:6px}.nav-link{border:0;background:transparent;color:#aab7d0;display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px;border-radius:9px;font-size:13px;font-weight:500;transition:.15s}.nav-link:hover{background:#ffffff0d;color:#fff}.nav-link.active{background:#2b4b8a;color:#fff;box-shadow:inset 3px 0 #74a0ff}.nav-count{margin-left:auto;background:#ffffff17;padding:2px 7px;border-radius:10px}.sidebar-bottom{margin-top:auto}.help-card{margin:0 4px 18px;padding:15px 13px;background:#1a2b4e;border:1px solid #2c4066;border-radius:12px}.help-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#2c4e89;color:#9dbaff;margin-bottom:12px}.help-card b{font-size:12px;color:#fff}.help-card p{font-size:11px;line-height:1.6;color:#9eacc7;margin:6px 0 0}.main-area{margin-left:250px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:sticky;top:0;z-index:10}.breadcrumb{font-size:12px;color:#8a94a7}.breadcrumb span{padding:0 9px;color:#c3cad5}.breadcrumb b{color:#26344d;font-weight:600}.topbar-right{display:flex;align-items:center;gap:9px}.online-dot,.status>span{width:7px;height:7px;border-radius:50%;background:#20b77b;display:inline-block}.sync-label{font-size:11px;color:#748097;margin-right:13px}.avatar,.profile-avatar{display:grid;place-items:center;background:#e5edff;color:#2d5bc8;border-radius:50%;font-weight:700}.avatar{width:34px;height:34px;font-size:13px}.user-meta{display:flex;flex-direction:column;gap:3px;margin-right:9px}.user-meta b{font-size:12px}.user-meta small{font-size:10px;color:#8490a4}.icon-btn{width:35px;height:35px;display:grid;place-items:center;border:1px solid transparent;background:transparent;border-radius:8px;color:#778197}.icon-btn:hover{background:#f1f4fa;border-color:#e5eaf3}.mobile-menu,.close-nav{display:none}.content{padding:30px 36px 36px;flex:1;max-width:1700px;width:100%;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:.15em;color:#6f82a7;font-weight:700}.page-heading h1{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.7px;margin:7px 0;color:#17243b;font-weight:800}.page-heading p{font-size:12px;color:#8791a3;margin:0}.primary-btn,.secondary-btn{border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;white-space:nowrap}.primary-btn{background:#315fdb;color:#fff;border:1px solid #315fdb;box-shadow:0 3px 7px #315fdb22}.primary-btn:hover{background:#254fc2}.secondary-btn{background:#fff;color:#42516b;border:1px solid #dfe5ee}.secondary-btn:hover{background:#f7f9fc}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat-card,.panel{background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:0 2px 8px #1c2a4610}.stat-card{padding:18px 18px 16px;min-width:0}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#6d788e;font-size:12px}.stat-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.stat-icon.green{color:#129765;background:#e4f8ef}.stat-icon.red{color:#d34d5b;background:#fff0f0}.stat-icon.blue{color:#3265df;background:#eaf0ff}.stat-icon.purple{color:#8959cb;background:#f2eaff}.stat-card>strong{display:block;font-family:Manrope,sans-serif;font-size:clamp(19px,1.8vw,25px);letter-spacing:-.6px;margin:15px 0 8px;white-space:nowrap}.stat-card>small{font-size:10px;color:#939daf}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:18px;margin-bottom:20px}.panel{padding:21px 21px 17px;margin-bottom:20px;min-width:0}.dashboard-grid .panel{margin-bottom:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.panel-heading h3{font-size:14px;margin:0;color:#24324b;font-weight:700}.panel-heading p{font-size:11px;color:#929caf;margin:6px 0 0}.period-pill,.count-pill{border:1px solid #e6ebf3;background:#fafbfe;color:#758198;border-radius:6px;padding:6px 9px;font-size:10px}.chart-wrap{height:225px;width:100%}.quick-panel{display:flex;flex-direction:column}.quick-action{width:100%;border:1px solid #e9edf4;background:#fff;border-radius:10px;padding:12px 11px;display:flex;align-items:center;gap:11px;text-align:left;margin-bottom:9px;color:#8290a5}.quick-action:hover{background:#f8faff;border-color:#d9e3f7}.quick-action>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.quick-action b{font-size:12px;color:#2c3a52}.quick-action small{font-size:10px;color:#8995a8}.quick-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;flex-shrink:0}.blue-bg{background:#e9efff;color:#3565df}.green-bg{background:#e5f8ef;color:#149866}.purple-bg{background:#f1eaff;color:#8b58cb}.text-btn{border:0;background:transparent;color:#3466e8;font-size:11px;font-weight:700;white-space:nowrap}.text-btn:hover{text-decoration:underline}.shops-panel,.recent-panel{margin-bottom:20px}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px;text-align:left}thead{background:#f8f9fc}th{font-size:9px;letter-spacing:.08em;color:#8792a6;font-weight:700;padding:12px 13px;border-bottom:1px solid #e9edf4;white-space:nowrap}td{padding:14px 13px;font-size:11px;color:#67748b;border-bottom:1px solid #eff2f6;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}td b{color:#344158;font-weight:600}.shop-cell{display:flex;align-items:center;gap:9px}.shop-avatar{width:30px;height:30px;border-radius:8px;background:#edf2ff;color:#4168c7;display:grid;place-items:center}.positive{color:#139766;font-weight:600}.negative{color:#d24d5a;font-weight:600}.amount-strong{color:#2d3a52;font-weight:700}.status{display:inline-flex;align-items:center;gap:6px;background:#e9f9f1;color:#16895e;border-radius:20px;padding:5px 8px;font-size:10px}.status.low{background:#fff5e5;color:#b16d0a}.status.low>span{background:#e7a431}.type-pill{display:inline-flex;border-radius:5px;padding:5px 7px;font-size:10px;font-weight:700;text-transform:capitalize}.type-pill.income{color:#16895e;background:#e8f8f0}.type-pill.expense{color:#c84451;background:#fff0f0}.panel-actions{display:flex;align-items:center;gap:9px}.search-box{display:flex;align-items:center;gap:7px;border:1px solid #e3e8f0;border-radius:8px;padding:8px 10px;color:#8a95a8}.search-box input{border:0;outline:0;width:150px;font-size:11px;color:#273650}.empty-state{padding:32px 12px;display:flex;flex-direction:column;align-items:center;text-align:center}.empty-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:#6e88c7;background:#eef3ff;margin-bottom:12px}.empty-state h3{font-size:14px;margin:0 0 6px}.empty-state p{font-size:11px;color:#8994a8;max-width:340px;line-height:1.7;margin:0 0 15px}.footer{border-top:1px solid var(--border);padding:17px 36px;display:flex;justify-content:space-between;color:#a0a9b8;font-size:10px}.error{padding:11px 13px;background:#fff0f0;border:1px solid #ffd6d9;color:#a62c3a;border-radius:8px;font-size:12px}.global-error{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.global-error button{border:0;background:transparent;color:inherit}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#101a32a6;z-index:60;display:grid;place-items:center;padding:18px}.modal{width:min(100%,570px);max-height:90vh;overflow-y:auto;background:#fff;border-radius:16px;padding:24px;box-shadow:0 20px 70px #08132c55}.modal-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.modal-heading h2{font-size:20px;margin:0 0 7px;font-family:Manrope,sans-serif}.modal-heading p{font-size:12px;color:#8691a5;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:flex;flex-direction:column;gap:7px;color:#526078;font-size:11px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #dfe5ee;border-radius:8px;padding:11px 12px;color:#29364e;background:#fff;outline:0;font-size:12px;font-weight:400}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#6e8fe8;box-shadow:0 0 0 3px #3466e815}.full-field{grid-column:1/-1}.form-footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #edf0f5;padding-top:18px;margin-top:3px}.settings-card{max-width:650px}.profile-row{display:flex;align-items:center;gap:14px;padding:5px 0 24px}.profile-avatar{width:52px;height:52px;font-size:20px}.profile-row h3{margin:0 0 5px;font-size:15px}.profile-row p{margin:0 0 9px;color:#7c889c;font-size:12px}.settings-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #edf0f5;padding:16px 0;font-size:12px;color:#7b879a}.settings-line b{color:#334159}.danger-btn{color:#bf3745;margin-top:18px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#fff}.login-art{background:radial-gradient(ellipse at 20% 80%,#1f3b72 0,transparent 42%),linear-gradient(145deg,#101b35,#172c54);color:#fff;padding:clamp(35px,7vw,95px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:450px;height:450px;border:1px solid #ffffff12;border-radius:50%;right:-190px;top:-170px;box-shadow:0 0 0 45px #ffffff05,0 0 0 90px #ffffff03}.login-art .brand-mark{margin-bottom:55px}.login-art .eyebrow{color:#9fb8f5}.login-art h1{font-family:Manrope,sans-serif;font-size:clamp(38px,4.6vw,61px);line-height:1.12;letter-spacing:-2px;margin:17px 0}.login-art h1 em{font-style:normal;color:#83a7ff}.login-art>p{font-size:14px;line-height:1.8;color:#bdc9df;max-width:390px}.login-mini{display:flex;align-items:center;justify-content:space-between;gap:35px;width:min(100%,360px);padding:20px;margin-top:38px;background:#ffffff0d;border:1px solid #ffffff20;border-radius:13px;color:#8db0ff}.login-mini div{display:flex;flex-direction:column;gap:8px}.login-mini small,.login-mini span{font-size:10px;color:#b3c0d8}.login-mini strong{font-size:25px;color:#fff;font-family:Manrope,sans-serif}.login-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.login-box{width:min(100%,370px)}.login-box .eyebrow{color:#6d82ab}.login-box h2{font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-.8px;margin:12px 0 10px;color:#1a2740}.login-box>p{font-size:13px;line-height:1.7;color:#818da1;margin:0 0 28px}.google-button{margin:22px 0 16px;min-height:44px;display:flex;justify-content:center}.secure-note{display:block;text-align:center;color:#98a2b2;font-size:10px}.copyright{margin-top:auto;padding-top:50px;font-size:10px;letter-spacing:.08em;color:#a0a9b7}.mobile-brand{display:none}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:#778197;font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.content{padding:25px 24px}.topbar{padding:0 24px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr)}.stat-card>strong{font-size:23px}}@media(max-width:850px){.sidebar{transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.close-nav{display:grid;margin-left:auto;color:#d7e1f5}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a142b88;z-index:15}.main-area{margin-left:0}.mobile-menu{display:grid}.topbar{height:65px;padding:0 18px;gap:12px}.breadcrumb{margin-right:auto}.content{padding:23px 18px}.footer{padding:16px 18px}.dashboard-grid{grid-template-columns:1fr}.quick-panel{min-height:auto}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh;padding:30px 24px}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:55px;color:#17243b;font-size:13px}.mobile-brand .brand-mark{width:38px;height:38px}.copyright{margin-top:auto}.login-box{width:min(100%,400px)}}@media(max-width:560px){.content{padding:20px 12px}.topbar{padding:0 12px}.user-meta,.sync-label,.online-dot{display:none}.topbar-right{gap:5px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:19px}.page-heading h1{font-size:23px}.page-heading .primary-btn{width:100%}.stat-grid{gap:10px}.stat-card{padding:14px 12px}.stat-top{font-size:10px;align-items:flex-start}.stat-icon{width:29px;height:29px}.stat-card>strong{font-size:clamp(16px,5vw,22px);margin:13px 0 6px}.stat-card>small{font-size:9px}.panel{padding:16px 12px;margin-bottom:14px}.panel-heading{align-items:flex-start;flex-wrap:wrap}.panel-heading h3{font-size:13px}.panel-actions{width:100%;flex-wrap:wrap}.search-box{flex:1}.search-box input{width:100%;min-width:0}.chart-wrap{height:200px}.footer{font-size:9px;gap:10px}.form-grid{grid-template-columns:1fr}.full-field,.form-footer{grid-column:auto}.modal{padding:19px}.panel-heading .text-btn{padding:0}.dashboard-grid{gap:12px}}