:root {
 color-scheme:light; --bg:#f5f7f8; --bg-elev:#fff; --bg-panel:#fff; --bg-soft:#f4f6f7;
 --line:#e1e7e8; --text:#1b3035; --muted:#64777b; --accent:#187c68; --accent-2:#136c5b; --accent-soft:#e9f5f0;
 --danger:#b93f3f; --warn:#916114; --ok:#18734e; --shadow:0 16px 60px #1632361c; --radius:12px;
 --font:"Segoe UI",system-ui,-apple-system,sans-serif; --mono:ui-monospace,Consolas,monospace;
}
body{font-size:14px;-webkit-font-smoothing:antialiased}button,a,input,select,textarea{touch-action:manipulation}
button:focus-visible,a:focus-visible{outline:3px solid #42b9a1;outline-offset:3px}a{text-underline-offset:3px}
.app-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh}
.sidebar{background:#142a2b;color:#e7eeee;padding:28px 16px 16px;border:0;gap:22px;overflow-y:auto;z-index:30}
.sidebar-brand{padding:0 8px;text-decoration:none;color:#fff;gap:11px}.brand-mark{width:38px;height:38px;border-radius:11px;flex-shrink:0;background:#265344;color:#b4e5c3}.brand-mark svg{width:22px;height:22px}
.brand-title{font-size:16px;letter-spacing:-.3px;display:block;line-height:1.35}.brand-sub{display:block;color:#9bb1b1;font-size:11px;margin-top:4px;letter-spacing:.3px}
.sidebar-search{display:flex;align-items:center;gap:8px;background:#ffffff07;border:1px solid #ffffff20;border-radius:8px;padding:10px;color:#b9c9c8;font-size:12px;cursor:pointer;text-align:left}.sidebar-search kbd{margin-left:auto;font:10px var(--font);color:#92a9a8;border:1px solid #ffffff22;border-radius:3px;padding:1px 3px;white-space:nowrap}
[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[data-icon] svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.nav-list{display:flex;flex-direction:column;gap:4px;flex:1}.nav-btn{display:flex;align-items:center;gap:11px;padding:11px 12px;min-height:42px;color:#bbcaca;font-weight:400;border-radius:7px;text-decoration:none;font-size:12.5px;line-height:1.35}.nav-btn:hover{background:#ffffff09;color:#fff}.nav-btn.active{background:#2d5145;color:#def3e4;font-weight:600}.nav-btn.active [data-icon]{color:#9ed9b0}
.nav-label{font-size:10px;font-weight:600;color:#8da6a5;letter-spacing:1px;text-transform:uppercase;margin:20px 12px 7px}.external-mark{margin-left:auto;color:#94abaa;font-size:14px}.nav-count{margin-left:auto;background:#a33f3f;color:#fff;border-radius:5px;min-width:19px;text-align:center;padding:1px 4px;font-size:10px}
.sidebar-foot{padding:16px 8px 0;border-top:1px solid #ffffff15;gap:18px}.sidebar-user{display:flex;align-items:center;gap:10px;font-size:12px;min-width:0}.sidebar-user>div{min-width:0;overflow-wrap:anywhere}.user-avatar{width:34px;height:34px;border-radius:50%;background:#354c47;color:#def1de;display:grid;place-items:center;font-weight:600;flex-shrink:0}.sidebar-meta{font-size:11px;color:#9bb1b1;margin-top:3px}.sidebar-logout{background:none;border:0;display:flex;gap:9px;align-items:center;color:#a5baba;font-size:11px;cursor:pointer;padding:0 0 2px}
.workspace-frame{min-width:0}.workspace-header{height:73px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;gap:12px}.header-leading,.header-trailing{display:flex;align-items:center;gap:16px;min-width:0}.workspace-crumb{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.workspace-crumb>span{margin:0 10px;color:#a6b2b4}.workspace-crumb strong{font-weight:500;color:var(--text)}.moscow-time{font-size:11px;color:var(--muted);white-space:nowrap}.role-label{font-size:10px;border:1px solid var(--line);padding:5px 9px;border-radius:5px;white-space:nowrap;color:#4d6468}
.main{padding:32px 36px 48px;max-width:1560px;margin:0 auto}.topbar{align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:14px}.page-eyebrow{color:var(--accent);font-size:10px;font-weight:650;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:9px}.page-title{font-size:29px;font-weight:650;letter-spacing:-.9px;line-height:1.2}.page-desc{font-size:13px;line-height:1.6;margin-top:8px}.page-date{font-size:11px;color:var(--muted);margin-top:8px;text-align:right}
.btn{background:#fff;border-radius:7px;padding:9px 13px;font-size:12px;line-height:1.5;font-weight:600;display:inline-flex;justify-content:center;align-items:center;gap:7px;text-decoration:none;min-height:36px}.btn:hover{background:#f0f5f3;filter:none}.btn-primary{background:#187c68;color:#fff;border-color:#187c68}.btn-primary:hover{background:#116b59}.btn-danger{color:#ac3333;border-color:#e9cccc;background:#fff8f8}.btn-danger:hover{background:#fceeee}.btn-sm{font-size:11px;padding:6px 10px;min-height:32px}.btn-ghost{background:transparent}
.panel{padding:22px;border-radius:11px;box-shadow:0 2px 3px #243d3502}.panel-title{font-size:14px;font-weight:650}.panel-head{flex-wrap:wrap}.grid-stats{gap:14px;margin-bottom:28px}.stat-card{padding:19px 20px 17px;position:relative}.stat-card .label{font-size:11px;letter-spacing:0;text-transform:none}.stat-card .value{font-family:var(--font);font-size:29px;font-weight:650;margin:10px 0 5px;letter-spacing:-.7px}.stat-note{color:var(--muted);font-size:10.5px}.stat-symbol{position:absolute;right:17px;top:17px;color:#799c90}.stat-symbol [data-icon] svg{width:17px;height:17px}
.dashboard-section-title{font-size:15px;font-weight:650;margin:0 0 15px;letter-spacing:-.2px}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}.quick-action{background:#fff;border:1px solid var(--line);border-radius:11px;display:flex;text-align:left;flex-direction:column;align-items:flex-start;gap:0;padding:21px;cursor:pointer;color:var(--text);text-decoration:none;min-width:0}.quick-action:hover{border-color:#73aa94;box-shadow:0 4px 16px #123a2a08}.quick-action.primary-action{background:#eaf4ef;border-color:#bfd9cc}.quick-action-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eff4f2;color:#28745b;margin-bottom:17px}.primary-action .quick-action-icon{background:#d2e9dd}.quick-action-title{font-size:13px;font-weight:650;display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.quick-action-arrow{font-weight:400;color:#688d7c}.quick-action-desc{font-size:11.5px;color:var(--muted);line-height:1.65;margin-top:7px}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:20px;align-items:start}.dashboard-columns .panel+.panel{margin-top:0}.recent-list{display:grid}.recent-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px 0;border-top:1px solid #edf0f1}.recent-icon{background:#f0f5f3;border-radius:9px;height:33px;display:grid;place-items:center;color:#6c8c81}.recent-title{font-size:12px;font-weight:600;overflow-wrap:anywhere}.recent-sub{font-size:10.5px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.recent-meta{text-align:right;display:grid;gap:5px;justify-items:end}.recent-meta time{font-size:10px;color:var(--muted)}
.attention-row{display:flex;gap:10px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #edf0f1}.attention-row:last-child{border-bottom:0}.attention-row>span{color:#7e8d62;margin-top:2px}.attention-title{font-size:12px;font-weight:600;margin:0 0 4px}.attention-desc{font-size:11px;color:var(--muted);margin:0;line-height:1.65}.attention-link{display:block;font-size:11px;margin-top:8px;border:0;background:none;padding:0;color:var(--accent);cursor:pointer;text-align:left;font-weight:600}.section-caption{font-size:10px;color:var(--muted);margin:14px 0 0;line-height:1.7}.empty-state{padding:22px 0;color:var(--muted);font-size:12px;line-height:1.75}.empty-state strong{display:block;color:var(--text);font-weight:600;margin-bottom:6px}.home-footer{font-size:10.5px;color:var(--muted);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:26px}
.pill{font-size:10px;border:0;padding:3px 7px;background:#edf1f2;color:#526b72;white-space:nowrap}.pill.ok{background:#eaf5ed;color:#286b44}.pill.warn{background:#fff4dc;color:#805914}.pill.danger{background:#fff0ef;color:#ad4240}
.field label{font-size:12px;color:#435d62}.field input,.field select,.field textarea,.search-bar input,.login-form input{background:#fff;border-radius:7px;font-size:13px;padding:10px 12px}.field textarea{min-height:100px}.op-card{background:#fff;border-radius:9px}.op-card h4{font-size:13px;font-weight:600}.op-card.active{background:#eff8f3}.op-card p{font-size:11.5px;line-height:1.6}.chip{border-radius:6px;font-size:12px;background:#fff}.chip.on{color:#13634f;background:#eaf6ef}.preview-box,.cred-box{background:#f4f7f6;color:#263e42}.table-wrap{border-radius:8px}table.data{font-size:12px}table.data th{font-size:10px;letter-spacing:.5px}table.data td{padding:13px 12px}table.data tr:hover td{background:#f7faf8}
.analytics-table{background:#fff;font-size:12px;border-top:1px solid var(--line)}.analytics-table th{font-size:11px;background:#f0f4f3}.analytics-table td{padding:17px 12px}.analytics-table a{font-weight:600}.analytics-tabs button{font-size:12px}.analytics-request.error,.analytics-live.error,.hint.error-hint{color:#a82f2f}.badge.accent{color:#166a50}.card-meta,.hint{font-size:12px;line-height:1.65}.hint{background:#eff6f2;border:1px solid #d6e7dc}.modal-backdrop{background:#102a3380;z-index:60}.modal{border-radius:13px}.modal-head h3{font-size:16px}.modal-foot{flex-wrap:wrap}.toast{z-index:100;font-size:13px}.boot-error{margin-bottom:20px;padding:14px;border:1px solid #e5bdbd;background:#fff2f2;color:#a53636;border-radius:8px;overflow-wrap:anywhere}
.icon-button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px;width:34px;height:34px;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-size:24px;line-height:1}.mobile-menu{display:none}.menu-backdrop{display:none}.loading-state{padding:64px 18px;text-align:center;font-size:13px;color:var(--muted)}.loading-dot{display:inline-block;width:7px;height:7px;background:#237e65;border-radius:50%;margin-right:8px}.skip-link{position:absolute;left:12px;top:-80px;padding:10px;background:#fff;color:var(--text);z-index:100}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.quick-nav{border:1px solid var(--line);border-radius:14px;width:min(550px,calc(100% - 28px));max-height:80vh;padding:0;color:var(--text);background:#fff;box-shadow:var(--shadow)}.quick-nav::backdrop{background:#102a3380}.quick-nav-head{display:flex;justify-content:space-between;align-items:center;padding:17px 20px 8px}.quick-nav-head h2{font-size:14px;font-weight:600;margin:0}.quick-nav-input{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--line);color:var(--muted)}.quick-nav-input input{width:100%;border:0;background:#fff;outline:none;font-size:14px;color:var(--text);padding:8px 0}.quick-nav-results{padding:8px;max-height:45vh;overflow:auto}.quick-result{display:flex;align-items:center;gap:12px;padding:12px;border:0;border-radius:7px;background:transparent;text-align:left;width:100%;cursor:pointer;font-size:13px;color:var(--text)}.quick-result:hover,.quick-result:focus-visible{background:#eef7f2}.quick-result small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.quick-result [data-icon]{color:#58836f}.quick-nav-foot{border-top:1px solid var(--line);display:flex;gap:16px;padding:12px 20px;color:var(--muted);font-size:10px}
.login-body{background:#f3f6f4;min-height:100vh;padding:24px 0}.login-shell{width:min(430px,calc(100% - 32px))}.login-card{padding:34px;border-radius:16px;box-shadow:0 10px 50px #1537250b}.login-brand .brand-title{color:var(--text);font-size:18px}.login-brand .brand-sub{color:var(--muted);font-size:12px}.login-heading{font-size:24px;letter-spacing:-.6px;margin:0 0 8px;font-weight:650}.login-intro{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 25px}.login-form{gap:18px}.login-form label{font-size:12px;color:#435d62}.login-form input{min-height:44px;outline:none;min-width:0}.login-form .btn{min-height:44px;font-size:13px;margin-top:4px}.password-field{position:relative}.password-field input{width:100%;padding-right:76px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:#fff;font-size:10px;color:var(--muted);cursor:pointer;padding:6px}.login-note{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:11px;color:var(--muted);line-height:1.75}.login-footnote{font-size:10px;margin-top:22px}
@media(min-width:981px) and (max-width:1180px){.main{padding:28px 24px}.workspace-header{padding:0 24px}.dashboard-columns{grid-template-columns:1fr}.quick-action{padding:17px}}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;height:100dvh;width:min(285px,calc(100vw - 48px));transform:translateX(-100%);border:0;transition:transform .18s ease}body.menu-open .sidebar{transform:translateX(0)}.menu-backdrop:not(.hidden){display:block;position:fixed;inset:0;background:#102a3380;border:0;z-index:25}.mobile-menu{display:inline-flex}.workspace-header{height:64px;padding:0 20px}.main{padding:26px 22px 40px}.workspace-crumb{font-size:11px}.header-trailing{gap:8px}.moscow-time{display:none}.grid-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-grid,.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-list{display:flex}.dashboard-columns{grid-template-columns:1fr}.sidebar .brand-title{font-size:16px}.nav-btn{min-height:44px;font-size:13px}}
@media(max-width:600px){.main{padding:24px 16px 32px}.workspace-header{padding:0 16px}.header-leading{gap:10px}.workspace-crumb{font-size:0}.workspace-crumb>span{display:none}.workspace-crumb strong{font-size:12px}.role-label{font-size:9px;padding:4px 6px}.page-title{font-size:26px}.topbar{margin-bottom:22px}.page-desc{font-size:12px}.quick-actions{grid-template-columns:1fr;gap:10px}.quick-action{padding:17px;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:13px}.quick-action-icon{grid-row:1/3;margin:0}.quick-action-desc{margin-top:4px}.grid-stats{gap:10px}.stat-card{padding:16px}.stat-card .label{max-width:calc(100% - 20px);line-height:1.5}.stat-card .value{font-size:27px}.stat-symbol{right:12px;top:17px}.stat-note{font-size:10px}.ops-grid,.field-grid{grid-template-columns:1fr}.panel{padding:17px}.cards{grid-template-columns:1fr}.search-bar input{min-width:0;width:100%}.recent-item{grid-template-columns:28px minmax(0,1fr);gap:10px}.recent-meta{grid-column:2;display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap;text-align:left}.recent-icon{width:28px;height:28px}.recent-title{font-size:12px}.topbar>.topbar-actions{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px}.page-date{margin:0}.btn:not(.btn-sm),input,textarea,select{min-height:44px}.field input,.field select,.field textarea,.search-bar input,.login-form input,.quick-nav-input input{font-size:16px}.analytics-tabs{width:100%;justify-content:space-between}.analytics-tabs button{font-size:11px;padding:10px 6px}.analytics-tabs span{font-size:10px}.quick-nav-input{padding:10px 15px}.quick-nav-foot{gap:10px;font-size:9px;padding:12px 15px}.modal-backdrop{padding:10px}.modal{max-height:calc(100dvh - 20px)}.login-card{padding:26px}.login-heading{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.history-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.nav-btn{font-size:13px}

.group-section{margin:0 0 14px;border:1px solid var(--line);border-radius:14px;background:var(--bg-panel)}
.group-section>summary{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;list-style:none;font-weight:650;font-size:14px}
.group-section>summary::-webkit-details-marker{display:none}
.group-section>summary::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s;opacity:.6}
.group-section[open]>summary::before{transform:rotate(45deg)}
.group-section-count{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);color:var(--muted)}
.group-section>.cards{padding:0 14px 14px}
.panel .search-bar{margin:0 0 14px}
.group-section-extra{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:500}
@media(max-width:600px){.group-section>summary{flex-wrap:wrap}.group-section-extra{margin-left:17px;width:100%}}