:root{--ink:#172b46;--muted:#61738a;--green:#1766df;--line:#e2e9f2;--bg:#f4f7fc;--soft:#eaf2ff;--cyan:#03aabc;--nav:#0d2038;--radius:18px}
body{font-size:15px;line-height:1.7;background:var(--bg)}.ui-icon{flex-shrink:0;vertical-align:middle}.skip-link{position:absolute;top:-100px;right:20px;z-index:99;background:#fff;padding:12px 22px;border:2px solid var(--green)}.skip-link:focus{top:12px}a,button,input,select{transition:background .18s,border-color .18s,box-shadow .18s}a:focus-visible,button:focus-visible{outline:3px solid #079daa;outline-offset:4px}button,input,select{min-height:44px}button{touch-action:manipulation}
.app-sidebar{width:256px;padding:28px 20px;background:var(--nav);color:#e8f0fa;border:0;overflow-y:auto}.brand{gap:10px;font-size:22px;letter-spacing:-.5px}.brand img{width:56px;height:56px;object-fit:contain}.brand b{display:block;line-height:1.4;white-space:nowrap;font:750 23px Arial,sans-serif;letter-spacing:-.8px}.brand small{font-size:11px;color:#adc0d6;margin-top:6px;letter-spacing:0}.nav-label{margin:38px 14px 12px;color:#8fa8c1;font-size:11px}.app-sidebar nav a{color:#b9c9dd;min-height:50px;padding:12px 14px;gap:12px;font-size:13px;margin:6px 0;border-radius:11px}.app-sidebar nav a.selected{background:#1d3858;color:#fff;box-shadow:inset -3px 0 #29d1d6}.app-sidebar nav a.selected .ui-icon{color:#48dbe0}.app-sidebar nav a:hover{background:#18334f;color:#fff}.sidebar-workspace{margin:30px 4px 0;border-top:1px solid #29405a;padding-top:24px;display:flex;align-items:center;gap:12px}.workspace-icon{width:40px;height:40px;background:#1b3650;color:#63d9df;border-radius:11px;display:grid;place-items:center}.sidebar-workspace strong{font-size:12px}.sidebar-workspace small{display:block;font-size:10px;color:#9bb1c9;margin-top:3px}.integration{margin-top:25px;padding:16px 13px;background:#122b44;border:1px solid #29435d;border-radius:13px}.connection-title{display:flex;align-items:center;gap:7px}.integration strong{font-size:12px}.connection-label{font-size:10px;margin-right:auto;color:#b9cbdf}.integration p{font-size:11px;color:#a8bcd2;margin:12px 0}.integration a{font-size:11px;color:#6de1e5;display:flex;justify-content:space-between;align-items:center;min-height:34px}.integration a .ui-icon{width:16px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot.online{background:#1eaf87;box-shadow:0 0 0 3px #1eaf8715}.status-dot.offline{background:#d59036}.aside-bottom{padding:35px 12px 0;color:#8ea7c0}.tiny-brand{font:800 11px Arial,sans-serif;letter-spacing:2px;color:#6d91b6}.tiny-brand span{color:#3ec9d3}.aside-bottom small{font-size:10px;margin-top:8px}.app-header{height:80px;padding:0 34px;background:#ffffffd9}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px}.breadcrumb>.ui-icon{width:17px;color:#93a5bb}.breadcrumb span{margin:0;color:var(--muted)}.breadcrumb i{font-style:normal;color:#c4cfdd}.breadcrumb strong{font-weight:500;color:#294360}.profile{font-size:12px;gap:11px}.profile small{font-size:10px}.avatar{color:#1766df;background:#e7f0ff;width:38px;height:38px}.logout-btn{border:1px solid var(--line);border-radius:10px;width:40px;margin-right:8px;color:#698098;display:grid;place-items:center}.logout-btn .ui-icon{width:18px}.content{max-width:1600px;padding:30px 34px 20px}.panel{border-radius:var(--radius);padding:24px;border-color:var(--line);box-shadow:0 3px 10px #19325603}.primary{background:#1766df;border-radius:10px;padding:10px 17px;font-size:13px;box-shadow:0 4px 10px #1766df1b}.primary:hover{background:#1155c0}.secondary{border-radius:10px;font-size:13px;border-color:#d7e4f5;color:#205b9f}.secondary:hover{background:#edf5ff}.muted{font-size:13px}.section-heading h2{font-size:17px}.badge{font-size:11px;padding:5px 9px;border-radius:7px;background:#eef2f7;color:#4c6380}.badge-dot{display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%;margin-left:5px}.badge.draft,.badge.pending{background:#fff5e3;color:#8b5b08}.badge.approved,.badge.received{background:#eaf2ff;color:#235fba}.badge.preparing{background:#f0edff;color:#6450b2}.badge.dispatched{background:#eaf7fe;color:#196d96}.badge.delivered,.badge.confirmed{background:#e5f7f1;color:#147960}.badge.cancelled{background:#feecec;color:#a84747}input,select{font-size:13px;min-height:44px;border-color:#dbe5f0;border-radius:9px}input:focus,select:focus{outline:2px solid #9ed3fc;border-color:var(--green)}label{font-size:12px}td{font-size:13px}th{font-size:12px}.shell > main > footer{padding:18px 34px;color:#6c8099;font-size:11px}.notice{background:#e8f7f3;color:#146752;border-color:#c2e4d9}.soft-note{background:#edf4ff;border-color:#d5e5fa;color:#466c98}.order-layout{grid-template-columns:minmax(0,1fr) 320px}
.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.overline{font-size:11px;font-weight:600;color:#627998}.overline span{margin:0 7px;color:#b4c3d6}.dashboard-heading h1{font-size:29px;letter-spacing:-.8px;margin:7px 0 5px}.dashboard-heading p{color:var(--muted);font-size:12px;margin:0}.period-form{flex-shrink:0}.period-form>label{font-size:10px;color:var(--muted);margin:0 3px 7px}.period-form>div{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:0 12px;color:#526e90}.period-form select{border:0;background:transparent;width:200px;padding:9px 0}.period-go{display:none}
.welcome-banner{position:relative;isolation:isolate;overflow:hidden;display:flex;min-height:245px;border-radius:21px;margin-bottom:25px;background:linear-gradient(108deg,#e5f1ff 0%,#eaf7fc 58%,#ecfbfc 100%);border:1px solid #d5e9f3}.welcome-copy{padding:27px 30px;width:58%;position:relative;z-index:2}.banner-tag{font:700 10px Arial,sans-serif;letter-spacing:2px;color:#2b7ca0}.welcome-copy h2{font-size:25px;font-weight:750;line-height:1.75;margin:10px 0 6px;color:#123954}.welcome-copy p{font-size:12px;color:#50768e;max-width:510px;margin:0 0 12px}.banner-link{display:inline-flex;gap:10px;align-items:center;font-size:12px;font-weight:700;color:#14738c;min-height:36px}.banner-link .ui-icon{width:17px}.banner-art{width:38%;position:relative;display:flex;align-items:center;justify-content:center;min-height:245px}.banner-art img{width:224px;height:224px;object-fit:contain;position:relative;filter:drop-shadow(0 12px 15px #2865a321);z-index:1}.art-orbit{position:absolute;width:240px;height:240px;border:1px solid #bee6eb;border-radius:50%;box-shadow:0 0 0 25px #d3f1f340,0 0 0 55px #d7ecfa40}.art-caption{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:10px;color:#4c7c99}.banner-date{position:absolute;top:20px;left:24px;display:flex;align-items:center;gap:8px;color:#51819c;z-index:3;font-size:9px}.banner-date .ui-icon{width:16px}.banner-date strong{display:block;font:600 11px Arial,sans-serif;color:#2d5676;margin-top:3px}
.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:27px}.metric-card{border:1px solid var(--line);border-radius:15px;background:#fff;text-align:right;padding:18px 20px;color:var(--ink);min-width:0;position:relative;box-shadow:0 3px 10px #1b426504}.metric-card:hover{border-color:#a7c8ed;box-shadow:0 4px 15px #1b42650b}.metric-card.is-active{border-color:#1766df;box-shadow:0 0 0 2px #1766df12}.metric-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;color:#536c87}.metric-label .ui-icon{width:32px;height:32px;padding:7px;border-radius:9px;background:#edf2f9;color:#567499}.amber-card .metric-label .ui-icon{background:#fff3df;color:#ac7b20}.blue-card .metric-label .ui-icon{background:#eaf1ff;color:#3b76d6}.teal-card .metric-label .ui-icon{background:#e6f8f3;color:#259278}.metric-card>strong{font:650 34px Arial,sans-serif;display:block;margin:14px 0 14px;letter-spacing:-1px}.metric-foot{display:block;font-size:10px;color:#647890;line-height:1.7}.metric-foot>span{display:flex;align-items:center;justify-content:space-between;margin-top:12px;border-top:1px solid #eff3f8;padding-top:10px;color:#617895;font-weight:600}.metric-foot .ui-icon{width:15px;height:15px}.amber-card .metric-foot>span{color:#916608}.blue-card .metric-foot>span{color:#2c69c7}.teal-card .metric-foot>span{color:#188165}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:23px;align-items:start}.orders-panel{padding:23px 0 0;overflow:hidden}.orders-panel>.section-heading,.orders-panel>.table-tools{padding:0 22px}.section-kicker{color:#6e849e;font-size:10px;margin-bottom:4px}.count-chip{font:600 11px Arial,sans-serif;background:#edf3fb;color:#4e759c;border-radius:6px;padding:4px 7px;display:inline-block;margin-right:5px}.create-order{gap:8px}.create-order select{width:145px;font-size:11px}.create-order button{font-size:11px;padding:9px 12px;gap:5px}.create-order .ui-icon{width:16px}.table-tools{gap:10px;margin-bottom:19px}.search-field,.filter-field{display:flex;align-items:center;gap:8px;border:1px solid #e0e8f2;border-radius:9px;background:#f9fbfe;padding:0 10px;min-width:0}.search-field{flex:1}.search-field .ui-icon,.filter-field .ui-icon{width:16px;color:#8da1ba}.search-field input,.filter-field select{border:0;box-shadow:none;background:transparent;font-size:11px;min-height:42px}.filter-field select{min-width:125px;padding:7px 0;max-width:165px}.search-field:focus-within,.filter-field:focus-within{outline:2px solid #aed6fb}.search-field input:focus,.filter-field select:focus{outline:0}.orders-table th{background:#f6f9fd;font-size:10px;font-weight:600;color:#6c829d;padding:13px 16px}.orders-table td{padding:19px 16px;font-size:11px}.orders-table tbody tr:hover{background:#fbfdff}.order-identity{display:flex;align-items:center;gap:10px}.pharmacy-avatar{display:grid;place-items:center;width:34px;height:36px;border-radius:9px;background:#eef4fd;color:#5388bc}.pharmacy-avatar .ui-icon{width:18px}.order-identity strong{font-size:12px;font-weight:600}.orders-table td small{font-size:10px;color:#72869d;margin-top:5px}.order-identity small b{font:500 10px Arial,sans-serif}.order-date{font:500 11px Arial,sans-serif;color:#607c9b}.orders-table .badge{font-size:9px}.row-action{width:32px;height:38px;border:1px solid #dfe8f3;border-radius:9px;color:#547695;display:grid;place-items:center;min-width:32px}.row-action .ui-icon{width:15px}.row-action:hover{background:var(--soft);color:var(--green)}.table-footer{display:flex;justify-content:space-between;padding:15px 22px;border-top:1px solid var(--line);font-size:10px;color:#6e849d;background:#fbfcff}.filtered-empty{text-align:center;padding:35px 20px;color:#61778e}.filtered-empty>svg{width:28px;height:28px}.filtered-empty p{font-size:12px}.orders-panel .empty{padding:65px 24px}.orders-panel .empty>.ui-icon{width:48px;height:48px;background:#edf4fc;padding:12px;border-radius:14px;color:#7196bf}.orders-panel .empty h3{color:#385879}.orders-panel .empty small{font-size:11px}
.dashboard-side>.panel{padding:21px;margin-bottom:19px}.distribution-panel .section-heading>.ui-icon{color:#92a8bd;width:18px}.distribution-total{display:flex;align-items:baseline;gap:9px;margin:10px 0 15px}.distribution-total>strong{font:650 31px Arial,sans-serif}.distribution-total>span{font-size:10px;color:#778aa1}.distribution-track{height:8px;border-radius:20px;background:#edf1f8;display:flex;gap:3px;overflow:hidden;margin-bottom:17px}.segment{min-width:4px}.stage-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.segment.draft,.stage-dot.draft{background:#e6b056}.segment.approved,.stage-dot.approved{background:#4387e0}.segment.preparing,.stage-dot.preparing{background:#8c78d7}.segment.dispatched,.stage-dot.dispatched{background:#48aacc}.segment.delivered,.stage-dot.delivered{background:#3aaa91}.segment.cancelled,.stage-dot.cancelled{background:#ce8791}.stage-list{display:grid;gap:1px}.stage-list>button{display:flex;align-items:center;justify-content:space-between;min-height:34px;border:0;background:transparent;padding:6px 0;font-size:11px;color:#4e6781;text-align:right}.stage-list>button:hover{color:#1766df}.stage-list>button>span{display:flex;gap:9px;align-items:center}.stage-list strong{font:600 12px Arial,sans-serif;color:#294567}.attention-panel h2{font-size:14px}.attention-item{display:flex;align-items:center;gap:8px;padding:13px 0;border-top:1px solid var(--line)}.attention-symbol{width:30px;height:30px;border-radius:8px;background:#fff3dd;color:#ae802c;display:grid;place-items:center}.attention-symbol .ui-icon{width:16px}.attention-item>div{flex:1}.attention-item strong{font-size:11px}.attention-item small{display:block;font-size:10px;color:#6c8095;margin-top:4px}.attention-item>.ui-icon{width:14px;color:#8aa3be}.calm-empty{display:flex;align-items:center;gap:12px;padding:10px 0}.calm-empty>.ui-icon{color:#259579;width:24px;height:24px}.calm-empty p{font-size:11px;margin:0;color:#4c6d81}.calm-empty small{font-size:10px;color:#7d91a7}.telegram-note{padding:22px;background:#e8f4f8;border:1px solid #d5e9ee;border-radius:16px;margin-bottom:22px}.telegram-note-icon{width:34px;height:34px;background:#fff;border-radius:10px;color:#278caa;display:grid;place-items:center}.telegram-note h3{font-size:13px;color:#215e7b;margin-top:12px}.telegram-note p{font-size:11px;color:#557e94;margin-bottom:11px}.telegram-note a{display:flex;align-items:center;justify-content:space-between;min-height:36px;font-size:11px;color:#196f99;font-weight:600}.telegram-note a .ui-icon{width:16px}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.notification{font-size:12px;padding:15px 0}.notification-icon{background:#eef4fc;color:#5a83b1;padding:9px}.notification small{font-size:10px}.notification>.ui-icon{width:15px;color:#7d99b7}.dashboard-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#7188a0;padding:4px 0 8px}.dashboard-bottom .status-dot{margin-left:5px;width:6px;height:6px}.dashboard-bottom b{font-weight:500}.activity-panel{margin-top:0}
@media(min-width:1600px){.content{padding:35px 45px}.dashboard-columns{grid-template-columns:minmax(0,1fr) 305px}.welcome-banner{min-height:260px}.banner-art img{width:250px;height:250px}.metric-foot{display:flex;justify-content:space-between;gap:10px;align-items:center}.metric-foot>span{margin:0;border:0;padding:0;gap:10px}}
@media(max-width:1250px){.app-sidebar{width:230px;padding:25px 15px}.brand b{font-size:20px}.brand img{width:48px;height:48px}.content{padding:26px 24px}.app-header{padding:0 24px}.dashboard-columns{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:1fr 1fr 1fr;gap:17px}.dashboard-side>.panel,.telegram-note{margin:0}.metric-card{padding:17px 15px}.welcome-copy{width:61%}.banner-art{width:36%}.banner-art img{width:200px;height:200px}.banner-date{left:14px;top:15px}.activity-panel{margin-top:24px}.order-layout{grid-template-columns:minmax(0,1fr) 280px}.dashboard-heading h1{font-size:26px}.dashboard-side .section-heading{flex-wrap:nowrap}}
@media(max-width:800px){.app-sidebar{position:static;width:100%;height:auto;padding:14px 18px;background:var(--nav)}.brand img{width:44px;height:44px}.brand b{font-size:21px}.brand small{font-size:10px}.app-sidebar nav{display:flex;margin-top:12px;gap:7px;flex-wrap:wrap}.app-sidebar nav a{margin:0;font-size:11px;min-height:44px;padding:10px 12px;flex:1;justify-content:center;white-space:nowrap}.app-sidebar nav a .ui-icon{width:16px;height:16px}.sidebar-workspace,.integration,.aside-bottom,.nav-label{display:none}.app-header{height:65px;padding:0 20px}.breadcrumb{gap:8px;font-size:10px}.breadcrumb>.ui-icon{display:none}.profile>div{font-size:11px}.profile .avatar{width:32px;height:32px}.logout-btn{width:34px;margin:0}.content{padding:23px 18px}.dashboard-heading{gap:16px;margin-bottom:20px;align-items:start}.dashboard-heading h1{font-size:24px}.dashboard-heading p{font-size:11px}.period-form select{width:160px;font-size:11px}.metrics-grid{grid-template-columns:1fr 1fr;gap:13px}.metric-foot>span{margin-top:9px}.welcome-banner{min-height:230px}.welcome-copy{width:65%;padding:23px}.welcome-copy h2{font-size:22px}.welcome-copy p{font-size:11px}.banner-art{width:35%}.banner-art img{width:185px;height:185px}.banner-date{display:none}.art-orbit{width:180px;height:180px}.art-caption{display:none}.dashboard-side{grid-template-columns:1fr 1fr}.telegram-note{grid-column:1/-1;display:none}.orders-panel>.section-heading{flex-wrap:wrap}.order-layout{grid-template-columns:1fr}.dashboard-bottom{flex-wrap:wrap}.activity-grid{grid-template-columns:1fr}.shell > main > footer{padding:18px}.row-action{min-width:44px;min-height:44px}.stage-list>button{min-height:44px}.attention-item{min-height:54px}.banner-link{min-height:44px}}
@media(max-width:520px){.dashboard-heading{flex-wrap:wrap}.period-form{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.period-form>label{margin:0;font-size:11px}.period-form>div{padding:0 10px}.period-form select{width:183px}.welcome-copy{width:70%;padding:20px 18px}.welcome-copy h2{font-size:19px}.welcome-copy p{font-size:10px;max-width:210px}.welcome-banner{min-height:225px;border-radius:17px}.banner-art{position:absolute;left:-14px;bottom:17px;width:140px;min-height:150px;opacity:.9}.banner-art img{width:145px;height:145px}.art-orbit{width:140px;height:140px}.banner-tag{font-size:9px}.welcome-copy .banner-link{font-size:11px}.metrics-grid{gap:10px}.metric-card{padding:14px 13px}.metric-label{font-size:11px}.metric-label .ui-icon{width:28px;height:28px;padding:6px}.metric-card>strong{font-size:30px;margin:10px 0}.metric-foot{font-size:9px}.metric-foot>span{font-size:10px}.dashboard-side{grid-template-columns:1fr}.distribution-panel .stage-list{grid-template-columns:1fr 1fr;gap:3px 20px}.orders-panel>.section-heading,.orders-panel>.table-tools{padding:0 16px}.orders-panel>.table-tools{flex-direction:column}.filter-field select{width:100%;max-width:none}.search-field input{max-width:none}.create-order{width:100%;justify-content:space-between}.create-order select{flex:1;width:auto}.create-order .primary{font-size:12px}.orders-table thead{display:none}.orders-table,.orders-table tbody{display:block}.orders-table tr{display:grid;grid-template-columns:1fr auto;gap:7px 10px;padding:18px 16px;border-top:1px solid var(--line)}.orders-table td{display:block;border:0!important;padding:0}.orders-table td:nth-child(1){grid-column:1;grid-row:1}.orders-table td:nth-child(2){grid-column:1;grid-row:2;padding-right:44px}.orders-table td:nth-child(3){grid-column:1;grid-row:3;padding-right:44px;display:flex;gap:8px;align-items:center}.orders-table td:nth-child(3) small{margin:0}.orders-table td:nth-child(4){grid-column:2;grid-row:1}.orders-table td:nth-child(5){grid-column:2;grid-row:2/4;justify-self:end;align-self:center}.order-identity small span{display:none}.orders-table .badge{font-size:9px;max-width:140px;white-space:normal}.table-footer{font-size:10px}.profile{gap:6px}.profile small{font-size:9px}.breadcrumb>span,.breadcrumb i{display:none}.app-sidebar nav a{gap:6px;padding:9px 7px;font-size:10px}.dashboard-bottom{font-size:10px}.dashboard-heading h1{font-size:24px}.attention-panel .section-heading{flex-wrap:nowrap}}
.metric-foot,.section-kicker,.table-footer,.dashboard-bottom,.notification small,.orders-table td small,.distribution-total>span,.attention-item small,.calm-empty small,.orders-table th{color:#58708d}.welcome-copy p,.banner-date,.art-caption{color:#3f657e}.metric-label{color:#48617d}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.item-form label:has(textarea),.form-stack label:has(textarea){display:block;width:100%;text-align:right}
.item-form textarea,.form-stack textarea{display:block;width:100%;min-height:110px;margin-top:8px;padding:12px 14px;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;background:var(--surface,#fff);color:var(--ink);font:inherit;line-height:1.7;resize:vertical;text-align:right;direction:rtl}
.item-form textarea:focus,.form-stack textarea:focus{outline:2px solid var(--green);outline-offset:2px}
[data-theme="dark"] .item-form textarea,[data-theme="dark"] .form-stack textarea{background:#1c232d;color:var(--ink)}