:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#19233b;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.app-shell{--bg: #f4f7fb;--surface: #fff;--surface-2: #f8faff;--border: #e5eaf2;--text: #19233b;--muted: #71809c;--accent: #326bff;--accent-soft: #eaf0ff;--sidebar: #fff;min-height:100vh;display:flex;background:var(--bg);color:var(--text);transition:background .25s ease,color .25s ease}.app-shell.dark{--bg: #080f1c;--surface: #101b2d;--surface-2: #142238;--border: #253550;--text: #eef4ff;--muted: #93a4c2;--accent: #4d86ff;--accent-soft: #182f62;--sidebar: #0b1424}.sidebar{width:250px;flex:0 0 250px;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:100vh;z-index:50;transition:transform .25s ease,background .25s ease}.brand-row{height:74px;padding:0 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.brand-row strong{display:block;font-size:15px;letter-spacing:.08em}.brand-row span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#fff;font-size:21px;font-weight:800;border-radius:10px;background:linear-gradient(145deg,#5e90ff,#294ee0);box-shadow:0 8px 20px #326bff35}.mobile-close{display:none!important;margin-left:auto!important;color:var(--muted)!important}.workspace-title{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 12px;font-size:13px;font-weight:750}.workspace-title .MuiChip-root{height:20px;color:var(--accent);background:var(--accent-soft);font-size:9px;font-weight:800}.nav-group{padding:7px 12px}.nav-label{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:800;padding:7px 10px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:0;color:var(--muted);background:transparent;padding:11px 12px;border-radius:10px;cursor:pointer;text-align:left;font-size:13px;transition:color .18s ease,background .18s ease,transform .18s ease}.nav-item svg{font-size:19px}.nav-item:hover{color:var(--text);background:var(--surface-2);transform:translate(2px)}.nav-item.active{color:#fff;background:linear-gradient(100deg,#326bff,#4a5be7);box-shadow:0 8px 18px #326bff2c}.nav-item em{margin-left:auto;min-width:21px;padding:2px 5px;text-align:center;border-radius:9px;font-size:10px;font-style:normal;color:var(--accent);background:var(--accent-soft)}.nav-item.active em{color:#fff;background:#ffffff30}.sidebar-bottom{margin-top:auto;padding:12px;border-top:1px solid var(--border)}.preview-note{display:flex;gap:10px;margin:14px 4px 2px;padding:12px;border:1px dashed var(--border);border-radius:12px;color:var(--accent);font-size:11px;line-height:1.5}.preview-note small{color:var(--muted)}.preview-note svg{font-size:18px}.main-shell{flex:1;min-width:0}.topbar{height:74px;display:flex;align-items:center;gap:20px;padding:0 30px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.global-search{max-width:620px;flex:1}.global-search .MuiOutlinedInput-root,.filter-bar .MuiOutlinedInput-root,.config-form .MuiOutlinedInput-root{color:var(--text);background:var(--surface);border-radius:10px}.global-search .MuiOutlinedInput-notchedOutline,.filter-bar .MuiOutlinedInput-notchedOutline,.config-form .MuiOutlinedInput-notchedOutline{border-color:var(--border)}.global-search input::placeholder{color:var(--muted);opacity:1}.global-search kbd{color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:2px 6px;font-size:10px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.top-actions .MuiIconButton-root{color:var(--muted)}.telegram-pill,.admin-profile{display:flex;align-items:center;gap:9px;padding-left:10px;border-left:1px solid var(--border)}.telegram-pill svg{color:#2da8e8;font-size:27px}.telegram-pill b,.telegram-pill small,.admin-profile b,.admin-profile small{display:block}.telegram-pill b,.admin-profile b{font-size:12px}.telegram-pill small{color:#21bf7a;font-size:10px;margin-top:2px}.admin-profile{padding-left:16px}.admin-profile .MuiAvatar-root{width:34px;height:34px;background:#4754db;font-size:13px}.admin-profile small{color:var(--muted);font-size:10px;margin-top:2px}.mobile-menu{display:none!important}.page-content{padding:32px 34px 42px;max-width:1800px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:26px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.08em;font-weight:800;text-transform:uppercase}.page-heading h1{margin:6px 0 5px;font-size:clamp(24px,2.2vw,32px);letter-spacing:-.04em}.page-heading p{margin:0;color:var(--muted);font-size:13px}.date-button,.page-heading .MuiButton-root{min-height:40px;border-color:var(--border);color:var(--text);white-space:nowrap}.date-button svg{font-size:17px;margin-left:8px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.kpi-card,.panel,.product-card,.mini-stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.kpi-card:hover,.product-card:hover,.mini-stat:hover{transform:translateY(-2px);border-color:#6d90e955;box-shadow:0 10px 28px #0c1c3812}.kpi-card{min-height:136px;padding:18px;display:flex;gap:13px;align-items:flex-start;position:relative;overflow:hidden}.kpi-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;flex:0 0 auto}.kpi-icon svg{font-size:22px}.kpi-icon.green{background:#dff7ea;color:#16a56c}.kpi-icon.orange{background:#fff0d6;color:#f0a31a}.kpi-icon.blue{background:#e4efff;color:#327cff}.dark .kpi-icon.green{background:#143c36}.dark .kpi-icon.orange{background:#46351a}.dark .kpi-icon.blue{background:#17335d}.kpi-copy span,.kpi-copy small{display:block;color:var(--muted);font-size:11px}.kpi-copy strong{display:block;margin:8px 0 6px;font-size:21px;letter-spacing:-.03em}.kpi-copy small{color:#efaa22}.kpi-copy small.positive{color:#19b978}.kpi-arrow{position:absolute;top:18px;right:13px;color:var(--muted);font-size:18px!important}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.85fr);gap:18px;margin-bottom:18px}.lower-grid{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)}.panel{padding:18px;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.panel-title>div{display:flex;align-items:center;gap:9px}.panel-title>div>svg{color:var(--accent);font-size:20px}.panel-title h2{margin:0;font-size:15px;letter-spacing:-.015em}.link-button{border:0;background:transparent;color:var(--accent);cursor:pointer;display:flex;align-items:center;gap:2px;font-size:11px}.link-button svg{font-size:16px}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.table-wrap th{color:var(--muted);text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;padding:11px 9px;background:var(--surface-2);white-space:nowrap}.table-wrap td{color:var(--text);font-size:12px;padding:12px 9px;border-bottom:1px solid var(--border);white-space:nowrap}.table-wrap tbody tr{cursor:pointer;transition:background .15s ease}.table-wrap tbody tr:hover{background:var(--surface-2)}.table-wrap td:first-child small,.table-wrap td:first-child b{display:block}.table-wrap td:first-child small{color:var(--muted);font-size:10px;margin-top:3px}.table-wrap td .MuiChip-root{font-size:10px;height:24px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--accent)!important;font-size:11px!important}.provider-list{display:grid;gap:14px}.provider-row{display:flex;align-items:center;gap:11px}.provider-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);border-radius:9px}.provider-icon svg{font-size:18px}.provider-info{flex:1;min-width:0;position:relative}.provider-info>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.provider-info strong{font-size:11px}.provider-info strong.blue{color:#55a0ff}.provider-info strong.green{color:#25cf8b}.provider-info strong.orange{color:#f3b62e}.provider-info strong.red{color:#ff6969}.progress-track{height:7px;border-radius:10px;background:var(--border);overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit}.progress-track .blue{background:#3f9bff}.progress-track .green{background:#2ac887}.progress-track .orange{background:#f4b92d}.progress-track .red{background:#ff6e6e}.provider-info small{position:absolute;right:0;top:37px;color:var(--muted);font-size:10px}.provider-alert{display:flex;align-items:center;gap:9px;margin-top:20px;padding:11px;border:1px solid #d95b5b62;background:#da5c5c13;border-radius:10px;color:#fa7878}.provider-alert>svg:first-child{font-size:20px}.provider-alert>div{flex:1}.provider-alert b,.provider-alert small{display:block}.provider-alert b{font-size:11px}.provider-alert small{color:var(--muted);font-size:10px;margin-top:3px}.provider-alert>svg:last-child{font-size:16px}.timeline{display:grid;gap:0}.timeline-row{display:grid;grid-template-columns:40px 18px 1fr;gap:10px;min-height:53px;position:relative}.timeline-row:not(:last-child):after{content:"";position:absolute;left:48px;top:16px;bottom:0;width:1px;background:var(--border)}.timeline-row time{color:var(--muted);font-size:10px;padding-top:1px}.timeline-dot{width:9px;height:9px;border-radius:99px;display:block;margin-top:3px;z-index:1;border:2px solid var(--surface);box-sizing:content-box}.timeline-dot.green{background:#29c788}.timeline-dot.blue{background:#438bff}.timeline-dot.red{background:#ff6e6e}.timeline-dot.purple{background:#a875ff}.timeline-dot.orange{background:#f5b82d}.timeline-row b,.timeline-row small{display:block}.timeline-row b{font-size:11px}.timeline-row small{color:var(--muted);font-size:10px;margin-top:4px}.telegram-head{display:flex;align-items:center;gap:10px;padding:9px;background:var(--surface-2);border-radius:11px}.telegram-big{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#2da8e8;color:#fff}.telegram-big svg{font-size:21px}.telegram-head>div:nth-child(2){flex:1}.telegram-head b,.telegram-head small{display:block}.telegram-head b{font-size:12px}.telegram-head small{color:#20bc7a;margin-top:3px;font-size:10px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.dot.green{background:#20c383}.notification-items{margin-top:13px;display:grid;gap:5px}.notification-item{display:flex;align-items:flex-start;gap:10px;padding:9px 3px;border-bottom:1px solid var(--border)}.notification-item>div{flex:1}.notification-item b,.notification-item small{display:block}.notification-item b{font-size:11px}.notification-item small{color:var(--muted);font-size:10px;margin-top:3px}.filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:18px}.filter-bar>.MuiTextField-root{max-width:430px}.filter-bar .MuiSelect-select{color:var(--text);font-size:13px}.page-panel{padding:0;overflow:hidden}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 19px;border-bottom:1px solid var(--border)}.table-toolbar>div:first-child span{color:var(--muted);font-size:11px}.toolbar-chips{display:flex;gap:6px}.toolbar-chips .MuiChip-root{color:var(--muted);border-color:var(--border);font-size:10px}.toolbar-chips .MuiChip-colorPrimary{color:#fff;border:0}.page-panel .table-wrap td,.page-panel .table-wrap th{padding-left:18px;padding-right:18px}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{padding:18px}.product-card-top,.product-meta{display:flex;align-items:center;justify-content:space-between}.product-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--accent);border-radius:11px;background:var(--accent-soft)}.product-card .MuiChip-root{font-size:10px;height:23px}.product-card h3{margin:21px 0 7px;font-size:15px}.product-card p{color:var(--muted);font-size:11px;min-height:32px;margin:0 0 17px}.product-card>strong{font-size:20px;letter-spacing:-.03em}.product-meta{margin-top:17px;padding-top:14px;border-top:1px solid var(--border);color:var(--muted);font-size:10px}.product-meta span{display:flex;align-items:center;gap:5px}.product-meta svg{color:#22bb7c;font-size:15px}.generic-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.mini-stat{padding:18px;display:grid;grid-template-columns:39px 1fr;column-gap:12px;align-items:center}.mini-stat-icon{grid-row:span 3;width:39px;height:39px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);border-radius:10px}.mini-stat span{color:var(--muted);font-size:11px}.mini-stat strong{font-size:22px;margin:5px 0}.mini-stat small{color:#22bb7c;font-size:10px}.placeholder-panel{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.placeholder-icon{width:54px;height:54px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);border-radius:15px}.placeholder-icon svg{font-size:28px}.placeholder-panel h2{margin:16px 0 5px;font-size:18px}.placeholder-panel p{max-width:520px;color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 18px}.config-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}.config-nav{display:grid;align-content:start;gap:4px}.config-nav button{display:flex;justify-content:space-between;align-items:center;color:var(--muted);border:0;background:transparent;padding:12px 13px;border-radius:9px;cursor:pointer;text-align:left;font-size:12px}.config-nav button.active,.config-nav button:hover{color:var(--accent);background:var(--accent-soft)}.config-nav svg{font-size:17px}.config-form .panel-title{margin-bottom:23px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-bottom:24px}.config-form .MuiInputLabel-root{color:var(--muted)}.config-form .MuiInputLabel-root.Mui-focused{color:var(--accent)}.config-form .MuiInputBase-input{color:var(--text);font-size:13px}.config-form .MuiAlert-root{background:var(--surface-2);color:var(--muted);border:1px solid var(--border);font-size:11px}.drawer-backdrop,.mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020817a6;z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.order-drawer{position:fixed;top:0;right:0;width:min(470px,100vw);height:100vh;overflow-y:auto;padding:26px;background:var(--surface);border-left:1px solid var(--border);z-index:50;box-shadow:-20px 0 50px #02081735;animation:slideIn .25s ease}.drawer-header,.drawer-status,.detail-value,.detail-grid>div:first-child,.udid-box>div:first-child,.warranty-box>div:first-child{display:flex;align-items:center;justify-content:space-between}.drawer-header h2{margin:5px 0 0;font-size:28px}.drawer-header .MuiIconButton-root{color:var(--muted)}.drawer-status{margin:12px 0 22px}.drawer-status span{color:var(--muted);font-size:11px}.detail-card,.udid-box,.warranty-box{padding:15px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);margin-bottom:14px}.detail-label,.detail-grid span,.udid-box span,.warranty-box small{color:var(--muted);font-size:10px}.detail-value{justify-content:flex-start;gap:10px;margin-top:10px}.detail-value .MuiAvatar-root{width:33px;height:33px;background:#4754db;font-size:12px}.detail-value b,.detail-value small{display:block}.detail-value small{color:var(--muted);font-size:10px;margin-top:3px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:4px 2px 18px}.detail-grid b{display:block;font-size:12px;margin-top:5px}.udid-box code{display:block;color:var(--accent);font-size:11px;word-break:break-all;margin-top:8px}.warranty-box strong{color:#22bb7c;font-size:11px}.warranty-box .progress-track{margin:12px 0 8px}.drawer-section{padding:7px 0 18px}.drawer-section h3{font-size:12px;margin:0 0 11px}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drawer-actions .MuiButton-root{justify-content:flex-start;color:var(--text);border-color:var(--border);font-size:10px}.drawer-actions .MuiButton-colorError{color:#ef6868}.drawer-section .notification-item{padding-left:0}@keyframes slideIn{0%{transform:translate(20px);opacity:.5}to{transform:translate(0);opacity:1}}@media(max-width:1200px){.kpi-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.topbar{padding:0 22px}.page-content{padding:28px 22px 36px}}@media(max-width:800px){.sidebar{position:fixed;left:0;top:0;transform:translate(-102%);box-shadow:20px 0 50px #0208173d}.sidebar.mobile-open{transform:translate(0)}.mobile-close{display:inline-flex!important}.mobile-menu{display:inline-flex!important;color:var(--muted)!important}.topbar{gap:10px;padding:0 15px}.global-search{max-width:none}.top-actions{gap:0}.telegram-pill,.admin-profile>span,.admin-profile>svg{display:none}.admin-profile{border-left:0;padding-left:4px}.page-content{padding:24px 15px 30px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading .MuiButton-root{align-self:stretch}.filter-bar{flex-wrap:wrap}.filter-bar>.MuiTextField-root{max-width:none;flex:1 1 100%}.filter-bar>.MuiSelect-root{flex:1}.config-layout{grid-template-columns:1fr}.config-nav{display:flex;overflow-x:auto}.config-nav button{white-space:nowrap}.config-nav svg{display:none}.form-grid{grid-template-columns:1fr}}@media(max-width:540px){.kpi-grid,.card-grid,.generic-card-grid{grid-template-columns:1fr}.kpi-card{min-height:114px}.panel{padding:14px}.panel-title{align-items:flex-start}.panel-title h2{font-size:14px}.table-toolbar{align-items:flex-start;flex-direction:column;padding:14px}.toolbar-chips{flex-wrap:wrap}.topbar{height:64px}.page-heading h1{font-size:25px}.order-drawer{padding:20px}.drawer-actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}