:root{--bg-primary: #0d0f14;--bg-secondary: #161b22;--bg-card: rgba(22, 27, 34, .7);--border-subtle: #30363d;--border-focus: #ff9f43;--text-primary: #f0f6fc;--text-secondary: #8b949e;--color-orange: #ff9f43;--color-blue: #00a8ff;--color-purple: #9c27b0;--color-green: #2ed573;--color-red: #ff5252;--shadow-glow-blue: 0 4px 20px rgba(0, 168, 255, .2);--shadow-glow-orange: 0 4px 20px rgba(255, 159, 67, .2);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--font-display: "Outfit", sans-serif;--font-sans: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.5px}.app-container{display:flex;min-height:100vh;background-image:radial-gradient(at 0% 0%,rgba(0,168,255,.05) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(156,39,176,.05) 0px,transparent 50%)}.sidebar{width:280px;background:linear-gradient(180deg,#161b22d9,#0d0f14f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;padding:32px 20px;position:fixed;height:100vh;z-index:100;box-shadow:10px 0 30px #0003}.main-content{margin-left:280px;flex:1;padding:40px;min-height:100vh}.logo{font-family:var(--font-display);font-size:24px;font-weight:900;color:#fff;margin-bottom:48px;display:flex;align-items:center;gap:10px;letter-spacing:1px}.logo span{color:var(--color-orange);position:relative;text-shadow:0 0 15px rgba(255,159,67,.4)}.nav-links{display:flex;flex-direction:column;gap:10px;list-style:none}.nav-item{display:flex;align-items:center;gap:14px;padding:14px 20px;color:var(--text-secondary);background:transparent;border:1px solid transparent;text-decoration:none;border-radius:14px;cursor:pointer;font-size:14px;font-weight:500;width:100%;text-align:left;transition:var(--transition-smooth)}.nav-item:hover{color:#fff;background-color:#ffffff08;transform:translate(4px)}.nav-item.active{color:#fff;background-color:#ff9f4314;border:1px solid rgba(255,159,67,.2);box-shadow:inset 0 0 12px #ff9f430d;font-weight:600;position:relative}.nav-item.active:before{content:"";position:absolute;left:0;top:25%;height:50%;width:4px;background-color:var(--color-orange);border-radius:0 4px 4px 0;box-shadow:0 0 10px var(--color-orange)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:16px}.admin-profile-card{display:flex;align-items:center;gap:12px;padding:14px;background-color:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:var(--transition-smooth)}.admin-profile-card:hover{background-color:#ffffff0a}.admin-avatar{width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,159,67,.3);box-shadow:0 0 10px #ff9f431a}.admin-info{display:flex;flex-direction:column}.admin-name{font-size:14px;font-weight:600;color:#fff;font-family:var(--font-display)}.admin-role{font-size:11px;color:var(--text-secondary);margin-top:2px}.logout-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;color:#fff;background:#ff525214;border:1px solid rgba(255,82,82,.15);cursor:pointer;font-size:13px;font-weight:600;width:100%;border-radius:14px;transition:var(--transition-smooth)}.logout-btn:hover{background-color:var(--color-red);color:#fff;box-shadow:0 4px 15px #ff525233;transform:translateY(-1px)}.grid-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:40px}.card-kpi{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:20px;padding:24px;display:flex;align-items:center;gap:20px;transition:var(--transition-smooth)}.card-kpi:hover{transform:translateY(-5px);border-color:#fff3;box-shadow:0 10px 30px #0000004d}.kpi-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center}.kpi-details h4{font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.kpi-details p{font-family:var(--font-display);font-size:28px;font-weight:800;color:#fff}.page-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.page-header h2{font-size:28px;font-weight:800}.page-header p{color:var(--text-secondary);font-size:14px;margin-top:4px}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.form-control{background-color:var(--bg-primary);border:1px solid var(--border-subtle);color:#fff;padding:12px 16px;border-radius:12px;font-family:var(--font-sans);font-size:14px;transition:var(--transition-smooth)}.form-control:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px #ff9f4333}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:var(--transition-smooth)}.btn-primary{background-color:var(--color-orange);color:#0d0f14}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-orange);filter:brightness(1.1)}.btn-secondary{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover{background-color:#ffffff0d}.btn-danger{background-color:var(--color-red);color:#fff}.btn-danger:hover{filter:brightness(1.1);box-shadow:0 4px 15px #ff52524d}.content-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:24px;padding:32px}.table-responsive{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:16px;color:var(--text-secondary);font-size:13px;font-weight:600;text-transform:uppercase;border-bottom:1px solid var(--border-subtle)}td{padding:18px 16px;font-size:14px;border-bottom:1px solid var(--border-subtle)}tr:last-child td{border-bottom:none}.row-actions{display:flex;gap:8px}.action-icon-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:6px;border-radius:8px;transition:var(--transition-smooth)}.action-icon-btn:hover{color:#fff;background-color:#ffffff0d}.action-icon-btn.edit:hover{color:var(--color-blue)}.action-icon-btn.delete:hover{color:var(--color-red)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0d0f14d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:24px;width:500px;max-width:90%;padding:32px;box-shadow:0 20px 50px #00000080;animation:modalFadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-footer{margin-top:32px;display:flex;justify-content:flex-end;gap:12px}.file-upload-zone{border:2px dashed var(--border-subtle);border-radius:16px;padding:24px;text-align:center;cursor:pointer;transition:var(--transition-smooth);background-color:#0000001a;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.file-upload-zone:hover{border-color:var(--color-orange);background-color:#ff9f4305}.file-upload-zone p{font-size:13px;color:var(--text-secondary);margin-top:8px}.file-upload-preview{margin-top:12px;max-width:100%;max-height:120px;border-radius:8px;object-fit:cover}.file-upload-success-text{font-size:12px;color:var(--color-green);font-weight:600;margin-top:8px}.login-container{display:flex;min-height:100vh;width:100%;align-items:center;justify-content:center;background-color:var(--bg-primary);background-image:radial-gradient(circle at 10% 20%,rgba(255,159,67,.08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,168,255,.08) 0%,transparent 40%)}.login-card{width:420px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:24px;padding:40px;box-shadow:0 15px 35px #0006}.login-logo{text-align:center;font-family:var(--font-display);font-size:32px;font-weight:900;color:#fff;margin-bottom:8px}.login-logo span{color:var(--color-orange)}.login-subtitle{text-align:center;color:var(--text-secondary);font-size:14px;margin-bottom:32px}.login-error{background-color:#ff52521a;border:1px solid rgba(255,82,82,.2);color:var(--color-red);padding:12px;border-radius:12px;font-size:13px;margin-bottom:20px;text-align:center;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.sections-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}.section-row-item{background-color:#00000026;border:1px solid var(--border-subtle);border-radius:16px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;transition:var(--transition-smooth)}.section-row-item:hover{border-color:#ffffff26;background-color:#ffffff05}.section-info{display:flex;align-items:center;gap:16px}.section-drag-handle{color:var(--text-secondary);cursor:grab}.section-title-label{font-weight:600;font-size:15px}.section-order-badge{background-color:#ffffff1a;color:var(--text-secondary);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700}.section-controls{display:flex;align-items:center;gap:20px}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#30363d;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--color-green)}input:checked+.slider:before{transform:translate(20px)}