:root{--red: #c93c3c;--red-soft: #e15858;--red-deep: #9b2828;--red-dark: #9b2828;--red-faint: #c93c3c0a;--red-faint2: #c93c3c08;--red-tint: #fcf2f2;--red-border: #c93c3c33;--strawberry: #ff9ab0;--strawberry-soft: #ffc5d0;--strawberry-mist: #ffe8ec;--rose-mist: #fef0f3;--black: #1c1a1a;--ink: #2a2624;--ink-warm: #3a3633;--ink-mute: #4a4441;--gray-900: #2e2a28;--gray-800: #46413e;--gray-700: #5a544f;--gray-600: #756f6a;--gray-500: #a59f99;--gray-400: #d4d0cc;--gray-300: #e4e0db;--gray-250: #ebe7e2;--gray-200: #f0ece7;--gray-100: #f5f2ed;--gray-75: #f7f4f0;--gray-50: #faf8f5;--gray2: var(--gray-800);--gray3: var(--gray-700);--gray4: var(--gray-500);--gray5: var(--gray-300);--gray6: var(--gray-200);--white: #ffffff;--paper: #ffffff;--bg: #faf7f7;--border: var(--gray-300);--border-soft: var(--gray-250);--text: var(--ink);--text-sub: var(--gray-700);--text-faint: var(--gray-500);--green: #2d7a3a;--green-faint: #2d7a3a14;--amber: #c47a16;--amber-faint: #c47a1614;--font-head: "Roboto", -apple-system, "Segoe UI", system-ui, sans-serif;--font-body: "Garet", "Barlow", -apple-system, "Segoe UI", system-ui, sans-serif;--radius: 6px;--radius-md: 14px;--radius-lg: 22px;--shadow-xs: 0 1px 1px rgba(28, 26, 26, .04);--shadow-sm: 0 1px 3px rgba(28, 26, 26, .06);--shadow-md: 0 8px 30px rgba(28, 26, 26, .07);--shadow-lg: 0 24px 70px rgba(28, 26, 26, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:13px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 900px 600px at 15% 10%,var(--strawberry-mist) 0%,transparent 55%),radial-gradient(ellipse 700px 500px at 90% 30%,var(--rose-mist) 0%,transparent 50%),radial-gradient(ellipse 800px 500px at 50% 90%,rgba(255,226,232,.45) 0%,transparent 55%),radial-gradient(ellipse 600px 400px at 80% 75%,rgba(28,26,26,.018) 0%,transparent 60%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:-250px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(201,60,60,.035) 0%,transparent 70%);pointer-events:none;z-index:0}#root>*{position:relative;z-index:1}input,select,textarea,button{font-family:var(--font-body)}input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=search],select,textarea{width:100%;padding:8px 12px;font-family:var(--font-body);font-size:13px;color:var(--text);background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-faint)}input:disabled,select:disabled,textarea:disabled{background:var(--gray-100);color:var(--gray-600);cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--gray-500)}label{font-size:11px;font-weight:700;color:var(--text-sub);letter-spacing:.04em;text-transform:uppercase;display:block;margin-bottom:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-head);font-weight:900;color:var(--ink);letter-spacing:-.01em;line-height:1.1}h1{font-size:32px}h2{font-size:22px}h3{font-size:18px}h4{font-size:15px}.label-up{font-family:var(--font-head);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}a{color:var(--red);text-decoration:none}a:hover{text-decoration:underline}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:10px;border:2px solid var(--bg)}*::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.cb-tooltip{position:fixed;background:var(--ink);color:var(--paper);padding:8px 12px;border-radius:8px;font-family:var(--font-body);font-size:11px;font-weight:600;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease;z-index:9999;white-space:nowrap;box-shadow:0 8px 24px #1c1a1a2e;border:1px solid rgba(255,255,255,.08)}.cb-tooltip.show{opacity:1;transform:translateY(0)}.cb-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--ink)}.cb-tooltip strong{color:var(--strawberry-soft);font-weight:700;margin-right:4px}[data-tooltip]{cursor:pointer;transition:opacity .15s ease}[data-tooltip]:hover{opacity:.85}.ico-stroke{stroke:var(--ink-warm);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.ico-accent{stroke:var(--red);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.ico-fill{fill:var(--red-faint);stroke:var(--ink-warm);stroke-width:1.5;stroke-linejoin:round}.ico-dot{fill:var(--red);stroke:none}.chart-bar:hover{opacity:1!important;transform:translateY(-1px)}.chart-hm-cell:hover{stroke:var(--ink);stroke-width:1}.chart-donut-arc{transition:stroke-width .2s ease;cursor:pointer}.chart-donut-arc:hover{stroke-width:5}.panel{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.cb-btn{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:100px;padding:12px 24px;border:1px solid;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.cb-btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.cb-btn-primary:hover{background:var(--red);border-color:var(--red);transform:translateY(-1px);box-shadow:0 8px 24px #c93c3c40}.cb-btn-ghost{background:transparent;color:var(--ink);border-color:var(--gray-300)}.cb-btn-ghost:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}.cb-kpi-strip .cb-kpi{padding:0 28px;border-right:var(--border);cursor:pointer}.cb-kpi-strip .cb-kpi:last-child{border-right:none}.cb-kpi-strip .cb-kpi:first-child{padding-left:0}.bento-card{box-shadow:var(--shadow-xs)}.bento-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--ink)}.bento-card:hover .bento-photo-bg{transform:scale(1.05)!important}.bento-card:hover .bento-icon{transform:rotate(-6deg) scale(1.05);background:var(--red)!important;border-color:var(--red)!important}.bento-card:hover .bento-icon .ico-stroke,.bento-card:hover .bento-icon .ico-accent{stroke:var(--paper)}.bento-card:hover .bento-icon .ico-fill{fill:#ffffff26;stroke:var(--paper)}.cb-admin-item:hover{background:var(--gray-75)}.cb-admin-item:hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red)}.cb-admin-item:hover .cb-admin-item-icon{background:var(--red-tint);border-color:var(--red-border)}@media (max-width: 1200px){.cb-bento{grid-template-rows:200px 180px 180px 180px!important}.cb-bento>:nth-child(1){grid-column:1 / span 4!important;grid-row:1!important}.cb-bento>:nth-child(2){grid-column:1 / span 2!important;grid-row:2!important}.cb-bento>:nth-child(3){grid-column:3 / span 2!important;grid-row:2!important}.cb-bento>:nth-child(4){grid-column:1 / span 2!important;grid-row:3!important}.cb-bento>:nth-child(5){grid-column:3 / span 2!important;grid-row:3!important}.cb-bento>:nth-child(6){grid-column:1 / span 4!important;grid-row:4!important}}@media (max-width: 900px){.layout-shell{flex-direction:row}.cb-hero-grid{grid-template-columns:1fr!important;gap:24px!important;padding-bottom:32px!important}.cb-hero-grid h1{font-size:44px!important}.cb-kpi-strip{grid-template-columns:repeat(2,1fr)!important;gap:24px 0!important;padding:24px!important}.cb-kpi-strip .cb-kpi{padding:0 16px!important}.cb-kpi-strip .cb-kpi:nth-child(2n){border-right:none!important}.cb-bento{grid-template-columns:1fr!important;grid-template-rows:auto!important}.cb-bento>*{grid-column:1 / -1!important;grid-row:auto!important;min-height:180px}}.layout-shell{min-height:100vh}.layout-main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.page-content{flex:1;min-width:0;width:100%}.sidebar{transition:transform .25s ease}.sidebar-toggle{display:none;position:fixed;top:12px;left:12px;z-index:200;width:40px;height:40px;background:var(--paper);border:var(--border);border-radius:10px;box-shadow:var(--shadow-sm);cursor:pointer;align-items:center;justify-content:center;color:var(--ink)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1a1a80;z-index:150;opacity:0;transition:opacity .2s ease}@media (max-width: 900px){.layout-shell{position:relative}.sidebar{position:fixed!important;top:0;left:0;transform:translate(-100%);z-index:199;height:100vh!important}.sidebar.open{transform:translate(0);box-shadow:0 20px 60px #1c1a1a4d}.sidebar-toggle{display:flex}.sidebar-backdrop.open{display:block;opacity:1}.layout-main{padding-top:60px}}@keyframes cb-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.anim-in{animation:cb-fade-in .35s cubic-bezier(.16,1,.3,1)}@media (max-width: 900px){.cb-pagehero-split{grid-template-columns:1fr!important}.cb-pagehero-split>div:last-child{min-height:160px!important;order:-1}}.panel{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);overflow:hidden}table.cb-table{width:100%;border-collapse:collapse;background:var(--paper);font-size:13px}table.cb-table thead th{text-align:left;padding:12px 14px;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gray-600);border-bottom:1.5px solid var(--gray-300);background:var(--gray-50)}table.cb-table tbody td{padding:12px 14px;border-bottom:1px solid var(--gray-200);color:var(--ink);vertical-align:middle}table.cb-table tbody tr{transition:background .12s ease}table.cb-table tbody tr:hover{background:var(--gray-50)}table.cb-table tbody tr:last-child td{border-bottom:none}.cb-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid}.cb-badge.gray{background:var(--gray-100);color:var(--gray-700);border-color:var(--gray-300)}.cb-badge.red{background:var(--red-tint);color:var(--red);border-color:var(--red-border)}.cb-badge.green{background:#2d7a3a14;color:var(--green);border-color:#2d7a3a40}.cb-badge.amber{background:#c47a1614;color:var(--amber);border-color:#c47a1640}.cb-badge.blue{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}.cb-tabs{display:flex;gap:4px;background:var(--gray-100);padding:4px;border-radius:10px;margin-bottom:24px}.cb-tab{flex:1;padding:8px 16px;background:transparent;border:none;border-radius:7px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--gray-700);cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.cb-tab:hover{color:var(--ink);background:#ffffff80}.cb-tab.active{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-xs)}.cb-list-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;transition:all .18s ease;cursor:pointer;display:block;text-decoration:none;color:inherit}.cb-list-card:hover{border-color:var(--ink);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cb-list-card.flat:hover{transform:none}.cb-toolbar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.cb-search{flex:1;min-width:240px;max-width:480px;position:relative}.cb-search input{padding-left:38px}.cb-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none}.cb-empty{text-align:center;padding:60px 20px;color:var(--gray-600)}.cb-empty-icon{width:64px;height:64px;background:var(--gray-100);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}.cb-empty-title{font-family:var(--font-head);font-size:18px;font-weight:800;color:var(--ink);margin-bottom:6px}.cb-empty-desc{font-size:13px;color:var(--gray-600);max-width:360px;margin:0 auto}.cb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1a1a99;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.cb-modal{background:var(--paper);border-radius:var(--radius-md);padding:28px;width:100%;max-width:480px;max-height:calc(100vh - 80px);overflow-y:auto;box-shadow:var(--shadow-lg)}.cb-modal h2,.cb-modal h3{margin-bottom:16px}