:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--bg-color: #0f172a;--surface-color: rgba(30, 41, 59, .7);--surface-hover: rgba(51, 65, 85, .8);--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: rgba(148, 163, 184, .1);--glass-border: 1px solid rgba(255, 255, 255, .1);--input-bg: rgba(0, 0, 0, .2);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--bg-gradient-1: rgba(99, 102, 241, .15);--bg-gradient-2: rgba(139, 92, 246, .15)}[data-theme=light]{--bg-color: #f1f5f9;--surface-color: rgba(255, 255, 255, .8);--surface-hover: rgba(248, 250, 252, .9);--text-primary: #0f172a;--text-secondary: #64748b;--border-color: rgba(148, 163, 184, .2);--glass-border: 1px solid rgba(255, 255, 255, .5);--input-bg: rgba(255, 255, 255, .6);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .02);--bg-gradient-1: rgba(99, 102, 241, .05);--bg-gradient-2: rgba(139, 92, 246, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;line-height:1.5;background-image:radial-gradient(at 0% 0%,var(--bg-gradient-1) 0px,transparent 50%),radial-gradient(at 100% 0%,var(--bg-gradient-2) 0px,transparent 50%);background-attachment:fixed;transition:background-color .3s ease,color .3s ease}.app-container{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--surface-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:var(--glass-border);padding:1.5rem;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:50;transition:background-color .3s ease,border-color .3s ease}.logo{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:2.5rem;display:flex;align-items:center;gap:.75rem;letter-spacing:-.025em}width: 260px; background: var(--surface-color); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-right: var(--glass-border); padding: 1.5rem; display: flex; flex-direction: column; position: fixed; height: 100vh; z-index: 50; transition: background-color .3s ease,border-color .3s ease; } .logo{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:2.5rem;display:flex;align-items:center;gap:.75rem;letter-spacing:-.025em}.logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.logo-icon img{width:100%;height:100%;object-fit:contain}.nav-menu{list-style:none;display:flex;flex-direction:column;gap:.5rem}.nav-item{width:100%}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:var(--transition);font-weight:500}.nav-link:hover,.nav-link.active{background:#6366f11a;color:var(--primary-color)}.nav-link i{width:20px;text-align:center}.theme-toggle-container{margin-top:auto;padding-top:1rem;border-top:var(--glass-border)}.theme-toggle{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition);background:transparent;border:none;width:100%;font-family:inherit;font-size:1rem}.theme-toggle:hover{background:#6366f11a;color:var(--primary-color)}.main-content{flex:1;margin-left:260px;padding:2rem;max-width:1600px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-title{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:var(--text-primary)}.header-actions{display:flex;gap:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:var(--transition);border:none;font-family:inherit;font-size:.875rem}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 14px #6366f163}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f13b}.btn-secondary{background:#ffffff0d;background:var(--surface-color);color:var(--text-primary);border:var(--glass-border)}[data-theme=light] .btn-secondary{background:#fff;border:1px solid #e2e8f0}.btn-secondary:hover{background:var(--surface-hover)}.btn-icon{padding:.625rem}.card{background:var(--surface-color);border:var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .3s ease,border-color .3s ease}.login-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;width:100%;height:100vh}.login-card{width:100%;max-width:400px;padding:2.5rem;text-align:center}.login-header{margin-bottom:2rem}.login-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.login-subtitle{color:var(--text-secondary);font-size:.875rem}.form-group{margin-bottom:1.25rem;text-align:left}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:.75rem 1rem;background:var(--input-bg);border:var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133}.view-toggle{display:flex;background:var(--input-bg);padding:.25rem;border-radius:var(--radius-md);border:var(--glass-border)}.toggle-btn{padding:.5rem .75rem;border-radius:calc(var(--radius-md) - 2px);color:var(--text-secondary);cursor:pointer;transition:var(--transition);border:none;background:transparent}.toggle-btn.active{background:var(--surface-color);color:var(--text-primary);box-shadow:var(--shadow-sm)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.media-card{background:var(--surface-color);border:var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);cursor:pointer;position:relative}.media-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#6366f14d}.media-preview{aspect-ratio:16/9;background:#1e293b;position:relative;overflow:hidden}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.media-card:hover .media-preview img{transform:scale(1.05)}.media-info{padding:1rem}.media-name{font-weight:500;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.media-meta{font-size:.75rem;color:var(--text-secondary);display:flex;justify-content:space-between}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{text-align:left;padding:1rem;color:var(--text-secondary);font-weight:500;font-size:.875rem;border-bottom:var(--glass-border)}.data-table td{padding:1rem;border-bottom:1px solid var(--border-color);vertical-align:middle;color:var(--text-primary)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}[data-theme=light] .data-table tr:hover td{background:#00000005}.key-value{font-family:Monaco,Consolas,monospace;background:#0000004d;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;color:#e2e8f0}[data-theme=light] .key-value{background:#0000000d;color:#334155}.status-badge{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600}.status-active{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}[data-theme=light] .status-active{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.status-inactive{background:#f43f5e1a;color:#fb7185;border:1px solid rgba(244,63,94,.2)}[data-theme=light] .status-inactive{background:#f43f5e1a;color:#e11d48;border:1px solid rgba(244,63,94,.2)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.modal.show{display:flex;opacity:1}.modal-content{background:var(--surface-color);border:var(--glass-border);border-radius:var(--radius-lg);width:100%;max-width:500px;padding:2rem;transform:scale(.95);transition:transform .3s cubic-bezier(.4,0,.2,1);color:var(--text-primary)}.modal.show .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{font-size:1.25rem;font-weight:600}.close-modal{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1}.close-modal:hover{color:var(--text-primary)}.modal-footer{margin-top:2rem;display:flex;justify-content:flex-end;gap:1rem}.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:200;justify-content:center;align-items:center}.lightbox.show{display:flex}.lightbox-content{max-width:90%;max-height:90vh;object-fit:contain}.lightbox-close{position:absolute;top:2rem;right:2rem;color:#fff;font-size:2rem;cursor:pointer;background:transparent;border:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .5s ease forwards}#root{min-height:100vh}