@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--ink:#20283a;--muted:#8991a2;--line:#edf0f5;--primary:#6458e8;--bg:#f7f8fc;--green:#2dbb83;--shadow:0 5px 22px rgba(32,45,80,.045)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Vazirmatn',Tahoma,sans-serif;font-size:13px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 0 0 auto;width:250px;background:#fff;border-left:1px solid var(--line);padding:25px 17px 15px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 8px;color:var(--ink);font-size:16px;font-weight:800;text-decoration:none}.brand-mark{width:39px;height:39px;border-radius:13px;background:#eeecff;color:var(--primary);display:grid;place-items:center;font-size:20px}.brand small{display:block;color:#a3a9b7;font-size:10px;font-weight:400;margin-top:1px}.building-switch{margin:27px 0 22px;padding:11px 10px;background:#f8f8fc;border:1px solid #f0f0f6;border-radius:12px;display:flex;align-items:center;gap:10px}.building-icon{width:33px;height:33px;border-radius:10px;background:white;color:var(--primary);display:grid;place-items:center}.building-switch small,.building-switch strong{display:block}.building-switch small{font-size:10px;color:var(--muted)}.building-switch strong{font-size:12px;margin-top:2px}.building-switch>i{color:#9da3b2;font-size:11px}.nav-caption{font-size:10px;color:#a8adba;padding:0 10px 9px}.side-nav{display:grid;gap:4px}.side-nav .nav-link{display:flex;align-items:center;gap:12px;padding:10px 11px;color:#727b8d;border-radius:9px;font-size:12px;transition:.18s}.side-nav .nav-link i{font-size:16px;width:20px;text-align:center}.side-nav .nav-link:hover{background:#f8f7ff;color:var(--primary)}.side-nav .nav-link.active{background:#f0efff;color:var(--primary);font-weight:700}.sidebar-bottom{margin-top:auto}.support-card{padding:13px;background:#f7f6ff;border-radius:12px;text-align:center}.support-icon{margin:0 auto 7px;color:var(--primary);font-size:20px}.support-card strong{font-size:11px}.support-card p{color:var(--muted);font-size:10px;margin:4px 0 10px}.support-card .btn{font-family:inherit;font-size:10px;color:var(--primary);border:1px solid #ebe9ff;border-radius:8px}.sidebar-foot{display:flex;align-items:center;gap:9px;padding:16px 3px 0;margin-top:13px;border-top:1px solid var(--line)}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:11px}.sidebar-foot small{font-size:10px;color:var(--muted);margin-top:2px}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;background:linear-gradient(145deg,#8277f1,#574bd0);font-weight:700}.avatar-soft{background:#ebe9ff;color:var(--primary)}.icon-button{border:0;background:transparent;color:#737d90;padding:6px 8px;border-radius:8px}.icon-button:hover{background:#f3f4f8}.main-area{margin-right:250px;min-height:100vh}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.breadcrumb-line{display:flex;align-items:center;gap:10px;color:#a2a8b6;font-size:11px}.breadcrumb-line i{font-size:9px}.breadcrumb-line strong{color:#596174;font-weight:500}.top-actions,.profile{display:flex;align-items:center;gap:16px}.searchbox{height:36px;width:220px;border:1px solid #eef0f5;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#a6acb9}.searchbox input{border:0;outline:0;min-width:0;width:100%;background:transparent;font:inherit;color:var(--ink)}.searchbox input::placeholder{color:#a6acb9}.notification-btn{position:relative;font-size:17px}.notification-btn span{position:absolute;width:6px;height:6px;background:#f16e76;border:1px solid white;border-radius:50%;top:6px;right:7px}.top-divider{height:28px;border-right:1px solid var(--line)}.profile{gap:9px}.profile-info strong,.profile-info small{display:block;white-space:nowrap}.profile-info strong{font-size:11px}.profile-info small{font-size:10px;color:var(--muted);margin-top:2px}.profile>i{font-size:10px;color:#929aab}.menu-toggle{display:none}.page-content{max-width:1500px;margin:auto;padding:29px 34px 18px}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.eyebrow{font-size:10px;color:#9ba2b1;margin-bottom:7px}.live-dot{display:inline-block;width:6px;height:6px;margin-right:7px;background:#40c795;border-radius:50%}h1{font-size:21px;font-weight:700;margin:0 0 5px;letter-spacing:-.4px}.welcome-row p,.panel-heading p{margin:0;color:var(--muted);font-size:11px}.btn{font-family:inherit;font-size:11px;border-radius:9px;padding:9px 14px}.btn-primary{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 10px #6458e82b}.btn-primary:hover{background:#5549d4;border-color:#5549d4}.section-tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid #e9ebf2;margin-bottom:20px}.section-tab{position:relative;border:0;background:none;color:#9299a8;padding:0 2px 12px;font:inherit;font-size:11px;cursor:pointer}.section-tab.active{color:var(--primary);font-weight:700}.section-tab.active:after{content:'';position:absolute;bottom:-1px;right:0;left:0;height:2px;background:var(--primary);border-radius:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.stat-card,.panel{background:#fff;border:1px solid #eff1f5;border-radius:13px;box-shadow:var(--shadow)}.stat-card{padding:16px 17px 13px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#7d8596;font-size:11px}.stat-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;font-size:17px}.stat-icon.blue{background:#edf4ff;color:#5790ee}.stat-icon.green{background:#e9f8f1;color:#27b77d}.stat-icon.orange{background:#fff4e7;color:#eea63e}.stat-icon.purple{background:#f2edff;color:#8e70e8}.stat-value{font-size:23px;font-weight:700;margin:10px 0 7px;letter-spacing:-.4px}.stat-value small{font-size:10px;font-weight:400;color:#9299a8}.stat-foot{border-top:1px solid #f2f3f6;padding-top:9px;display:flex;gap:7px;color:#9aa1af;font-size:9px}.trend{font-weight:600}.trend.up{color:#27b77d}.trend.down{color:#e59e38}.trend.neutral{color:#8072dc}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,1fr);gap:15px;margin-bottom:16px}.panel{padding:17px 18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h2{font-size:13px;font-weight:700;margin:0 0 4px}.panel-heading p{font-size:10px}.period-select{width:108px;border-color:#eceef3;font:inherit;font-size:10px;color:#757d8e;border-radius:8px}.chart-legend{display:flex;gap:16px;color:#9198a8;font-size:9px;margin:18px 0 7px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:5px}.legend-dot.income{background:#776be9}.legend-dot.expense{background:#b9b2ff}.chart{height:174px;display:flex;gap:11px}.chart-scale{height:135px;display:flex;flex-direction:column;justify-content:space-between;color:#aeb3bf;font-size:8px}.chart-area{position:relative;flex:1;height:100%}.grid-lines{position:absolute;top:0;right:0;left:0;height:135px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{border-top:1px dashed #eceef3}.bars{position:absolute;inset:7px 7px 31px;display:flex;align-items:flex-end;justify-content:space-around}.bar-group{height:100%;display:flex;align-items:flex-end;gap:5px;position:relative;width:9%}.bar{width:9px;border-radius:5px 5px 1px 1px;background:#776be9;min-height:5px}.bar.secondary{background:#c7c1ff}.chart-months{position:absolute;bottom:0;right:0;left:0;display:flex;justify-content:space-around;color:#a0a6b3;font-size:9px}.text-button{border:0;background:none;color:var(--primary);font:inherit;font-size:10px;white-space:nowrap}.event-list{margin-top:15px}.event-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f1f2f6;position:relative}.event-item:last-child{border:0}.event-date{width:38px;height:39px;border:1px solid #f0f1f5;border-radius:9px;display:grid;align-content:center;justify-items:center;flex:none}.event-date strong{font-size:13px;line-height:1.2}.event-date small{font-size:9px;color:#9ca3b1}.event-item>div:nth-child(2){min-width:0}.event-item>div:nth-child(2) strong,.event-item>div:nth-child(2) small{display:block}.event-item>div:nth-child(2) strong{font-size:10px;font-weight:600}.event-item>div:nth-child(2) small{font-size:9px;color:#a0a6b3;margin-top:3px}.event-dot{width:7px;height:7px;border-radius:50%;margin-right:auto;flex:none}.blue-bg{background:#688ded}.orange-bg{background:#efa940}.green-bg{background:#35bf8b}.calendar-add{width:100%;margin-top:10px;border:1px dashed #e1defa;border-radius:8px;background:#faf9ff;color:var(--primary);font:inherit;font-size:10px;padding:8px}.table-panel{padding-bottom:4px;margin-bottom:16px}.table-heading{padding-bottom:13px}.table{margin:0;color:#727a8a;font-size:10px;white-space:nowrap}.table thead th{background:#fafbfc;color:#9ba2af;font-weight:500;border-color:#f0f1f5;padding:10px 12px}.table td{border-color:#f1f2f6;padding:11px 12px}.table tbody tr:last-child td{border-bottom:0}.table td strong{color:#454d5d;font-weight:600}.table-icon{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:8px;margin-left:8px}.income-icon{color:#20ae78;background:#e9f8f1}.expense-icon{color:#eb7679;background:#fff0f0}.amount-positive{color:#22ad79!important;font-weight:600}.amount-negative{color:#e17b7e!important;font-weight:600}.badge-status{display:inline-block;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:500}.badge-status.success{background:#eaf8f1;color:#25ac76}.badge-status.warning{background:#fff5e6;color:#d99838}.badge-status.danger{background:#fff0f0;color:#df666b}.badge-status.info{background:#eff3ff;color:#6885de}.bottom-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:15px}.request-list{margin-top:8px}.request-item{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #f1f2f6}.request-item:last-child{border:0}.request-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;font-size:14px}.request-symbol.red{background:#fff0f0;color:#e6797d}.request-symbol.amber{background:#fff6e8;color:#e9a641}.request-symbol.teal{background:#eaf8f5;color:#36b497}.request-item>span:nth-child(2){min-width:0}.request-item strong,.request-item small{display:block}.request-item strong{font-size:10px;font-weight:600}.request-item small{font-size:9px;color:#a0a6b3;margin-top:3px}.debt-summary{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.debt-number{font-size:19px;font-weight:700}.debt-number small{font-size:10px;color:#9299a8;font-weight:400}.debt-progress{height:7px;background:#f0efff;border-radius:10px;overflow:hidden}.debt-progress span{height:100%;display:block;border-radius:10px;background:linear-gradient(90deg,#7569e8,#a29afa)}.debt-foot{display:flex;justify-content:space-between;align-items:center;color:#9aa1af;font-size:9px;margin-top:11px}.debt-foot button{border:0;background:none;color:var(--primary);font:inherit}.page-footer{display:flex;justify-content:space-between;color:#a6acb8;font-size:9px;padding:24px 2px 5px}.page-footer i{color:#ed8d9a;margin-right:3px}.generic-panel{text-align:center;padding:55px 20px;margin-bottom:16px}.generic-icon{height:55px;width:55px;border-radius:17px;display:grid;place-items:center;background:#f0efff;color:var(--primary);font-size:24px;margin:0 auto 15px}.generic-panel h2{font-size:17px;font-weight:700}.generic-panel>p{color:var(--muted);font-size:11px}.generic-actions{display:flex;justify-content:center;gap:8px;margin-top:18px}.generic-table .panel-heading{padding-bottom:14px}.table-search{width:180px;height:32px}.modal-content{border:0;border-radius:15px;box-shadow:0 20px 70px #20283a26}.modal-header,.modal-footer{border-color:#f0f1f5;padding:17px 20px}.modal-title{font-family:inherit;font-size:15px;font-weight:700}.modal-subtitle{font-size:10px;color:var(--muted);margin:4px 0 0}.modal-body{padding:20px}.form-label{font-size:10px;color:#626b7d;margin-bottom:6px}.form-control,.form-select{font-family:inherit;font-size:11px;border-color:#e9ebf1;border-radius:8px;padding:9px 11px}.toast{font-family:inherit;border:0;border-radius:10px;box-shadow:var(--shadow)}.toast-body{display:flex;align-items:center;font-size:11px}.toast-body>i{color:#25ad78}.table-row-empty{text-align:center;color:#9aa1af;padding:28px!important}.mobile-overlay{display:none}
@media(min-width:1500px){.page-content{padding-top:37px}.stats-grid{gap:18px}.panel{padding:20px 22px}.content-grid,.bottom-grid{gap:18px}}
@media(max-width:1100px){.sidebar{width:220px}.main-area{margin-right:220px}.page-content{padding:25px 22px}.topbar{padding:0 22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1.3fr 1fr}}
@media(max-width:760px){.sidebar{transform:translateX(100%);transition:transform .25s ease;box-shadow:-10px 0 30px #20283a14;width:265px}.sidebar.open{transform:translateX(0)}.main-area{margin-right:0}.menu-toggle{display:inline-flex;font-size:19px}.topbar{height:60px;padding:0 15px}.top-actions{gap:8px}.searchbox{width:155px;height:33px}.notification-btn{font-size:16px}.top-divider,.profile-info,.profile>i{display:none}.profile{gap:0}.profile .avatar{width:31px;height:31px}.page-content{padding:22px 15px}.welcome-row{align-items:flex-start;gap:10px}.welcome-row .btn{padding:8px 10px;font-size:10px;white-space:nowrap}h1{font-size:18px}.section-tabs{gap:18px;overflow-x:auto;white-space:nowrap}.stats-grid{gap:10px}.stat-card{padding:13px}.stat-value{font-size:20px}.content-grid,.bottom-grid{grid-template-columns:1fr}.chart-panel{min-height:280px}.chart{height:170px}.events-panel{padding-bottom:14px}.page-footer{font-size:8px}.mobile-overlay{position:fixed;inset:0;background:#17203355;z-index:9}.mobile-overlay.show{display:block}}
@media(max-width:420px){.breadcrumb-line{gap:6px;font-size:10px}.searchbox{width:125px}.welcome-row .btn{font-size:0;width:37px;height:37px;padding:0;display:grid;place-items:center}.welcome-row .btn i{font-size:14px;margin:0!important}.stats-grid{gap:8px}.stat-card{padding:11px}.stat-top{font-size:10px}.stat-icon{width:30px;height:30px;font-size:15px}.stat-value{font-size:18px}.stat-foot{font-size:8px}.section-tabs{gap:14px}.panel{padding:14px}.page-footer span:last-child{display:none}}