@font-face{font-family:VazirLocal;src:local("Vazirmatn"),local("IRANSans"),local("Tahoma")}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#202431;font-family:VazirLocal,Tahoma,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#17233c;color:#d8deeb;padding:24px 16px;position:fixed;right:0;top:0;bottom:0;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 28px}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#7168ed,#9b68e9);display:grid;place-items:center;color:white;font-size:22px;font-weight:bold}.brand strong,.brand span{display:block}.brand strong{font-size:18px;color:#fff}.brand span{font-size:10px;margin-top:3px;color:#8d9ab4}nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;color:#aeb8cb;border-radius:9px;padding:12px 13px;display:flex;gap:12px;align-items:center;cursor:pointer;text-align:right}.nav-item span{font-size:19px;width:20px;text-align:center}.nav-item b{margin-right:auto;background:#34415a;border-radius:12px;padding:1px 7px;font-size:10px}.nav-item b.danger{background:#ba4e5e;color:white}.nav-item:hover,.nav-item.active{background:#685fe2;color:white}.sidebar-note{margin-top:auto;background:#202e49;border:1px solid #30405e;border-radius:12px;padding:14px}.sidebar-note span{font-size:12px;color:#b0aaf8}.sidebar-note p{font-size:11px;line-height:1.8;margin:5px 0 0;color:#9ba8bd}main{margin-right:248px;width:calc(100% - 248px)}header{height:72px;background:#fff;border-bottom:1px solid #e6e9f0;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:8}.header-search{width:440px;display:flex;align-items:center;background:#f6f7fa;border:1px solid #e8eaf0;border-radius:9px;padding:0 12px;color:#8d96a6}.header-search input{flex:1;border:0;outline:0;background:transparent;padding:10px}.header-search kbd{direction:ltr;background:#fff;border:1px solid #dddfe5;border-radius:4px;font-size:10px;padding:2px 5px}.header-actions,.profile{display:flex;align-items:center;gap:14px}.icon-button{border:0;background:transparent;font-size:22px;position:relative}.icon-button i{position:absolute;width:6px;height:6px;background:#ef5266;border-radius:50%;top:1px;right:1px}.avatar{width:38px;height:38px;border-radius:11px;background:#e9e7ff;color:#5d54ce;display:grid;place-items:center;font-weight:bold}.avatar.alt{background:#dff5ef;color:#23846f}.profile strong,.profile span{display:block}.profile strong{font-size:12px}.profile span{font-size:10px;color:#8a93a2;margin-top:2px}.profile>button{border:0;background:transparent;cursor:pointer}.mobile-menu{display:none}.content{padding:28px 32px 50px}.page{display:none}.page.active{display:block}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.page-title p{font-size:11px;color:#8a93a2;margin:0 0 5px}.page-title h1{font-size:24px;margin:0}.primary,.outline{border:0;border-radius:8px;padding:10px 16px;cursor:pointer}.primary{background:#675ee0;color:#fff;box-shadow:0 5px 12px #675ee030}.outline{background:#fff;border:1px solid #dfe3ea;color:#475064}.button-group{display:flex;gap:8px}.alert-strip{background:#fff8ec;border:1px solid #f4dfb9;border-radius:11px;padding:13px 16px;display:flex;align-items:center;gap:12px;margin-bottom:18px}.alert-strip>span{width:30px;height:30px;border-radius:8px;background:#ffac3e;color:#fff;display:grid;place-items:center;font-weight:bold}.alert-strip strong,.alert-strip p{display:block;margin:0}.alert-strip strong{font-size:12px}.alert-strip p{font-size:10px;color:#9a7d51;margin-top:3px}.alert-strip button{margin-right:auto;border:0;background:transparent;color:#8a6728;font-size:11px;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats article{background:white;border:1px solid #e7eaf0;border-radius:11px;padding:17px;display:flex;gap:12px;align-items:center}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;font-size:20px}.purple{background:#eceaff;color:#665ce0}.orange{background:#fff1dd;color:#e99628}.blue{background:#e5f1ff;color:#4788d8}.green{background:#e0f6ef;color:#249271}.stats span,.stats strong,.stats small{display:block}.stats span{color:#818a99;font-size:11px}.stats strong{font-size:22px;margin:2px 0}.stats small{color:#929aa6;font-size:9px}.stats .up{color:#269677}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:18px}.panel{background:#fff;border:1px solid #e5e8ef;border-radius:12px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #edf0f4}.panel-head h2,.panel-head p{margin:0}.panel-head h2{font-size:14px}.panel-head p{font-size:10px;color:#9299a5;margin-top:4px}.panel-head button{border:0;background:transparent;color:#665de0;font-size:10px;cursor:pointer}.task-list article{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid #eff1f5}.task-list article:last-child{border-bottom:0}.time{font-weight:bold;min-width:65px}.time small{display:block;font-size:8px;color:#929ba9;margin-top:3px}.danger-text{color:#df5262!important}.task-main{flex:1}.task-main strong,.task-main span{display:block}.task-main strong{font-size:12px}.task-main span{font-size:9px;color:#9098a6;margin-top:5px}.tag{display:inline-block;border-radius:15px;padding:4px 9px;font-size:9px;white-space:nowrap}.tag.red{background:#ffeaed;color:#cc4052}.tag.yellow{background:#fff2d9;color:#aa7727}.tag.blue{background:#e4f0ff;color:#3478c5}.tag.green{background:#e0f5ed;color:#258368}.done{border:1px solid #dfe3ea;background:white;border-radius:50%;width:25px;height:25px;color:#a4acb8;cursor:pointer}.service-item{display:flex;align-items:center;padding:15px 19px;border-bottom:1px solid #eef0f4;gap:10px}.service-item>div{flex:1}.service-item strong,.service-item small{display:block}.service-item strong{font-size:11px}.service-item small{font-size:9px;color:#949ca8;margin-top:4px}.route-dot{width:10px;height:10px;border:2px solid #f0ae48;border-radius:50%}.route-dot.active{border-color:#4d8edc;box-shadow:0 0 0 4px #e5f1ff}.route-dot.done-dot{border-color:#3aa081}.quick-actions{padding:18px}.quick-actions h3{font-size:11px;margin:0 0 11px}.quick-actions>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.quick-actions button{border:1px solid #e7e9ef;background:#fafbfc;border-radius:8px;padding:10px 4px;color:#685fe0;cursor:pointer}.quick-actions button span{display:block;color:#555d6a;font-size:9px;margin-top:5px}.toolbar,.tabs{display:flex;gap:9px;margin-bottom:16px}.toolbar input,.toolbar select,.toolbar button,.panel-head input{border:1px solid #dfe3ea;background:#fff;border-radius:8px;padding:9px 12px;outline:none}.toolbar input{min-width:280px}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.kanban-col{background:#edf0f5;border-radius:12px;padding:13px}.kanban-col>h3{font-size:12px;margin:0 2px 12px;color:#596172}.kanban-col>h3 b{float:left;background:#dfe3eb;border-radius:12px;padding:2px 8px}.kanban-col article{background:white;border:1px solid #e0e4eb;border-radius:10px;padding:14px;margin-bottom:10px}.kanban-col h4{margin:9px 0 5px}.kanban-col p,.kanban-col small{font-size:10px;color:#7f8998}.kanban-col footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.kanban-col time{font-size:9px;color:#9aa2af}.source{font-size:8px;background:#eeeaff;color:#685ee0;border-radius:10px;padding:3px 7px}.source.warning{background:#fff1da;color:#a97525}.source.success{background:#e1f5ed;color:#248269}.tiny{width:25px;height:25px;font-size:8px;border-radius:7px}.mini-primary{border:0;background:#685fe1;color:white;border-radius:6px;padding:6px 9px;font-size:9px}.tabs{border-bottom:1px solid #dfe3ea}.tabs button{border:0;background:transparent;padding:10px 15px;color:#7b8493}.tabs button.active{color:#6359dc;border-bottom:2px solid #6359dc}.tabs b{background:#edf0f5;border-radius:10px;padding:1px 6px;font-size:9px}.task-table .task-list article>span{font-size:10px;color:#7e8796}.compact article{justify-content:center;text-align:center}.data-panel{overflow:hidden}.data-panel table{width:100%;border-collapse:collapse}.data-panel th,.data-panel td{text-align:right;padding:14px 18px;border-bottom:1px solid #edf0f4;font-size:11px}.data-panel th{background:#fafbfc;color:#788190;font-size:9px}.data-panel td small{display:block;color:#969eaa;font-size:8px;margin-top:4px}.muted{color:#9ba2ae}.role-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:18px}.role-cards article{background:white;border:1px solid #e3e7ed;border-radius:12px;padding:18px;display:flex;align-items:center;gap:13px}.role-cards article>div{flex:1}.role-cards h3,.role-cards p{margin:0}.role-cards h3{font-size:13px}.role-cards p{font-size:9px;color:#8c95a3;margin-top:4px}.role-cards>article>strong{font-size:11px;color:#655cdd}.role-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;font-size:21px}.role-icon.manager{background:#e9e7ff;color:#6258db}.role-icon.expert{background:#e1f5ee;color:#27876d}.user-cell{display:flex;align-items:center;gap:9px}.user-cell strong small{font-weight:normal}.money-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1.1fr;gap:12px;align-items:center;padding:26px 20px}.money-flow>div{border:1px solid #e2e6ed;border-radius:10px;padding:15px}.money-flow span,.money-flow strong{display:block}.money-flow span{font-size:9px;color:#818a98}.money-flow strong{margin-top:5px}.money-flow .highlight{background:#eceaff;border-color:#c9c4fa;color:#544bc9}.settlement>h3{padding:0 20px;font-size:11px}.commission{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:5px 20px 20px}.commission span{background:#f7f8fa;border-radius:8px;padding:10px;font-size:9px}.commission b{float:left;color:#6259d9}.modal-backdrop{position:fixed;inset:0;background:#10172699;display:none;align-items:center;justify-content:center;z-index:30;padding:20px}.modal-backdrop.open{display:flex}.modal{width:min(650px,100%);background:#fff;border-radius:14px;box-shadow:0 30px 80px #10172650}.modal-head{display:flex;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e8eaf0}.modal-head h2,.modal-head p{margin:0}.modal-head h2{font-size:17px}.modal-head p{font-size:10px;color:#8992a1;margin-top:5px}.modal-head button{border:0;background:transparent;font-size:24px;color:#828b99;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px 24px}.form-grid label{font-size:10px;font-weight:bold;color:#555e6d}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;border:1px solid #dfe3ea;border-radius:8px;padding:10px;margin-top:6px;outline:0}.form-grid textarea{height:70px;resize:none}.form-grid .full{grid-column:1/-1}.permission-box{background:#f4f3ff;border:1px solid #dfdcff!important;border-radius:9px;padding:12px}.permission-box span,.permission-box small{display:block}.permission-box small{margin-top:4px;color:#756dcf;font-weight:normal}.modal-actions{padding:15px 24px;border-top:1px solid #e8ebf0;display:flex;justify-content:flex-end;gap:8px}#toast{position:fixed;bottom:24px;left:24px;background:#24334d;color:#fff;padding:12px 18px;border-radius:9px;opacity:0;transform:translateY(20px);transition:.25s;z-index:40;font-size:11px}#toast.show{opacity:1;transform:translateY(0)}@media(max-width:1050px){.stats{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.money-flow{grid-template-columns:1fr 1fr}.money-flow>b{display:none}.commission{grid-template-columns:1fr 1fr}}@media(max-width:750px){.sidebar{transform:translateX(100%)}.sidebar.open{transform:translateX(0)}main{margin-right:0;width:100%}.mobile-menu{display:block;border:0;background:transparent}.header-search{display:none}.content{padding:20px 14px}.page-title{align-items:flex-start;gap:12px}.page-title h1{font-size:19px}.stats,.kanban,.role-cards{grid-template-columns:1fr}.task-list article{flex-wrap:wrap}.data-panel{overflow-x:auto}.data-panel table{min-width:800px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}