:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #64748b;--success-color: #22c55e;--warning-color: #f59e0b;--danger-color: #ef4444;--background-color: #f1f5f9;--card-background: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--sidebar-width: 250px;--sidebar-collapsed-width: 64px;--header-height: 60px;--transition: all .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.5}.hidden{display:none!important}.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}.logo-icon{width:28px;height:28px;object-fit:contain}.logo-text{color:var(--primary-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--card-background);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--background-color)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-success{background-color:#16a34a;color:#fff}.btn-success:hover{background-color:#15803d}.btn-small{padding:6px 12px;font-size:.75rem}.btn:disabled{opacity:.5;cursor:not-allowed}.spinner-large{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:40px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;transition:var(--transition)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.error-message{padding:10px 14px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:var(--danger-color);font-size:.875rem;margin-bottom:16px}#app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background-color:var(--card-background);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;transition:width .3s ease}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.nav-group{margin-bottom:8px}.nav-group-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary);padding:14px 12px 6px;margin-top:12px}.nav-group:first-child .nav-group-label{margin-top:0}.nav-item{display:flex;align-items:center;gap:10px;padding:6px 16px 6px 24px;border-radius:4px;color:var(--text-secondary);text-decoration:none;transition:var(--transition)}.nav-item:hover{background-color:var(--background-color);color:var(--text-primary)}.nav-item.active{background-color:#eff6ff;color:var(--primary-color);font-weight:500}.nav-icon{font-size:1.125rem}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color)}.user-info{margin-bottom:12px}.user-email{font-size:.75rem;color:var(--text-secondary);word-break:break-all}.sidebar-footer-actions{display:flex;gap:8px}.sidebar-footer-actions #logout-btn{flex:2}.sidebar-collapse-btn{flex:1;background:none;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:1rem;color:var(--text-secondary);padding:4px 8px;line-height:1;transition:var(--transition)}.sidebar-collapse-btn:hover{background-color:var(--background-color);color:var(--text-primary)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed .logo-text{display:none}.sidebar.collapsed .sidebar-header{padding:20px 12px;justify-content:center}.sidebar.collapsed .sidebar-header .logo{justify-content:center}.sidebar.collapsed .sidebar-header .logo-icon{width:32px;height:32px}.sidebar.collapsed .sidebar-nav{padding:12px 4px}.sidebar.collapsed .nav-group-label{font-size:0;padding:0;border-top:1px solid var(--border-color);margin:8px 8px 4px}.sidebar.collapsed .nav-group:first-child .nav-group-label{border-top:none;margin:0}.sidebar.collapsed .nav-text{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:10px 0;position:relative}.sidebar.collapsed .nav-icon{font-size:1.3rem}.sidebar.collapsed .sidebar-footer{padding:12px 8px}.sidebar.collapsed .user-info{display:none}.sidebar.collapsed .sidebar-footer-actions{flex-direction:column}.sidebar.collapsed #logout-btn{font-size:0;padding:8px;width:100%;display:flex;justify-content:center}.sidebar.collapsed #logout-btn:before{content:"🚪";font-size:1.2rem}.sidebar.collapsed .sidebar-collapse-btn{width:100%;padding:8px}.sidebar.collapsed .nav-item:hover:after{content:attr(data-tooltip);position:absolute;left:calc(var(--sidebar-collapsed-width) - 8px);top:50%;transform:translateY(-50%);background-color:var(--text-primary);color:#fff;padding:6px 12px;border-radius:6px;font-size:.8rem;white-space:nowrap;z-index:1100;pointer-events:none;box-shadow:0 2px 8px #00000026}.sidebar.collapsed~.main-content{margin-left:var(--sidebar-collapsed-width)}.main-content{flex:1;margin-left:var(--sidebar-width);padding:24px;transition:margin-left .3s ease}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.section-header h1{font-size:1.5rem;font-weight:600}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background-color:var(--card-background);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a}.stat-icon{font-size:2rem}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-weight:700}.stat-label{font-size:.875rem;color:var(--text-secondary)}.card{background-color:var(--card-background);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-header{padding:16px 20px;border-bottom:1px solid var(--border-color)}.card-header h2{font-size:1rem;font-weight:600}.card-body{padding:20px}.table-container{background-color:var(--card-background);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background-color:var(--background-color)}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.data-table td{font-size:.875rem}.data-table tbody tr:hover{background-color:#fafafa}.legal-footer{position:fixed;bottom:0;right:0;left:var(--sidebar-width);padding:8px 24px;background-color:var(--card-background);border-top:1px solid var(--border-color);transition:left .3s ease;z-index:10}.sidebar.collapsed~.main-content~.legal-footer,.sidebar.collapsed~.legal-footer{left:var(--sidebar-collapsed-width)}.legal-footer-content{display:flex;align-items:center;justify-content:center;gap:16px}.legal-footer-copyright{font-size:.75rem;color:var(--text-secondary)}.hamburger-btn{display:none;position:fixed;top:16px;left:16px;z-index:1200;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:10px;cursor:pointer;flex-direction:column;gap:4px;box-shadow:0 2px 8px #0000001a}.hamburger-line{width:20px;height:2px;background-color:var(--text-primary);border-radius:1px}.sidebar-close-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:4px;line-height:1}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}@media(max-width:768px){.hamburger-btn{display:flex}.sidebar-close-btn{display:block}.sidebar{transform:translate(-100%);z-index:1000;width:var(--sidebar-width)!important}.sidebar.open{transform:translate(0)}.sidebar-overlay.active{display:block}.main-content{margin-left:0!important;padding-top:60px}.legal-footer{left:0!important}.sidebar.collapsed .nav-text{display:inline}.sidebar.collapsed .nav-group-label{font-size:.75rem;padding:14px 12px 6px;border-top:none;margin:12px 0 0}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:6px 16px 6px 24px}.sidebar.collapsed .logo-text{display:inline}.sidebar.collapsed .user-info{display:block}.sidebar.collapsed #logout-btn{font-size:.75rem}.sidebar.collapsed #logout-btn:before{content:none}.sidebar.collapsed .sidebar-footer-actions{flex-direction:row}}