:root {
  --navy:#102e48;--deep:#071d2e;--teal:#16a394;--teal-dark:#0d7e73;--blue:#4f78df;
  --purple:#7258df;--amber:#e49a2f;--red:#df6267;--green:#2b9b71;--ink:#172a3a;
  --muted:#758493;--line:#e2e9ee;--canvas:#f3f7f9;--surface:#fff;
  --shadow:0 16px 45px rgba(9,36,55,.08);--soft:0 6px 22px rgba(9,36,55,.055)
}
*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:var(--canvas);color:var(--ink)}
body{font-family:"B Nazanin","B Nazanin Bold",Nazanin,Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}
button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}input,select,textarea{outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--teal)!important;box-shadow:0 0 0 3px rgba(22,163,148,.1)}
[hidden]{display:none!important}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:15px;direction:rtl}
.boot-logo,.auth-logo{display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#2ac5b2,#0d786f);box-shadow:0 12px 28px rgba(22,163,148,.25);font-weight:900}
.boot-logo{width:52px;height:52px;border-radius:17px;font-size:25px;animation:float 1.5s ease-in-out infinite alternate}
.boot-screen strong,.boot-screen span{display:block}.boot-screen strong{font-size:20px;color:var(--navy)}.boot-screen span{margin-top:5px;color:var(--muted);font-size:10px}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;direction:rtl;background:radial-gradient(circle at 12% 14%,rgba(30,177,160,.17),transparent 30%),radial-gradient(circle at 88% 84%,rgba(79,120,223,.14),transparent 34%),var(--canvas)}
.auth-card{width:min(460px,100%);padding:34px;border:1px solid rgba(213,223,229,.92);border-radius:26px;background:rgba(255,255,255,.97);box-shadow:0 30px 85px rgba(10,39,59,.14);animation:rise .45s ease both}
.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.auth-logo{width:54px;height:54px;border-radius:18px;font-size:25px}
.auth-brand strong,.auth-brand span{display:block}.auth-brand strong{color:var(--navy);font-size:20px}.auth-brand span{margin-top:5px;color:var(--muted);font-size:9px}
.auth-card h1{margin:0 0 9px;color:var(--navy);font-size:24px}.auth-card>p{margin:0 0 22px;color:#6f7f8b;font-size:10px;line-height:2}
.auth-form{display:grid;gap:14px}.field{display:grid;gap:7px}.field>span{color:#536775;font-size:9px;font-weight:800}
.field input,.field select,.field textarea{width:100%;border:1px solid #d8e1e6;border-radius:11px;padding:0 12px;color:var(--ink);background:#fbfcfd}.field input,.field select{height:43px}.field textarea{min-height:90px;padding-block:10px;resize:vertical;line-height:1.9}
.auth-form input{height:48px;border:1px solid #d7e0e5;border-radius:12px;padding:0 13px;color:var(--navy);background:#fbfcfd}.auth-form .auth-code-input{text-align:center;font-size:24px;font-weight:900;letter-spacing:10px}.auth-submit{width:100%;min-height:48px;margin-top:2px}
.auth-message{margin-top:14px;padding:12px 13px;border-radius:10px;color:#276b5d;background:#eaf7f3;font-size:9px;line-height:1.8}.auth-message.error{color:#9c3c44;background:#feecee}
.auth-security{display:flex;justify-content:center;gap:6px;margin-top:22px;padding-top:17px;border-top:1px solid #edf1f3;color:#8b98a2;font-size:7px}
.app-shell{min-height:100vh;direction:rtl}.sidebar{width:252px;min-height:100vh;position:fixed;inset:0 0 0 auto;z-index:40;display:flex;flex-direction:column;padding:24px 18px 18px;overflow:hidden;color:#fff;background:radial-gradient(circle at 35% 5%,rgba(40,177,163,.2),transparent 28%),linear-gradient(155deg,#0b2941,#071b2b 72%);box-shadow:-18px 0 50px rgba(5,25,39,.08)}
.sidebar:after{content:"";width:230px;height:230px;position:absolute;left:-120px;bottom:90px;border:1px solid rgba(255,255,255,.06);border-radius:50%;box-shadow:0 0 0 36px rgba(255,255,255,.018),0 0 0 72px rgba(255,255,255,.012);pointer-events:none}
.brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:2px 8px 24px;border-bottom:1px solid rgba(255,255,255,.09)}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#28c1ae,#138b80);box-shadow:0 10px 28px rgba(21,165,150,.3);font-size:23px;font-weight:900}.brand strong,.brand span{display:block}.brand strong{font-size:20px}.brand span{margin-top:4px;color:#9cb5c5;font-size:9px}
.sidebar nav{position:relative;z-index:1;display:grid;gap:7px;margin-top:24px}.nav-item{width:100%;min-height:48px;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:10px;border:0;border-radius:13px;padding:0 13px;text-align:right;color:#a9bdca;background:transparent;font-size:11px;transition:.2s}.nav-item:hover{color:#fff;background:rgba(255,255,255,.06);transform:translateX(-2px)}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(38,184,168,.18),rgba(38,184,168,.08));box-shadow:inset -3px 0 0 #35c5b5}.nav-icon{font-size:17px;text-align:center}.nav-item b{min-width:24px;height:22px;display:grid;place-items:center;padding:0 6px;border-radius:15px;color:#fff;background:#da5e65;font-size:9px}
.sidebar-insight{position:relative;z-index:1;margin-top:auto;padding:17px;border:1px solid rgba(61,208,191,.14);border-radius:17px;background:linear-gradient(145deg,rgba(37,179,164,.17),rgba(255,255,255,.025))}.sidebar-insight>span{color:#6fdacc;font-size:9px}.sidebar-insight strong{display:block;margin:8px 0 10px;font-size:24px}.mini-progress{height:6px;overflow:hidden;border-radius:20px;background:rgba(255,255,255,.09)}.mini-progress i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#25b8a8,#6ee0d3);transition:width .7s}.sidebar-insight p{margin:10px 0 0;color:#a9c0cd;font-size:8px;line-height:1.8}
.account-card{position:relative;z-index:1;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;margin-top:16px;padding:15px 5px 0;border-top:1px solid rgba(255,255,255,.08)}.avatar,.user-avatar{display:grid;place-items:center;border-radius:50%;color:#fff;font-style:normal;font-weight:900}.avatar{width:38px;height:38px;color:#4b3513;background:linear-gradient(145deg,#f2d093,#dca958)}.account-card strong,.account-card span{display:block}.account-card strong{font-size:11px}.account-card span{margin-top:4px;color:#8da7b8;font-size:8px}.account-actions{display:flex;gap:4px}.account-card button{width:28px;height:28px;border:0;border-radius:8px;color:#87a3b4;background:rgba(255,255,255,.04)}
.workspace{width:calc(100% - 252px);min-height:100vh;margin-right:252px}.topbar{height:72px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid rgba(221,230,236,.9);background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}.top-title span,.top-title strong{display:block}.top-title span{margin-bottom:4px;color:var(--muted);font-size:9px}.top-title strong{color:var(--navy);font-size:12px}.top-actions{display:flex;align-items:center;gap:9px}.sync-state{display:flex;align-items:center;gap:7px;margin-left:5px;color:#6d7d8b;font-size:9px}.sync-state i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(43,155,113,.1)}.sync-state.saving i{background:var(--amber);animation:pulse 1s infinite}.mobile-menu{display:none}
.primary-button,.secondary-button,.danger-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;padding:0 16px;font-size:10px;font-weight:800;transition:.18s}.primary-button{border:0;color:#fff;background:linear-gradient(135deg,#19aa9a,#118b80);box-shadow:0 8px 20px rgba(22,163,148,.2)}.primary-button:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(22,163,148,.26)}.secondary-button{border:1px solid var(--line);color:var(--navy);background:#fff}.secondary-button:hover{background:#f8fbfc}.danger-button{border:1px solid #f1cbd0;color:#ac4650;background:#fff5f6}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:#667987;background:#fff}.page{max-width:1660px;margin:0 auto;padding:24px 28px 40px}.view-enter{animation:rise .35s ease both}
.page-heading{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:17px}.eyebrow{color:var(--teal);font-size:9px;font-weight:900}.page-heading h1{margin:6px 0;color:var(--navy);font-size:clamp(23px,2.2vw,31px);line-height:1.25}.page-heading p{margin:0;color:var(--muted);font-size:10px;line-height:1.8}.heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.date-picker{min-width:290px;position:relative}.date-trigger{width:100%;min-height:54px;display:grid;grid-template-columns:36px 1fr 20px;align-items:center;gap:9px;border:1px solid var(--line);border-radius:14px;padding:7px 11px;text-align:right;color:var(--navy);background:#fff;box-shadow:var(--soft)}.date-trigger>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--teal);background:#e7f7f4;font-style:normal}.date-trigger span,.date-trigger strong{display:block}.date-trigger span{margin-bottom:4px;color:var(--muted);font-size:8px}.date-trigger strong{font-size:10px}.calendar{width:330px;position:absolute;top:calc(100% + 9px);left:0;z-index:55;padding:14px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 24px 65px rgba(6,31,48,.18);animation:calendar .22s ease both}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.calendar-head strong{color:var(--navy);font-size:11px}.calendar-head button{width:31px;height:31px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy)}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-week span{text-align:center;color:#93a0aa;font-size:7px}.calendar-grid{margin-top:8px}.calendar-day{height:34px;border:0;border-radius:9px;color:#506471;background:transparent;font-size:9px}.calendar-day:hover{background:#edf8f6;color:var(--teal-dark)}.calendar-day.muted{color:#bdc5ca}.calendar-day.today{box-shadow:inset 0 0 0 1px var(--teal)}.calendar-day.selected{color:#fff;background:var(--teal);box-shadow:0 7px 15px rgba(22,163,148,.22)}.calendar-footer{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
.filters{display:grid;grid-template-columns:minmax(210px,1.5fr) repeat(3,minmax(130px,.7fr)) auto;gap:8px;margin-bottom:14px;padding:11px;border:1px solid var(--line);border-radius:15px;background:#fff}.filters input,.filters select,.toolbar select{width:100%;height:39px;border:1px solid var(--line);border-radius:10px;padding:0 11px;color:var(--ink);background:#fafcfd;font-size:9px}.reset-button{border:0;color:#7d8b96;background:transparent;font-size:9px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:13px}.kpi-card{min-height:108px;position:relative;overflow:hidden;display:grid;grid-template-columns:45px 1fr;align-items:center;gap:13px;padding:15px 17px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--soft)}.kpi-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;font-size:20px}.kpi-card span,.kpi-card strong,.kpi-card small{display:block}.kpi-card span{color:var(--muted);font-size:8px}.kpi-card strong{margin-top:6px;color:var(--navy);font-size:24px}.kpi-card small{margin-top:4px;color:#88959f;font-size:7px}.tone-navy .kpi-icon{color:var(--navy);background:#e9f0f5}.tone-teal .kpi-icon{color:var(--teal);background:#e7f7f4}.tone-green .kpi-icon{color:var(--green);background:#e8f6ef}.tone-amber .kpi-icon{color:var(--amber);background:#fff3df}
.panel{border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--soft)}.panel-header{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 17px;border-bottom:1px solid #edf1f3}.panel-header h2{margin:0 0 5px;color:var(--navy);font-size:13px}.panel-header p{margin:0;color:var(--muted);font-size:8px}.panel-header button.link-button{border:0;color:var(--teal);background:transparent;font-size:8px;font-weight:800}
.dashboard-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:13px;margin-bottom:13px}.performance-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:13px 7px}.performance-card{min-width:0;padding:6px 8px 10px;border:0;border-left:1px solid #edf1f3;color:inherit;background:#fff;animation:card .45s ease both}.performance-card:nth-child(4n){border-left:0}.performance-card:nth-child(n+5){margin-top:13px;padding-top:17px;border-top:1px solid #edf1f3}.performance-card:hover{transform:translateY(-2px)}.donut{--progress:0deg;--accent:var(--teal);width:82px;height:82px;position:relative;display:grid;place-items:center;margin:auto;border-radius:50%;background:conic-gradient(var(--accent) var(--progress),#e9eef1 0);animation:donut .65s ease both}.donut:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.donut strong,.donut small{position:relative;z-index:1;display:block;text-align:center}.donut strong{color:var(--navy);font-size:16px}.donut small{margin-top:2px;color:var(--muted);font-size:6px}.performance-card>strong,.performance-card>span,.performance-card>em{display:block;text-align:center}.performance-card>strong{margin-top:8px;color:var(--navy);font-size:10px}.performance-card>span{margin-top:4px;color:var(--muted);font-size:7px}.performance-card>em{min-height:20px;margin-top:6px;color:#6b7f8c;font-size:6px;font-style:normal;line-height:1.6}
.task-feed{padding:7px 13px}.feed-item{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;padding:10px 1px;border-bottom:1px solid #edf1f3}.feed-item:last-child{border-bottom:0}.dot{width:8px;height:8px;border-radius:50%;background:var(--blue)}.dot.urgent{background:var(--red);box-shadow:0 0 0 4px rgba(223,98,103,.1)}.dot.high{background:var(--amber)}.feed-item strong,.feed-item span{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-item strong{color:var(--navy);font-size:9px}.feed-item span{margin-top:4px;color:var(--muted);font-size:7px}.feed-item time{color:#8c9aa4;font-size:7px;white-space:nowrap}
.dashboard-lower{display:grid;grid-template-columns:1.35fr .65fr;gap:13px}.task-mini-table,.data-table{width:100%;border-collapse:collapse}.table-wrap{overflow:auto}.task-mini-table th,.data-table th{height:37px;padding:0 13px;text-align:right;color:#87939d;background:#f8fafb;border-bottom:1px solid var(--line);font-size:7px}.task-mini-table td,.data-table td{padding:10px 13px;border-bottom:1px solid #edf1f3;color:#5f7180;font-size:8px;vertical-align:middle}.task-mini-table tbody tr:last-child td,.data-table tbody tr:last-child td{border-bottom:0}.task-mini-table strong,.task-mini-table small,.data-table td>strong,.data-table td>small{display:block}.task-mini-table strong,.data-table td>strong{color:var(--ink);font-size:8px;line-height:1.6}.task-mini-table small,.data-table td>small{margin-top:3px;color:#96a1a9;font-size:6px}.user-cell{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.user-avatar{width:26px;height:26px;font-size:8px}.progress-line{width:95px;display:flex;align-items:center;gap:6px}.progress-line i{width:62px;height:5px;display:block;overflow:hidden;border-radius:8px;background:#e7ecef}.progress-line i b{height:100%;display:block;border-radius:inherit;background:var(--teal)}.progress-line span{font-size:7px}
.status-pill,.priority-pill,.section-pill,.score-pill{display:inline-flex;align-items:center;justify-content:center;min-height:22px;border-radius:7px;padding:0 8px;font-size:7px;font-style:normal;white-space:nowrap}.status-success{color:#207b59;background:#e3f5ee}.status-working{color:#3f61bd;background:#e7edff}.status-warning{color:#9b6819;background:#fff2d8}.status-danger{color:#a64048;background:#fee9eb}.status-neutral{color:#677887;background:#edf2f5}.priority-urgent{color:#b43e46;background:#feecee}.priority-high{color:#a36c13;background:#fff4df}.priority-medium{color:#4764a8;background:#ebf0ff}.priority-low{color:#657985;background:#edf2f4}.section-pill{color:#586e7c;background:#eef3f6}.score-pill{color:#735713;background:#fff2cb;font-weight:900}
.empty{padding:34px 18px;text-align:center;color:var(--muted)}.empty i{width:43px;height:43px;display:grid;place-items:center;margin:auto;border-radius:14px;color:var(--teal);background:#e7f7f4;font-style:normal;font-size:20px}.empty strong{display:block;margin-top:11px;color:var(--navy);font-size:10px}.empty p{margin:7px 0;color:var(--muted);font-size:8px;line-height:1.8}
.week-strip{display:grid;grid-template-columns:38px repeat(7,1fr) 38px;gap:7px;margin-bottom:13px;padding:9px;border:1px solid var(--line);border-radius:15px;background:#fff}.week-strip button{min-height:57px;position:relative;border:1px solid transparent;border-radius:11px;color:#6e7e8b;background:#f7f9fa}.week-strip button.arrow{border-color:var(--line);color:var(--navy);background:#fff;font-size:19px}.week-strip span,.week-strip strong{display:block}.week-strip span{font-size:8px}.week-strip strong{margin-top:6px;font-size:9px}.week-strip button.active{color:#fff;background:var(--navy);box-shadow:0 8px 18px rgba(16,46,72,.15)}.week-strip button.today:after{content:"امروز";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);padding:2px 6px;border-radius:7px;color:#fff;background:var(--teal);font-size:6px}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.toolbar>div{display:flex;align-items:center;gap:8px}.toolbar select{min-width:175px}.work-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:13px}.work-list{padding:5px 15px}.work-item{display:grid;grid-template-columns:31px minmax(0,1fr) 150px;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #edf1f3}.work-item:last-child{border-bottom:0}.task-check{width:29px;height:29px;border:2px solid #bfd0d8;border-radius:9px;color:transparent;background:#fff}.task-check.checked{border-color:var(--teal);color:#fff;background:var(--teal)}.work-copy strong,.work-copy span{display:block}.work-copy strong{color:var(--navy);font-size:9px;line-height:1.7}.work-copy span{margin-top:4px;color:var(--muted);font-size:7px;line-height:1.7}.work-tags{display:flex;gap:5px;margin-top:7px}.task-controls{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px}.task-controls input[type=range]{width:100%;accent-color:var(--teal)}.task-controls b{color:var(--teal-dark);font-size:8px}.score-select{height:30px;border:1px solid #ebd69b;border-radius:8px;color:#735713;background:#fffbeb;font-size:7px}.side-stack{display:grid;align-content:start;gap:13px}.compact-list{padding:6px 14px}.compact-item{display:flex;align-items:flex-start;gap:8px;padding:10px 0;border-bottom:1px solid #edf1f3}.compact-item:last-child{border-bottom:0}.compact-item i{width:8px;height:8px;flex:0 0 auto;margin-top:3px;border:2px solid var(--teal);border-radius:50%;font-style:normal}.compact-item i.done{background:var(--teal);box-shadow:inset 0 0 0 1px #fff}.compact-item p{margin:0;color:#536675;font-size:8px;line-height:1.7}
.request-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:13px}.mini-kpi{min-height:80px;position:relative;overflow:hidden;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:#fff}.mini-kpi span{color:var(--muted);font-size:8px}.mini-kpi strong{display:block;margin-top:7px;color:var(--navy);font-size:21px}.mini-kpi i{width:62px;height:62px;position:absolute;left:-22px;bottom:-27px;border-radius:50%;background:currentColor;opacity:.14}.mini-kpi.blue{color:var(--blue)}.mini-kpi.amber{color:var(--amber)}.mini-kpi.green{color:var(--green)}.mini-kpi.red{color:var(--red)}.data-table{min-width:900px}.row-actions{display:flex;gap:5px}.row-actions button{min-height:29px;border:1px solid var(--line);border-radius:8px;color:var(--navy);background:#fff;font-size:7px}.row-actions button:first-child{color:var(--teal-dark);background:#eef9f6;border-color:#c8e8df}
.effectiveness-hero{min-height:145px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:13px;padding:22px 25px;overflow:hidden;color:#fff;background:radial-gradient(circle at 15% 20%,rgba(65,205,188,.2),transparent 25%),linear-gradient(135deg,#123b58,#081f31)}.effectiveness-hero h2{margin:8px 0;font-size:19px}.effectiveness-hero p{margin:0;color:#afc3cf;font-size:9px}.effectiveness-hero .eyebrow{color:#59d0c1}.hero-score{min-width:215px;padding:17px 21px;border:1px solid rgba(255,255,255,.1);border-radius:17px;text-align:center;background:rgba(255,255,255,.055)}.hero-score span,.hero-score small{display:block;color:#aac0cc;font-size:8px}.hero-score strong{display:block;margin:5px 0;color:#fff;font-size:32px}.ranking-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin-bottom:13px}.rank-card{min-width:0;position:relative;display:grid;justify-items:center;padding:16px 8px 12px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--soft)}.rank-card.top-1{border-top:3px solid #e6ae3b}.rank-card.top-2{border-top:3px solid #91a3b0}.rank-card.top-3{border-top:3px solid #b67a4f}.rank-card>i{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;color:#fff;font-style:normal;font-size:11px}.rank-card strong,.rank-card small,.rank-card b{display:block;text-align:center}.rank-card strong{margin-top:8px;color:var(--navy);font-size:9px}.rank-card small{margin-top:4px;color:var(--muted);font-size:6px}.rank-card b{margin-top:8px;color:var(--teal-dark);font-size:15px}.rank-number{position:absolute;right:8px;top:7px;color:#9aa7b0;font-size:7px}
.settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:13px}.rules-editor{padding:7px 16px}.rule-row{display:grid;grid-template-columns:12px 90px 1fr 70px;align-items:end;gap:9px;padding:10px 0;border-bottom:1px solid #edf1f3}.rule-color{width:10px;height:38px;border-radius:7px}.rule-row input{width:100%;height:36px;border:1px solid var(--line);border-radius:9px;padding:0 8px;font-size:8px}.rule-row input[type=color]{padding:3px}.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 8px;padding:23px 13px}.preview-grid>div{text-align:center}.preview-grid>div:last-child{grid-column:1/-1}.preview-grid p{margin:8px 0 0;color:var(--muted);font-size:7px}.settings-note{grid-column:1/-1;padding:13px 15px;border:1px solid #bfe1d8;border-radius:12px;color:#49736a;background:#eaf8f5;font-size:8px;line-height:1.8}.settings-footer{display:flex;justify-content:flex-end;padding:13px 16px}
.user-settings{grid-column:1/-1}.user-list{display:grid;grid-template-columns:1fr;gap:0;padding:7px 16px}.user-setting-row{min-height:68px;display:grid;grid-template-columns:34px minmax(120px,.7fr) minmax(190px,1.1fr) minmax(190px,1.1fr) auto;align-items:center;gap:9px;border-bottom:1px solid #edf1f3}.user-setting-row strong,.user-setting-row span{display:block}.user-setting-row strong{color:var(--navy);font-size:9px}.user-setting-row span{margin-top:4px;color:var(--muted);font-size:6px}.user-setting-row input{height:36px;border:1px solid var(--line);border-radius:9px;padding:0 9px;font-size:8px}.user-setting-row button{min-height:34px;padding-inline:10px}
.modal{width:min(710px,calc(100% - 30px));max-height:92vh;padding:0;border:0;border-radius:21px;background:#fff;box-shadow:0 34px 90px rgba(3,20,32,.35);direction:rtl}.modal::backdrop{background:rgba(3,20,32,.66);backdrop-filter:blur(6px)}.modal[open]{animation:modal .25s ease both}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:19px 21px;border-bottom:1px solid var(--line)}.modal-header h2{margin:5px 0 0;color:var(--navy);font-size:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px 22px;max-height:64vh;overflow:auto}.field.wide{grid-column:1/-1}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px 19px;border-top:1px solid var(--line)}.toast{min-width:270px;position:fixed;left:24px;bottom:24px;z-index:120;padding:13px 16px;border-radius:13px;color:#fff;background:#0c2a41;box-shadow:0 18px 44px rgba(5,27,43,.28);font-size:9px;animation:toast .25s ease both}.toast.error{background:#9f3e46}
@keyframes rise{from{opacity:0;transform:translateY(9px)}}@keyframes card{from{opacity:0;transform:translateY(9px) scale(.985)}}@keyframes donut{from{opacity:0;transform:scale(.82) rotate(-15deg)}}@keyframes calendar{from{opacity:0;transform:translateY(-7px) scale(.98)}}@keyframes modal{from{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes toast{from{opacity:0;transform:translateY(12px)}}@keyframes pulse{50%{opacity:.35;transform:scale(.85)}}@keyframes float{to{transform:translateY(-4px)}}
@media (min-width:1001px) and (min-height:680px){.dashboard-page{height:calc(100vh - 72px);overflow:hidden;padding-top:11px;padding-bottom:11px}.dashboard-page .page-heading{min-height:56px;margin-bottom:8px}.dashboard-page .page-heading h1{margin-block:3px;font-size:25px}.dashboard-page .date-trigger{min-height:48px}.dashboard-page .filters{min-height:51px;margin-bottom:8px;padding:6px}.dashboard-page .kpi-grid{margin-bottom:8px}.dashboard-page .kpi-card{min-height:78px;padding:9px 14px}.dashboard-page .kpi-icon{width:37px;height:37px}.dashboard-page .kpi-card strong{font-size:20px}.dashboard-page .dashboard-main{height:242px;margin-bottom:8px}.dashboard-page .dashboard-main>.panel{overflow:hidden}.dashboard-page .panel-header{min-height:52px;padding-block:9px}.dashboard-page .performance-grid{height:190px;padding:7px}.dashboard-page .performance-card{padding-top:1px;padding-bottom:3px}.dashboard-page .performance-card:nth-child(n+5){margin-top:5px;padding-top:8px}.dashboard-page .donut{width:58px;height:58px}.dashboard-page .donut:before{inset:6px}.dashboard-page .donut strong{font-size:12px}.dashboard-page .performance-card>strong{margin-top:4px;font-size:8px}.dashboard-page .performance-card>span{margin-top:2px}.dashboard-page .performance-card>em{margin-top:2px;min-height:10px;line-height:1.3}.dashboard-page .task-feed{padding-block:3px}.dashboard-page .feed-item{padding-block:7px}.dashboard-page .dashboard-lower{height:145px}.dashboard-page .dashboard-lower>.panel{height:145px;overflow:hidden}.dashboard-page .dashboard-lower .table-wrap,.dashboard-page .dashboard-lower .compact-list{height:92px;overflow:auto}.dashboard-page .task-mini-table th{height:29px}.dashboard-page .task-mini-table td{padding-block:6px}}
@media (max-width:1260px){.dashboard-main,.work-grid{grid-template-columns:1fr}.ranking-grid{grid-template-columns:repeat(4,1fr)}.settings-grid{grid-template-columns:1fr}.settings-note{grid-column:auto}.filters{grid-template-columns:1fr 1fr 1fr}.filters input{grid-column:1/-1}}
@media (max-width:1000px){.sidebar{width:76px;padding-inline:11px}.brand>div:last-child,.nav-item>span,.nav-item b,.sidebar-insight,.account-card>div,.account-card button{display:none}.nav-item{grid-template-columns:1fr;justify-items:center;padding:0}.account-card{grid-template-columns:1fr}.avatar{margin:auto}.workspace{width:calc(100% - 76px);margin-right:76px}.performance-grid{grid-template-columns:repeat(3,1fr)}.performance-card:nth-child(4n){border-left:1px solid #edf1f3}.performance-card:nth-child(3n){border-left:0}.performance-card:nth-child(n+4){border-top:1px solid #edf1f3}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-lower{grid-template-columns:1fr}.week-strip{overflow:auto;grid-template-columns:38px repeat(7,105px) 38px}.user-list{grid-template-columns:1fr}}
@media (max-width:720px){.sidebar{display:none}.workspace{width:100%;margin-right:0}.topbar{height:66px;padding:0 13px}.sync-state{display:none}.page{padding:17px 13px 30px}.page-heading{align-items:stretch;flex-direction:column}.date-picker{min-width:0}.calendar{width:min(330px,calc(100vw - 26px));right:0;left:auto}.kpi-grid,.request-kpis{grid-template-columns:1fr 1fr;gap:8px}.kpi-card{min-height:95px;padding:12px}.performance-grid{grid-template-columns:repeat(2,1fr)}.performance-card:nth-child(3n){border-left:1px solid #edf1f3}.performance-card:nth-child(2n){border-left:0}.performance-card:nth-child(n+3){border-top:1px solid #edf1f3}.ranking-grid{grid-template-columns:repeat(2,1fr)}.effectiveness-hero{align-items:stretch;flex-direction:column}.hero-score{min-width:0}.filters{grid-template-columns:1fr}.filters input{grid-column:auto}.toolbar{align-items:stretch;flex-direction:column}.toolbar>div{justify-content:space-between}.work-item{grid-template-columns:30px 1fr}.task-controls{grid-column:2}.settings-grid{grid-template-columns:1fr}.rule-row{grid-template-columns:10px 75px 1fr}.rule-row .rule-color-field{grid-column:2/-1}.user-setting-row{grid-template-columns:34px 1fr auto}.user-setting-row input{grid-column:2/-1}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.toast{right:13px;left:13px;bottom:13px;min-width:0}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}