:root{--bg: #ffffff;--text: #111111;--muted: #666666;--border: #d9d9d9;--card: #ffffff;--card2: #f8f8f8;--primary: #E0007A;--danger: #ef4444;--radius: 14px;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;--brand: #E0007A}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:#fff;color:var(--text)}#root{width:100%;min-height:100vh}#root,main{background:transparent!important;min-height:100vh}a{color:inherit}.container{max-width:1100px;margin:0 auto;padding:24px}.loginPage{min-height:100vh;width:100%;background:linear-gradient(180deg,#e0007a,#fce4f1 58%,#fff)}.appShell{min-height:100vh;width:100%;background:linear-gradient(180deg,#f5f5f5,#fce4f1)}.card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.button{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#fff;padding:6px 12px;border-radius:8px;cursor:pointer}.button:hover{background:#ffffff26}.buttonPrimary{background:#3b82f6;border:none}.buttonDanger{background:#ef4444;border:none}.input{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#fff;padding:6px 10px;border-radius:8px}.badge{background:#ffffff14;padding:4px 8px;border-radius:8px;font-size:13px}.hr{height:1px;background:#ffffff1f;margin:14px 0}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-weight:600;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.12)}.table td{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.table .right{text-align:right}.muted{opacity:.7}.kpiLabel{font-size:13px;opacity:.7}.kpiValue{font-size:20px;font-weight:700}:root{--brand-name: "CERBERO DEMO";--app-bg: #f5f5f5;--panel-bg: #ffffff;--panel-soft: #f2f2f2;--panel-alt: #e8e8e8;--panel-dark: #111111;--panel-dark-2: #1a1a1a;--text: #111111;--text-soft: #555555;--text-muted: #888888;--text-on-dark: #ffffff;--text-on-dark-soft: rgba(255, 255, 255, .78);--text-on-dark-muted: rgba(255, 255, 255, .58);--border: #d9d9d9;--border-strong: #bfbfbf;--border-on-dark: rgba(255, 255, 255, .1);--primary: #e0077a;--primary-hover: #c00669;--primary-soft: #fde6f2;--primary-text: #ffffff;--secondary-bg: #efefef;--secondary-hover: #dddddd;--secondary-text: #222222;--success: #16a34a;--success-soft: #dcfce7;--warning: #d97706;--warning-soft: #fef3c7;--danger: #b42318;--danger-hover: #991b1b;--danger-soft: #fee4e2;--info: #0ea5e9;--overlay: rgba(0, 0, 0, .35);--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--shadow-sm: 0 6px 14px rgba(0, 0, 0, .06);--shadow-md: 0 12px 28px rgba(0, 0, 0, .08);--shadow-lg: 0 18px 40px rgba(0, 0, 0, .12);--page-padding: 16px;--section-gap: 12px;--card-padding: 16px;--sidebar-width: 170px;--max-width: 1600px;--header-height: 64px;--control-height: 40px}