*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #e94560;--color-primary-light: #fff0f3;--color-success: #27ae60;--color-warning: #f39c12;--color-danger: #e74c3c;--color-info: #3498db;--color-purple: #9b59b6;--color-teal: #1abc9c;--color-bg: #f4f6f9;--color-surface: #ffffff;--color-border: #e8ecf0;--color-text: #1a1a2e;--color-text-muted: #6b7280;--color-text-light: #9ca3af;--sidebar-width: 220px;--sidebar-bg: #16213e;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition: .15s ease}html,body,#root{height:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:#fff;display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:transform var(--transition)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;overflow-x:hidden}.page-container{padding:var(--spacing-xl);max-width:1400px}.mobile-header{display:none;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--sidebar-bg);color:#fff;position:sticky;top:0;z-index:50}.hamburger-btn{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:4px;line-height:1}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:14px 18px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:var(--font-size-base)}.card-body{padding:18px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:var(--spacing-lg)}.stat-card{background:var(--color-surface);padding:18px 20px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-primary);text-decoration:none;color:inherit;display:block;transition:box-shadow var(--transition)}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.stat-card__value{font-size:var(--font-size-2xl);font-weight:700}.table-wrapper{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.table-scroll{overflow-x:auto}table.data-table{width:100%;border-collapse:collapse;min-width:600px}table.data-table thead tr{background:#f8f9fa}table.data-table th{padding:11px 14px;text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);white-space:nowrap}table.data-table td{padding:11px 14px;font-size:var(--font-size-base);border-bottom:1px solid #f5f5f5;vertical-align:middle}table.data-table tbody tr:last-child td{border-bottom:none}table.data-table tbody tr:hover{background:#fafafa}.form-group{margin-bottom:14px}.form-label{display:block;margin-bottom:5px;font-size:var(--font-size-sm);font-weight:600;color:#555}.form-hint{margin-top:3px;font-size:var(--font-size-xs);color:var(--color-text-light)}.input,.select,.textarea{width:100%;padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text);background:#fff;transition:border-color var(--transition),box-shadow var(--transition);outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow, rgba(233,69,96,.1))}.textarea{resize:vertical}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.form-grid-4{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:opacity var(--transition),box-shadow var(--transition);text-decoration:none;white-space:nowrap;font-family:var(--font-family)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:hover:not(:disabled){opacity:.9}.btn-primary{background:var(--color-primary);color:#fff}.btn-success{background:var(--color-success);color:#fff}.btn-danger{background:var(--color-danger);color:#fff}.btn-info{background:var(--color-info);color:#fff}.btn-warning{background:var(--color-warning);color:#fff}.btn-ghost{background:#f0f0f0;color:#555}.btn-outline-danger{background:#fff;color:var(--color-danger);border:1px solid var(--color-danger)}.btn-sm{padding:5px 12px;font-size:var(--font-size-sm)}.btn-lg{padding:12px 24px;font-size:var(--font-size-md)}.btn-full{width:100%;justify-content:center}.badge{display:inline-block;padding:3px 9px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.badge-success{background:#d4edda;color:#155724}.badge-danger{background:#f8d7da;color:#721c24}.badge-warning{background:#fff3cd;color:#856404}.badge-info{background:#d1ecf1;color:#0c5460}.badge-primary{background:#f8d7e3;color:#721c24}.badge-purple{background:#e8d5f5;color:#6c3483}.badge-teal{background:#d1f2eb;color:#0e6655}.badge-gray{background:#e9ecef;color:#495057}.alert{padding:10px 14px;border-radius:var(--radius-md);font-size:13px;margin-bottom:14px}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-danger{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-warning{background:#fff3cd;color:#856404;border:1px solid #ffc107}.alert-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:12px}.page-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.tabs{display:flex;border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-lg);overflow-x:auto}.tab-btn{padding:10px 18px;border:none;background:none;cursor:pointer;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-muted);border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:color var(--transition);font-family:var(--font-family)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.filter-bar{background:var(--color-surface);padding:12px 16px;border-radius:var(--radius-md);margin-bottom:14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;box-shadow:var(--shadow-sm)}.empty-state{padding:60px 20px;text-align:center;color:var(--color-text-light)}.empty-state__icon{font-size:48px;margin-bottom:12px}.empty-state__text{font-size:var(--font-size-base);margin-bottom:16px}.loading-row td{padding:40px;text-align:center;color:var(--color-text-light)}.split-layout{display:grid;grid-template-columns:1fr 360px;gap:20px}.split-layout.no-panel{grid-template-columns:1fr}.detail-panel{background:var(--color-surface);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm);height:fit-content;position:sticky;top:20px}.detail-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.detail-panel__close{background:none;border:none;cursor:pointer;font-size:20px;color:var(--color-text-light);line-height:1}@media (max-width: 1023px){.stat-grid{grid-template-columns:repeat(2,1fr)}.form-grid-3,.form-grid-4{grid-template-columns:1fr 1fr}.split-layout{grid-template-columns:1fr}.page-container{padding:var(--spacing-lg)}}@media (max-width: 767px){:root{--sidebar-width: 0px}.sidebar{transform:translate(-100%);width:240px}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.mobile-header{display:flex}.main-content{margin-left:0}.page-container{padding:var(--spacing-md)}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px 16px}.stat-card__value{font-size:22px}.form-grid-2,.form-grid-3,.form-grid-4{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.page-actions{width:100%}.page-actions .btn{flex:1;justify-content:center}.split-layout{grid-template-columns:1fr}table.data-table{min-width:500px}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .input,.filter-bar .select{width:100%}.tabs{gap:0}.tab-btn{padding:8px 12px;font-size:var(--font-size-sm)}}@media (max-width: 479px){.stat-grid{grid-template-columns:1fr 1fr}.page-title{font-size:var(--font-size-lg)}}@media print{.sidebar,.mobile-header,.page-actions,.btn{display:none!important}.main-content{margin-left:0}.page-container{padding:0}body{background:#fff}}