@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-tertiary: #f1f3f4;--bg-card: #ffffff;--bg-hover: #f4f6f8;--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #9ca3af;--accent-primary: #0066cc;--accent-secondary: #0052a3;--accent-light: #e6f0fa;--accent-hover: #004d99;--success: #28a745;--success-light: #e8f5e9;--warning: #ffc107;--warning-light: #fff8e1;--danger: #dc3545;--danger-light: #fce4ec;--info: #17a2b8;--border: #e5e7eb;--border-dark: #d1d5db;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 4px;--radius: 6px;--radius-lg: 8px}*{box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);font-size:14px;line-height:1.5;margin:0;min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;margin:0 0 16px;line-height:1.3}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}.glass-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--accent-primary);color:#fff;padding:10px 20px;border-radius:var(--radius);border:none;font-weight:500;font-size:14px;cursor:pointer;transition:background .2s ease}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:var(--accent-secondary)}.btn-danger{background:var(--danger);color:#fff;padding:10px 20px;border-radius:var(--radius);border:none;font-weight:500;font-size:14px;cursor:pointer;transition:background .2s ease}.btn-danger:hover{background:#c82333}.input-field{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:10px 12px;border-radius:var(--radius);width:100%;font-size:14px;transition:border-color .2s ease}.input-field::placeholder{color:var(--text-muted)}.input-field:hover{border-color:var(--border-dark)}.input-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}select.input-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:36px}select.input-field option{background:var(--bg-secondary);color:var(--text-primary)}table{width:100%;border-collapse:collapse}thead{background:var(--bg-tertiary)}thead th{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}tbody tr{border-bottom:1px solid var(--border);transition:background .15s ease}tbody tr:hover{background:var(--bg-hover)}tbody tr:last-child{border-bottom:none}tbody td{padding:12px 16px;color:var(--text-primary)}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-success{background:var(--success-light);color:var(--success)}.status-warning{background:var(--warning-light);color:#856404}.status-danger{background:var(--danger-light);color:var(--danger)}.status-info{background:var(--accent-light);color:var(--accent-primary)}.animate-fade-in{animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline}.modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-panel{width:90%;max-width:500px;padding:40px;position:relative;background:#fff;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;overflow-y:auto}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-bar{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.mobile-menu-btn{display:none;background:none;border:1px solid var(--border);border-radius:var(--radius);padding:8px;cursor:pointer;color:var(--text-secondary)}.app-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.sidebar{width:240px;min-width:240px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar-overlay,.mobile-header{display:none}@media(max-width:768px){.app-layout{flex-direction:column}.sidebar{position:fixed;top:0;left:-260px;height:100vh;z-index:10000;transition:left .25s ease;box-shadow:none}.sidebar.open{left:0;box-shadow:4px 0 24px #00000026}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:9999}.sidebar-overlay.open{display:block}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.modal-panel{width:95%;padding:24px;margin:16px}.modal-panel h2{font-size:18px}thead th{padding:10px 12px;font-size:11px;white-space:nowrap}tbody td{padding:10px 12px;font-size:13px;white-space:nowrap}h1{font-size:20px}h2{font-size:18px}.app-layout>main{padding:16px!important}.form-grid{grid-template-columns:1fr!important}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}