*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background-color:#f5f3f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img,svg{max-width:100%;display:block}.cf-shell{min-height:100vh;display:flex}.cf-side{color:#fff;background:#1e1e1e;flex-direction:column;width:230px;height:100vh;display:flex;position:sticky;top:0}.cf-brand{align-items:center;gap:10px;padding:18px 18px 12px;display:flex}.cf-brand b{font-size:15px}.cf-brand span{color:#ffffff80;font-size:11px}.cf-nav{flex:1;padding:8px;overflow-y:auto}.cf-nav a{color:#ffffffa8;border-radius:9px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:13.5px;transition:all .15s;display:flex}.cf-nav a:hover{color:#fff;background:#ffffff0f}.cf-nav a.active{color:#fff;background:#e8390e}.cf-main{flex:1;min-width:0}.cf-content{max-width:1080px;margin:0 auto;padding:1.75rem 1.5rem}.cf-h1{color:#111;font-size:1.5rem;font-weight:700}.cf-sub{color:#6b7280;margin-top:2px;font-size:.875rem}.cf-card{background:#fff;border:1px solid #ddd9d3;border-radius:14px;padding:18px}.cf-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.cf-stat-n{color:#111;font-size:1.7rem;font-weight:800}.cf-stat-l{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;font-size:12px}.cf-table{border-collapse:collapse;width:100%;font-size:13px}.cf-table th{text-align:left;color:#6b7280;text-transform:uppercase;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 14px;font-size:11px;font-weight:600}.cf-table td{border-bottom:1px solid #f3f4f6;padding:10px 14px}.cf-badge{color:#3730a3;background:#eef2ff;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}.cf-btn{color:#fff;cursor:pointer;background:#e8390e;border:none;border-radius:9px;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:600;display:inline-flex}.cf-btn-ghost{color:#374151;background:#fff;border:1px solid #ddd9d3}.cf-input{background:#fff;border:1px solid #ddd9d3;border-radius:9px;outline:none;width:100%;padding:10px 12px;font-size:14px}.cf-input:focus{border-color:#e8390e8c}.cf-label{color:#374151;margin-bottom:5px;font-size:13px;font-weight:500;display:block}.cf-alert{border-radius:10px;padding:12px 14px;font-size:14px}.cf-alert-warn{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.cf-empty{text-align:center;color:#9ca3af;padding:3rem}@media (max-width:760px){.cf-shell{flex-direction:column}.cf-side{flex-direction:row;align-items:center;width:100%;height:auto;position:static;overflow-x:auto}.cf-brand{padding:12px}.cf-nav{gap:4px;padding:8px;display:flex}.cf-nav a{white-space:nowrap}.cf-content{padding:1.25rem 1rem}}