:root{--ccu-green-primary: #64A70B;--ccu-green-primary-hover: #568F09;--ccu-green-light: #EAF4DF;--ccu-green-dark: #004F3D;--ccu-green-dark-hover: #003B2E;--ccu-yellow: #FFB81C;--ccu-blue: #0077C8;--ccu-magenta: #A50050;--ccu-background: #F6F8F5;--ccu-surface: #FFFFFF;--ccu-surface-muted: #F0F3EF;--ccu-text-primary: #202522;--ccu-text-secondary: #5D665F;--ccu-text-inverse: #FFFFFF;--ccu-border: #DDE4DD;--ccu-border-strong: #BFC9C0;--ccu-success: #338A45;--ccu-warning: #D89000;--ccu-danger: #A50050;--ccu-info: #0077C8;--ccu-radius-sm: 6px;--ccu-radius-md: 10px;--ccu-radius-lg: 16px;--ccu-shadow-sm: 0 1px 3px rgba(0, 45, 30, .08);--ccu-shadow-md: 0 8px 24px rgba(0, 45, 30, .1);--ccu-sidebar-width: 272px;--ccu-header-height: 68px;--ccu-font-title: Montserrat, Arial, sans-serif;--ccu-font-body: "Roboto Condensed", Arial, sans-serif;--ccu-font-mono: Ubuntu, monospace;--ccu-space-1: 4px;--ccu-space-2: 8px;--ccu-space-3: 12px;--ccu-space-4: 16px;--ccu-space-5: 20px;--ccu-space-6: 24px;--ccu-space-8: 32px;--ccu-space-10: 40px;--ccu-title-xl: 34px;--ccu-title-lg: 26px;--ccu-title-md: 20px;--ccu-body-md: 16px;--ccu-body-sm: 14px;--ccu-caption: 12px;--ccu-input-height: 42px;--ccu-card-min-height: 132px;--ccu-table-row-height: 48px;--ccu-focus-ring: 0 0 0 3px rgba(100, 167, 11, .28)}:root{color-scheme:light;--bg: var(--ccu-background);--surface: var(--ccu-surface);--surface-muted: var(--ccu-surface-muted);--border: var(--ccu-border);--text: var(--ccu-text-primary);--muted: var(--ccu-text-secondary);--accent: var(--ccu-green-primary);--accent-dark: var(--ccu-green-primary-hover);--success: var(--ccu-success);--warning: var(--ccu-warning);--danger: var(--ccu-danger);--shadow: var(--ccu-shadow-sm);font-family:var(--ccu-font-body)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.ccu-app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--ccu-green-dark),var(--ccu-green-dark-hover));color:var(--ccu-text-inverse);display:flex;flex-direction:column;gap:24px;padding:24px 16px}.brand,.login-brand{display:flex;align-items:baseline;gap:8px;letter-spacing:0}.brand strong,.login-brand strong{font-size:28px}.brand span,.login-brand span{color:#ffffffb8;font-size:13px;font-weight:700}.nav-group p{color:#ffffff9e;font-size:11px;font-weight:800;margin:0 0 8px}.nav-group nav{display:grid;gap:4px}.nav-item{align-items:center;border:0;border-radius:8px;color:#ffffffd1;display:flex;gap:10px;min-height:40px;padding:10px 12px;text-align:left;text-decoration:none;width:100%}.nav-item:hover,.nav-item.active{background:var(--ccu-green-primary);color:var(--ccu-text-inverse)}.nav-dot{background:currentColor;border-radius:999px;height:8px;width:8px}.logout{background:transparent;margin-top:auto}.main{min-width:0}.topbar{align-items:center;background:#fffffff0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;min-height:72px;padding:0 28px;position:sticky;top:0;z-index:10}.topbar-left,.user-menu,.filter-actions,.state-bar{align-items:center;display:flex;gap:12px}.icon-button{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;display:none;height:40px;justify-content:center;width:40px}.icon-button span{background:var(--ccu-green-dark);border-radius:999px;display:block;height:2px;position:absolute;width:18px}.icon-button span:nth-child(1){transform:translateY(-6px)}.icon-button span:nth-child(3){transform:translateY(6px)}.breadcrumb span,.page-header span,.filter-heading span,.data-panel header span,.kpi-card span{color:var(--muted);display:block;font-size:12px;font-weight:800;text-transform:uppercase}.breadcrumb strong{display:block;font-size:18px}.avatar{align-items:center;background:var(--ccu-green-dark);border:1px solid var(--ccu-green-dark);border-radius:50%;color:var(--ccu-text-inverse);display:flex;font-weight:800;height:40px;justify-content:center;width:40px}.user-menu strong,.user-menu span{display:block;line-height:1.2}.user-menu span{color:var(--muted);font-size:12px}.content{margin:0 auto;max-width:1440px;padding:28px}.page-header{align-items:flex-start;display:flex;justify-content:space-between;gap:16px;margin-bottom:20px}.page-header h1{font-size:32px;line-height:1.1;margin:4px 0 8px}.page-header p{color:var(--muted);margin:0}.secondary-button,.login-panel button{background:var(--accent);border:1px solid var(--accent);border-radius:8px;color:var(--ccu-text-inverse);font-weight:700;min-height:40px;padding:0 14px}.secondary-button{background:var(--surface);border-color:var(--border);color:var(--text)}.secondary-button:hover,.login-panel button:hover{border-color:var(--accent-dark)}.state-bar,.filter-panel,.data-panel,.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.state-bar{flex-wrap:wrap;margin-bottom:16px;padding:12px}.badge{border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:800;padding:6px 10px}.badge.info{background:var(--ccu-green-light);color:var(--ccu-green-dark)}.badge.warning{background:#ffb81c29;color:var(--warning)}.badge.danger,.form-error{background:#a5005014;color:var(--danger)}.filter-panel{margin-bottom:18px;padding:18px}.filter-heading{align-items:center;display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.filter-heading h2,.data-panel h2{font-size:18px;margin:4px 0 0}.filter-grid{display:grid;gap:12px;grid-template-columns:repeat(6,minmax(120px,1fr))}label{color:var(--muted);display:grid;font-size:13px;font-weight:700;gap:6px}input,select{background:var(--ccu-surface);border:1px solid var(--border);border-radius:8px;color:var(--text);min-height:42px;padding:0 10px}.kpi-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.kpi-card{padding:18px}.kpi-card strong{display:block;font-size:24px;margin:8px 0}.kpi-card p{color:var(--muted);margin:0}.split-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr)}.data-panel{overflow:hidden}.data-panel header{border-bottom:1px solid var(--border);padding:18px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:680px;width:100%}th,td{border-bottom:1px solid var(--border);padding:12px 16px;text-align:left}th{color:var(--muted);font-size:12px;text-transform:uppercase}.quality-list{display:grid;margin:0;padding:8px 18px 18px}.quality-list div{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;min-height:48px}.quality-list dt{color:var(--muted);font-weight:700}.quality-list dd{font-weight:800;margin:0}.empty-module-panel{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);display:flex;gap:18px;justify-content:space-between;padding:24px}.empty-module-panel h2{font-size:22px;margin:14px 0 8px}.empty-module-panel p{color:var(--muted);line-height:1.55;margin:0;max-width:720px}.secondary-link{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);display:inline-flex;font-weight:800;min-height:40px;padding:0 14px;text-decoration:none;white-space:nowrap}.login-page{align-items:center;background:var(--ccu-background);display:flex;min-height:100vh;padding:24px}.login-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);margin:auto;max-width:420px;padding:28px;width:100%}.login-panel h1{font-size:28px;margin:18px 0}.login-panel form{display:grid;gap:14px}.login-panel button{margin-top:6px}.form-error{border-radius:8px;margin:0;padding:10px 12px}.sidebar-backdrop{display:none}@media (max-width: 1100px){.filter-grid,.kpi-grid,.split-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 820px){.ccu-app-shell{grid-template-columns:1fr}.sidebar{bottom:0;left:0;max-width:320px;position:fixed;top:0;transform:translate(-100%);transition:transform .16s ease;width:86vw;z-index:30}.ccu-app-shell[data-sidebar-open=true] .sidebar{transform:translate(0)}.ccu-app-shell[data-sidebar-open=true] .sidebar-backdrop{background:#002d1e5c;border:0;display:block;inset:0;position:fixed;z-index:20}.icon-button{display:inline-flex;position:relative}.topbar{padding:0 16px}.user-menu div:last-child{display:none}.content{padding:18px}.page-header,.filter-heading,.empty-module-panel{display:grid}.filter-grid,.kpi-grid,.split-grid{grid-template-columns:1fr}}.content.content-wide{max-width:1680px}