:root{--bg-app:#f1f1f1;--bg-surface:#ffffff;--bg-surface-secondary:#f7f7f7;--bg-surface-hover:#f1f1f1;--bg-nav:#ebebeb;--bg-nav-selected:#ffffff;--bg-topbar:#1a1a1a;--text:#303030;--text-secondary:#616161;--text-disabled:#b5b5b5;--text-on-dark:#e3e3e3;--text-link:#005bd3;--border:#e3e3e3;--border-strong:#8a8a8a;--focus-ring:#005bd3;--btn-primary-bg:#1a1a1a;--btn-primary-bg-hover:#2a2a2a;--btn-primary-text:#ffffff;--btn-secondary-bg:#ffffff;--btn-critical:#e51c00;--badge-success-bg:#affebf;--badge-success-text:#014b40;--badge-attention-bg:#ffd6a4;--badge-attention-text:#5e4200;--badge-warning-bg:#ffeb78;--badge-warning-text:#4f4700;--badge-critical-bg:#fed1cb;--badge-critical-text:#8e1f0b;--badge-info-bg:#e0f0ff;--badge-info-text:#00527c;--badge-neutral-bg:#e3e3e3;--badge-neutral-text:#303030;--radius-card:12px;--radius-control:8px;--shadow-card:0 1px 0 rgba(26,26,26,0.07),0 0 0 1px rgba(26,26,26,0.07);--shadow-btn:0 1px 0 rgba(26,26,26,0.07);--font:Inter,-apple-system,"Segoe UI",Roboto,sans-serif;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font);font-size:var(--text-sm);color:var(--text);background:var(--bg-app)}a{color:var(--text-link);text-decoration:none}.topbar{position:fixed;inset:0 0 auto 0;height:56px;z-index:100;background:var(--bg-topbar);color:var(--text-on-dark);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4)}.topbar__logo{font-weight:650;font-size:var(--text-md);color:#fff}.topbar__search{flex:1 1;max-width:580px;margin:0 auto;background:#303030;border:1px solid #616161;border-radius:var(--radius-control);color:var(--text-on-dark);height:32px;padding:0 var(--space-3)}.topbar__search,.topbar__store{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.sidebar{position:fixed;top:56px;bottom:0;left:0;width:240px;background:var(--bg-nav);padding:var(--space-3) var(--space-2);overflow-y:auto}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:6px var(--space-3);margin-bottom:1px;border-radius:var(--radius-control);color:var(--text);font-weight:550;font-size:var(--text-sm);cursor:pointer}.nav-item:hover{background:rgba(0,0,0,.05)}.nav-item--active{background:var(--bg-nav-selected);box-shadow:var(--shadow-btn)}.nav-item__count{font-size:var(--text-xs);color:var(--text-secondary);font-weight:450}.nav-sub{margin-left:var(--space-5)}.nav-separator{border-top:1px solid var(--border);margin:var(--space-3) var(--space-2)}.content{margin:56px 0 0 240px;padding:var(--space-6);display:flex;justify-content:center}.content__inner{width:100%;max-width:950px}.card{background:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-4)}.card,.page-header{margin-bottom:var(--space-4)}.page-header{display:flex;align-items:center;justify-content:space-between}.page-header h1{font-size:var(--text-xl);font-weight:650;margin:0}.btn{font:inherit;font-weight:550;font-size:var(--text-sm);border-radius:var(--radius-control);cursor:pointer;padding:6px var(--space-3);border:1px solid var(--border);background:var(--btn-secondary-bg);color:var(--text);box-shadow:var(--shadow-btn)}.btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:transparent}.btn--primary:hover{background:var(--btn-primary-bg-hover)}.btn--critical{color:var(--btn-critical)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:999px;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:550}.badge--success{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge--attention{background:var(--badge-attention-bg);color:var(--badge-attention-text)}.badge--warning{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.badge--critical{background:var(--badge-critical-bg);color:var(--badge-critical-text)}.badge--info{background:var(--badge-info-bg);color:var(--badge-info-text)}.badge--neutral{background:var(--badge-neutral-bg);color:var(--badge-neutral-text)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.field label{font-weight:550;font-size:var(--text-sm)}.field input{font:inherit;padding:6px var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-control)}.field input:focus{outline:2px solid var(--focus-ring);outline-offset:1px}.empty-state{text-align:center;padding:var(--space-6);color:var(--text-secondary)}