:root{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--bg-dark: var(--color-bg-primary);--bg-card: var(--color-bg-secondary);--border-color: var(--color-border);--accent-orange: var(--color-primary);--text-main: var(--color-text-primary);--text-muted: var(--color-text-secondary);--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-primary: #f97316;--color-primary-hover: #ea580c;--color-accent: #06b6d4;--color-border: #334155;--color-success: #22c55e;--color-danger: #ef4444;--color-warning: #eab308;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}@media(max-width:768px){.grid-mobile-1{grid-template-columns:1fr!important}.flex-col-mobile{flex-direction:column!important;align-items:stretch!important}.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}.main-content{padding:var(--spacing-md)!important}h1{font-size:1.5rem!important;margin-bottom:var(--spacing-md)!important}}.sidebar{width:250px;background-color:var(--color-bg-secondary);height:100vh;padding:var(--spacing-md);transition:transform .3s ease,width .3s ease;display:flex;flex-direction:column;position:relative;flex-shrink:0;z-index:100}.sidebar.collapsed{width:70px}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;width:250px;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay.mobile-open{display:block;position:fixed;inset:0;background:#00000080;z-index:99}}input,textarea,select,button{font-family:inherit}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;padding:12px;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:.95rem;line-height:1.5;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.form-input:hover,.form-select:hover,.form-textarea:hover{background-color:#ffffff08;border-color:var(--color-text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;background-color:var(--color-bg-tertiary);border-color:var(--color-primary);box-shadow:0 0 0 3px #f9731626}.form-textarea{resize:none;min-height:100px}.hover-row:hover{background-color:#ffffff05}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:2px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}