:root{--primary-blue: #1e3a8a;--secondary-blue: #3b82f6;--dark-bg: #0f172a;--darker-bg: #020617;--card-bg: #1e293b;--text-light: #f1f5f9;--text-gray: #94a3b8;--accent-blue: #60a5fa;--success: #10b981;--danger: #ef4444;--warning: #f59e0b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,var(--darker-bg) 0%,var(--dark-bg) 100%);color:var(--text-light);min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:30px 20px;transition:margin-left .3s ease}.container.menu-open{margin-left:280px}.card{background:var(--card-bg);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 6px #0000004d,0 0 0 1px #3b82f61a;border:1px solid rgba(59,130,246,.1);transition:all .3s ease}.card:hover{box-shadow:0 8px 16px #0006,0 0 0 1px #3b82f633;transform:translateY(-2px)}.btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,var(--secondary-blue) 0%,var(--primary-blue) 100%);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669;transform:translateY(-2px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.btn-secondary{background:rgba(148,163,184,.2);color:var(--text-light);border:1px solid rgba(148,163,184,.3)}.btn-secondary:hover{background:rgba(148,163,184,.3)}.search-bar{display:flex;align-items:center;gap:8px;background:rgba(30,41,59,.5);border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:0 12px;margin-bottom:16px;color:var(--text-muted)}.search-bar input{border:none;background:transparent;margin-bottom:0;padding:12px 0;box-shadow:none}.search-bar input:focus{box-shadow:none;border-color:transparent}input,select,textarea{width:100%;padding:12px 16px;border:1px solid rgba(59,130,246,.2);border-radius:8px;font-size:14px;margin-bottom:12px;background:rgba(30,41,59,.5);color:var(--text-light);transition:all .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--secondary-blue);box-shadow:0 0 0 3px #3b82f61a}table{width:100%;border-collapse:collapse}th,td{padding:16px;text-align:left;border-bottom:1px solid rgba(59,130,246,.1)}th{background:rgba(30,58,138,.3);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:1px;color:var(--accent-blue)}tr:hover{background:rgba(59,130,246,.05)}.navbar{background:linear-gradient(135deg,var(--darker-bg) 0%,var(--primary-blue) 100%);color:#fff;padding:0 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #00000080;border-bottom:2px solid var(--secondary-blue);height:70px;position:sticky;top:0;z-index:1000}.menu-toggle{display:flex;background:transparent;border:none;cursor:pointer;padding:4px;z-index:1001;transition:transform .3s ease}.menu-toggle:hover{transform:scale(1.1)}.menu-logo{height:45px;width:auto;filter:drop-shadow(0 2px 8px rgba(59,130,246,.5))}.navbar-brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;color:#fff;font-family:Cinzel,serif;letter-spacing:2px;position:absolute;left:50%;transform:translate(-50%)}.nav-links{position:fixed;top:70px;left:-100%;width:280px;height:calc(100vh - 70px);background:var(--card-bg);flex-direction:column;padding:20px;gap:12px;box-shadow:4px 0 20px #00000080;transition:left .3s ease;overflow-y:auto;z-index:999;display:flex}.nav-links.open{left:0}.nav-link{color:var(--text-light);text-decoration:none;padding:14px 16px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-weight:500;font-size:16px;white-space:nowrap;width:100%;justify-content:flex-start;background:transparent;box-sizing:border-box}.nav-link:hover{background:rgba(59,130,246,.2);color:#fff}.nav-link.active{background:rgba(59,130,246,.3);color:#fff;border-left:3px solid #3b82f6}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--darker-bg) 0%,var(--primary-blue) 50%,var(--darker-bg) 100%);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%);border-radius:50%;top:-250px;right:-250px}.login-card{background:rgba(30,41,59,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:60px 50px;border-radius:24px;box-shadow:0 20px 60px #00000080,0 0 0 1px #3b82f633;text-align:center;border:1px solid rgba(59,130,246,.2);z-index:1}.login-logo{max-width:200px;margin-bottom:30px;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.stat-card{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(30,58,138,.4) 100%);color:#fff;padding:32px;border-radius:16px;text-align:center;border:1px solid rgba(59,130,246,.2);box-shadow:0 4px 12px #0000004d;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);transition:all .5s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #3b82f64d}.stat-card:hover:before{top:-30%;right:-30%}.stat-icon{margin-bottom:16px;opacity:.9}.stat-value{font-size:42px;font-weight:800;margin:12px 0;color:var(--accent-blue);text-shadow:0 2px 8px rgba(59,130,246,.3)}.stat-label{font-size:13px;opacity:.8;text-transform:uppercase;letter-spacing:1px;font-weight:600}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--accent-blue);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--card-bg);padding:32px;border-radius:16px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;border:1px solid rgba(59,130,246,.2)}.badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:rgba(16,185,129,.2);color:var(--success);border:1px solid var(--success)}.badge-danger{background:rgba(239,68,68,.2);color:var(--danger);border:1px solid var(--danger)}.badge-warning{background:rgba(245,158,11,.2);color:var(--warning);border:1px solid var(--warning)}.badge-primary{background:rgba(59,130,246,.3);color:#b8c8ff;border:1px solid #3b82f6;font-weight:600}h1,h2,h3{color:var(--text-light);margin-bottom:20px}h1{font-size:32px;font-weight:800;color:var(--text-light);display:flex;align-items:center;gap:12px;font-family:Cinzel,serif;letter-spacing:1px}.navbar-brand{display:flex;align-items:center;gap:16px;font-size:24px;font-weight:800;color:#fff;font-family:Cinzel,serif;letter-spacing:2px;position:absolute;left:50%;transform:translate(-50%)}@media (max-width: 768px){.navbar-brand span{font-size:18px}.menu-logo{height:38px}.container{padding:16px 12px}.grid{grid-template-columns:1fr;gap:16px}h1{font-size:22px}.card{padding:16px;overflow-x:auto}table{font-size:13px;min-width:600px}table th,table td{padding:10px 8px}.page-header{flex-direction:column;gap:12px;align-items:flex-start}.modal-content{width:95%;max-width:500px;max-height:85vh;overflow-y:auto;padding:20px}.stat-card{padding:16px}.stat-card h3{font-size:14px}.stat-card .value{font-size:24px}.filters{flex-direction:column;align-items:flex-start;gap:12px}.filters>div{width:100%}.filters select{width:100%!important}.container.menu-open{margin-left:0}.btn{padding:10px 18px;font-size:14px}.form-group label,.form-group input,.form-group select,.form-group textarea{font-size:14px}.login-card{padding:30px 20px;width:95%}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:16px}.filters{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:flex-start}.actions{display:flex;gap:12px;flex-wrap:wrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card,.stat-card{animation:fadeIn .5s ease-out}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--darker-bg)}::-webkit-scrollbar-thumb{background:var(--secondary-blue);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}button[title]{position:relative}button[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:rgba(15,23,42,.95);color:var(--text-light);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;margin-bottom:8px;z-index:1000;box-shadow:0 4px 12px #0006;pointer-events:none}button[title]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#0f172af2;margin-bottom:2px;z-index:1000;pointer-events:none}