:root{--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-bg-dark: #090a0f;--color-bg-card: rgba(18, 20, 32, .7);--color-bg-card-hover: rgba(25, 28, 45, .8);--color-border: rgba(255, 255, 255, .08);--color-border-glow: rgba(99, 102, 241, .4);--color-primary: #6366f1;--color-primary-glow: rgba(99, 102, 241, .25);--color-secondary: #a855f7;--color-accent: #06b6d4;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-success: #10b981;--color-success-glow: rgba(16, 185, 129, .2);--color-danger: #ef4444;--color-danger-glow: rgba(239, 68, 68, .2);--color-warning: #f59e0b;--glass-blur: 24px;--shadow-main: 0 20px 40px -15px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(99, 102, 241, .15);--border-radius-lg: 20px;--border-radius-md: 12px;--border-radius-sm: 8px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg-dark);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;letter-spacing:-.025em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.portal-container{position:relative;width:100vw;height:100vh;min-height:600px;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image 1s ease-in-out;display:flex;align-items:center;justify-content:flex-start;padding:2rem 4rem}.portal-overlay{position:absolute;inset:0;background:linear-gradient(105deg,#090a0fd9,#090a0f73,#090a0fcc);-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px);z-index:1}.portal-content{position:relative;z-index:2;width:100%;max-width:480px}.glass-card{background:var(--color-bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:2.5rem;box-shadow:var(--shadow-main);transition:var(--transition-smooth);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));opacity:.8}.glass-card:hover{border-color:#ffffff1f;box-shadow:var(--shadow-main),var(--shadow-glow)}.portal-title{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#fff,#d8b4fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.portal-subtitle{color:var(--color-text-secondary);font-size:.95rem;margin-bottom:2rem}.form-group{margin-bottom:1.25rem;position:relative}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;background:#00000040;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:.875rem 1rem;color:var(--color-text-primary);font-family:var(--font-body);font-size:.95rem;transition:var(--transition-smooth)}.form-input:focus{outline:none;border-color:var(--color-primary);background:#0006;box-shadow:0 0 0 4px var(--color-primary-glow)}.btn-primary{width:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border:none;border-radius:var(--border-radius-md);color:#fff;padding:1rem;font-family:var(--font-heading);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f180;filter:brightness(1.1)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-primary);padding:.75rem 1.25rem;font-family:var(--font-heading);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-icon-only{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--border-radius-sm);color:var(--color-danger);padding:.5rem;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center}.btn-icon-only:hover{background:#ef444440;border-color:#ef444466}.uploader-box{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.doc-list-container{max-height:280px;overflow-y:auto;margin-bottom:1.5rem;padding-right:.25rem}.doc-entry{background:#0003;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:1.25rem;margin-bottom:1rem;position:relative;animation:slideDown .3s cubic-bezier(.16,1,.3,1) forwards}.doc-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.doc-entry-title{font-size:.87rem;font-weight:700;color:var(--color-text-primary)}.file-drop-zone{border:2px dashed var(--color-border);border-radius:var(--border-radius-md);padding:1.5rem;text-align:center;cursor:pointer;transition:var(--transition-smooth);background:#ffffff03;position:relative}.file-drop-zone:hover{border-color:var(--color-primary);background:#6366f108}.file-drop-zone.drag-active{border-color:var(--color-accent);background:#06b6d40d}.file-drop-text{font-size:.85rem;color:var(--color-text-secondary);margin-top:.5rem}.file-drop-text span{color:var(--color-primary);font-weight:600}.file-selected-details{display:flex;align-items:center;gap:.75rem;justify-content:space-between;background:#ffffff08;padding:.5rem .75rem;border-radius:var(--border-radius-sm);font-size:.85rem}.file-name-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-weight:500}.file-size-meta{color:var(--color-text-muted);font-size:.8rem;white-space:nowrap}.progress-wrapper{margin-top:1.5rem}.progress-info{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.5rem}.progress-label{font-weight:600;color:var(--color-text-secondary)}.progress-percent{font-weight:700;color:var(--color-accent)}.progress-bar-bg{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:4px;transition:width .1s ease;box-shadow:0 0 10px #06b6d480}.status-container{text-align:center;padding:2rem 0;animation:fadeIn .4s ease forwards}.status-icon{width:64px;height:64px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-icon.success{background:var(--color-success-glow);color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.status-icon.error{background:var(--color-danger-glow);color:var(--color-danger);border:1px solid rgba(239,68,68,.3)}.status-title{font-size:1.5rem;margin-bottom:.75rem}.status-desc{color:var(--color-text-secondary);font-size:.95rem;margin-bottom:1.5rem}.maintenance-card{text-align:center}.maintenance-icon{color:var(--color-warning);margin-bottom:1.5rem}.admin-login-container{width:100vw;height:100vh;background:radial-gradient(circle at top right,rgba(168,85,247,.15) 0%,rgba(99,102,241,.1) 30%,var(--color-bg-dark) 100%);display:flex;align-items:center;justify-content:center;padding:1rem}.admin-login-card{width:100%;max-width:400px}.admin-login-logo{display:flex;justify-content:center;margin-bottom:2rem;color:var(--color-primary)}.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.admin-sidebar{background:#0c0e18f2;border-right:1px solid var(--color-border);padding:2rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between}.admin-brand{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:800;color:#fff;margin-bottom:3rem}.admin-nav{display:flex;flex-direction:column;gap:.5rem}.admin-nav-item{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--border-radius-md);font-family:var(--font-heading);font-weight:500;font-size:.95rem;cursor:pointer;transition:var(--transition-smooth)}.admin-nav-item:hover,.admin-nav-item.active{color:#fff;background:#ffffff0a}.admin-nav-item.active{background:#6366f11a;color:var(--color-primary);border-left:3px solid var(--color-primary);border-top-left-radius:0;border-bottom-left-radius:0}.admin-nav-item.danger-hover:hover{background:#ef44441a;color:var(--color-danger)}.admin-user-profile{display:flex;align-items:center;gap:.75rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.admin-user-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff}.admin-user-meta{overflow:hidden}.admin-user-name{font-size:.875rem;font-weight:600;color:#fff}.admin-user-role{font-size:.75rem;color:var(--color-text-muted)}.admin-main{display:flex;flex-direction:column;background:radial-gradient(circle at 80% 10%,rgba(99,102,241,.05) 0%,transparent 40%),#0d0f17;overflow-y:auto;height:100vh}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-title-area h2{font-size:1.75rem;font-weight:800}.admin-title-area p{color:var(--color-text-secondary);font-size:.875rem}.admin-actions{display:flex;align-items:center;gap:1rem}.admin-search-wrapper{position:relative}.admin-search-input{background:#0003;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:.6rem 1rem .6rem 2.5rem;color:#fff;font-size:.9rem;width:280px;transition:var(--transition-smooth)}.admin-search-input:focus{outline:none;border-color:var(--color-primary);width:320px;background:#0006}.admin-search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.admin-body{padding:3rem;flex:1}.table-card{background:#12142066;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;margin-bottom:2rem}.table-responsive{overflow-x:auto;width:100%}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:.925rem}.admin-table th{background:#00000040;padding:1.15rem 1.5rem;font-family:var(--font-heading);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.admin-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);vertical-align:middle}.admin-table tbody tr{transition:var(--transition-smooth)}.admin-table tbody tr:hover{background:#ffffff05}.admin-table tbody tr.expanded{background:#6366f105}.file-drawer{background:#00000059;padding:1.5rem;border-bottom:1px solid var(--color-border)}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.file-pill{background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:1rem;display:flex;align-items:center;justify-content:space-between;transition:var(--transition-smooth)}.file-pill:hover{border-color:var(--color-primary-glow);background:#ffffff0a}.file-pill-info{overflow:hidden;margin-right:.75rem}.file-pill-name{font-weight:600;font-size:.85rem;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.file-pill-size{font-size:.75rem;color:var(--color-text-muted)}.file-type-badge{padding:.25rem .6rem;border-radius:20px;font-size:.72rem;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center}.file-type-badge.image{background:#10b98126;color:#34d399}.file-type-badge.video{background:#3b82f626;color:#60a5fa}.file-type-badge.document{background:#a855f726;color:#c084fc}.file-type-badge.audio{background:#ec489926;color:#f472b6}.file-type-badge.archive{background:#f59e0b26;color:#fbbf24}.file-type-badge.other{background:#64748b26;color:#94a3b8}.status-badge{padding:.25rem .6rem;border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem}.status-badge.active{background:var(--color-success-glow);color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.status-badge.maintenance{background:var(--color-danger-glow);color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--color-border);font-size:.85rem;color:var(--color-text-secondary)}.pagination-buttons{display:flex;gap:.5rem}.settings-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.settings-card{padding:2.5rem}.settings-header{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.toggle-wrapper{display:flex;align-items:center;justify-content:space-between;background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:1.25rem;margin-bottom:1.75rem}.toggle-info{max-width:70%}.toggle-title{font-weight:700;font-size:.95rem;color:#fff}.toggle-desc{font-size:.8rem;color:var(--color-text-secondary)}.switch{position:relative;display:inline-block;width:50px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff26;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--color-primary)}input:focus+.slider{box-shadow:0 0 1px var(--color-primary)}input:checked+.slider:before{transform:translate(24px)}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;margin-bottom:1.75rem}.checkbox-card{background:#00000040;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:.85rem 1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:var(--transition-smooth)}.checkbox-card:hover{border-color:#ffffff26}.checkbox-card.checked{border-color:var(--color-primary);background:#6366f10d}.checkbox-card input[type=checkbox]{accent-color:var(--color-primary);width:16px;height:16px}.checkbox-card label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;text-transform:capitalize}.checkbox-card.checked label{color:#fff}.bg-preview-card{text-align:center}.bg-preview-container{width:100%;height:180px;background-color:#0000004d;border:1px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative}.bg-preview-image{width:100%;height:100%;object-fit:cover}.bg-preview-empty{font-size:.85rem;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:.5rem}.file-input-hide{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}@media(max-width:1024px){.portal-container{padding:2rem;justify-content:center}.portal-content{max-width:100%}.settings-grid,.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:none}}