:root{--tech-primary: #0ea5e9;--tech-primary-dark: #0284c7;--tech-secondary: #8b5cf6;--tech-accent: #10b981;--tech-dark: #0f172a;--tech-darker: #020617;--tech-light: #f8fafc;--tech-gray-300: #cbd5e1;--tech-gray-600: #64748b;--tech-gray-800: #1e293b;--tech-gradient-1: linear-gradient(135deg, #0ea5e9, #8b5cf6);--tech-gradient-3: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--tech-border-radius: .75rem;--tech-border-radius-lg: 1rem;--tech-shadow: 0 4px 20px rgba(0, 0, 0, .3);--tech-shadow-lg: 0 10px 40px rgba(0, 0, 0, .5);--tech-glow: 0 0 20px rgba(14, 165, 233, .4);--tech-glow-hover: 0 8px 30px rgba(14, 165, 233, .3)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:var(--tech-darker);color:var(--tech-light)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid rgba(14,165,233,.2);color:#e2e8f0;z-index:1000;overflow-y:auto;box-shadow:0 0 30px #0ea5e91a}.sidebar-header{padding:1.5rem 1.25rem;border-bottom:1px solid rgba(14,165,233,.15)}.sidebar-brand{display:flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none}.sidebar-brand .logo-icon{width:40px;height:40px;background:var(--tech-gradient-1);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 0 20px #0ea5e966;animation:pulse 2s infinite}.sidebar-brand h5{margin:0;font-weight:700;font-size:1rem;background:var(--tech-gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-menu{padding:1rem 0;list-style:none;margin:0}.menu-section{padding:.5rem 1.25rem;margin-top:1rem;font-size:.7rem;text-transform:uppercase;color:var(--tech-gray-600);font-weight:700;letter-spacing:1px}.menu-item{margin:.125rem .75rem;list-style:none}.menu-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--tech-gray-300);text-decoration:none;border-radius:.5rem;transition:all .3s;font-weight:500;font-size:.9375rem}.menu-link:hover{color:var(--tech-primary);transform:translate(4px)}.menu-link.active{background:var(--tech-gradient-1);color:#fff;box-shadow:0 4px 15px #0ea5e966;font-weight:600}.menu-link.active i{color:#fff}.menu-link i{font-size:1.125rem;width:20px;text-align:center;color:var(--tech-gray-600)}.main-content{margin-left:240px;padding:2rem;min-height:100vh;background:var(--tech-gradient-3)}.page-header{background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(14,165,233,.2);padding:1.25rem 1.5rem;border-radius:var(--tech-border-radius);margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--tech-shadow)}.page-title{font-size:1.75rem;font-weight:700;margin:0;background:var(--tech-gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-info{display:flex;align-items:center;gap:1rem}.user-name{color:var(--tech-gray-300);font-weight:500;font-size:.9375rem}.btn-logout{background:#0f172a80;border:1px solid rgba(14,165,233,.3);color:var(--tech-gray-300);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:500;font-size:.875rem}.btn-logout:hover{background:#ef444433;border-color:#ef444480;color:#ef4444}.content-card{background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(14,165,233,.15);border-radius:var(--tech-border-radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--tech-shadow)}.content-card h5{color:var(--tech-light);font-weight:600;margin-bottom:1rem}.content-card h5 i{color:var(--tech-primary);margin-right:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#0f172a80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(14,165,233,.2);border-radius:var(--tech-border-radius);padding:1.25rem;display:flex;align-items:center;gap:1.25rem;box-shadow:var(--tech-shadow);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--tech-gradient-1)}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--tech-glow-hover)}.stat-icon{width:56px;height:56px;background:var(--tech-gradient-1);border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0;box-shadow:var(--tech-glow)}.stat-info h6{color:var(--tech-gray-600);font-size:.875rem;margin:0 0 .25rem;font-weight:500}.stat-info h3{color:var(--tech-light);margin:0;font-size:1.75rem;font-weight:700;background:var(--tech-gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.table{background:#0f172a80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--tech-border-radius);overflow:hidden;border:1px solid rgba(14,165,233,.15);color:var(--tech-gray-300);width:100%;border-collapse:collapse}.table thead th{background:#0f172ab3;color:var(--tech-gray-300);border:none;border-bottom:1px solid rgba(14,165,233,.2);padding:.875rem 1rem;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;text-align:left}.table tbody td{padding:1rem;border-bottom:1px solid rgba(14,165,233,.1);vertical-align:middle;color:var(--tech-gray-300)}.table tbody tr:hover{background:#0ea5e91a}.form-control,.form-select,textarea{background:#0f172a80;border:1px solid rgba(14,165,233,.3);color:var(--tech-light);padding:.625rem 1rem;border-radius:.5rem;font-size:.9375rem;width:100%}.form-control:focus,.form-select:focus,textarea:focus{background:#0f172ab3;border-color:var(--tech-primary);box-shadow:0 0 0 .25rem #0ea5e940;outline:none;color:var(--tech-light)}.form-label{color:var(--tech-gray-300);font-weight:600;margin-bottom:.5rem;font-size:.875rem;display:block}.alert{border-radius:.5rem;padding:1rem 1.25rem;margin-bottom:1.5rem;font-weight:500;font-size:.9375rem}.alert-success{background:#10b98733;color:#10b981;border-left:4px solid #10b981}.alert-danger{background:#ef444433;color:#ef4444;border-left:4px solid #ef4444}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--tech-gradient-3);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(14,165,233,.2) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(139,92,246,.2) 0%,transparent 50%)}.login-card{background:#0f172ab3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(14,165,233,.2);border-radius:var(--tech-border-radius-lg);padding:2.5rem;width:100%;max-width:400px;box-shadow:var(--tech-shadow-lg),0 0 40px #0ea5e933;position:relative;z-index:2}.login-header{text-align:center;margin-bottom:2rem}.login-header .logo-icon{width:64px;height:64px;background:var(--tech-gradient-1);border-radius:16px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:var(--tech-glow);animation:pulse 2s infinite}.login-header h2{color:var(--tech-light);margin:0;font-weight:700;font-size:1.75rem;background:var(--tech-gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-login{width:100%;background:var(--tech-gradient-1);border:none;color:#fff;padding:.875rem;border-radius:.5rem;font-weight:600;cursor:pointer}.btn-login:hover{transform:translateY(-2px);box-shadow:var(--tech-glow-hover)}.btn-login:disabled{opacity:.6;cursor:not-allowed}.btn-primary-custom{background:var(--tech-gradient-1);border:none;color:#fff;padding:.625rem 1.25rem;border-radius:.5rem;display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;text-decoration:none}.btn-primary-custom:hover{transform:translateY(-2px);box-shadow:var(--tech-glow-hover);color:#fff}.btn-danger-custom{background:#0f172a80;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:500;font-size:.875rem}.btn-danger-custom:hover{background:#ef444433}.badge{padding:.375rem .75rem;border-radius:.375rem;font-weight:600;font-size:.8125rem;display:inline-block;background:var(--tech-gradient-1);color:#fff}.badge-secondary{background:#64748b4d;color:var(--tech-gray-300)}.badge-success{background:#10b9874d;color:#10b981}.badge-warning{background:#f59e0b4d;color:#f59e0b}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.media-item{background:#0f172a80;border:1px solid rgba(14,165,233,.2);border-radius:var(--tech-border-radius);overflow:hidden;transition:all .3s}.media-item:hover{transform:translateY(-5px);box-shadow:var(--tech-glow-hover)}.media-preview{width:100%;height:160px;object-fit:cover;border-bottom:1px solid rgba(14,165,233,.2)}.media-info{padding:1rem}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.pagination{display:flex;gap:.5rem;align-items:center;justify-content:center;margin-top:1.5rem}.pagination button{background:#0f172a80;border:1px solid rgba(14,165,233,.3);color:var(--tech-gray-300);padding:.4rem .8rem;border-radius:.4rem;cursor:pointer}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination button.active{background:var(--tech-gradient-1);color:#fff}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.main-content{margin-left:0}}