@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #0A6ED1;--primary-hover: #0854A0;--secondary: #107E3E;--danger: #BB0000;--danger-hover: #A00000;--bg-color: #F3F4F6;--text-color: #32363A;--text-muted: #6A6D70;--surface: #FFFFFF;--surface-border: #D9D9D9;--glass-bg: #FFFFFF;--glass-border: #E5E7EB;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--radius-md: .375rem;--radius-lg: .5rem;--radius-full: 9999px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;-webkit-font-smoothing:antialiased}.glass-panel{background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow);border-radius:var(--radius-lg)}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:var(--transition);box-shadow:var(--shadow-sm)}.glass-card:hover{transform:translateY(-1px);border-color:var(--primary);box-shadow:var(--shadow)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:var(--transition);border:none;outline:none}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 6px #0a6ed133}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:var(--danger-hover)}.btn-outline{background:transparent;border:1px solid var(--surface-border);color:var(--text-color)}.btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.btn-icon{padding:.5rem;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);border:1px solid transparent;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#f1f5f9;color:var(--primary)}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-muted);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;background:#fff;border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-color);font-family:inherit;font-size:.875rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #0a6ed133}.form-input::placeholder{color:var(--text-muted);opacity:.6}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.w-full{width:100%}.h-full{height:100%}.app-container{display:flex;height:100vh;overflow:hidden}.app-sidebar{width:250px;background:var(--surface);border-right:1px solid var(--surface-border);display:flex;flex-direction:column;z-index:10}.app-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.table-container{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid var(--surface-border);background:#f8fafc}.data-table td{padding:1rem;font-size:.875rem;border-bottom:1px solid var(--surface-border);color:var(--text-color)}.data-table tbody tr{transition:var(--transition);cursor:pointer;background:#fff}.data-table tbody tr:hover{background:#f1f5f9}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.badge-success{background:#107e3e1a;color:var(--secondary);border:1px solid rgba(16,126,62,.2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.modal-content{width:100%;max-width:500px;margin:1rem;position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--surface-border)}.btn-ghost:hover{background:#f1f5f9;color:var(--primary)}.btn-success{background:#e8f5e9;color:var(--secondary);border:1px solid #C8E6C9}.sidebar-toggle{display:none;position:fixed;top:.75rem;left:.75rem;z-index:1001;background:var(--surface);border:1px solid var(--surface-border);color:var(--text-color);padding:.5rem;border-radius:var(--radius-md);cursor:pointer}.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar-toggle{display:flex;align-items:center;justify-content:center}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.app-sidebar{position:fixed;left:-260px;top:0;height:100vh;transition:left .3s ease;z-index:100;width:250px}.app-sidebar.sidebar-open{left:0}.app-container{flex-direction:column}.app-main{padding-top:3.5rem;width:100%}.flex-between{flex-wrap:wrap;gap:.75rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.glass-card,.glass-panel{overflow-x:auto}.data-table th,.data-table td{padding:.625rem .5rem;font-size:.8125rem;white-space:nowrap}.modal-content{max-width:calc(100vw - 2rem);margin:.5rem}}@media (max-width: 480px){.data-table th,.data-table td{padding:.5rem .375rem;font-size:.75rem}.btn{padding:.5rem .75rem;font-size:.8125rem}.form-input{padding:.625rem .75rem}}