@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.auth-wrapper *{margin:0;padding:0;box-sizing:border-box}.auth-wrapper{display:grid;grid-template-columns:45% 55%;min-height:100vh;font-family:Open Sans,-apple-system,system-ui,sans-serif}.logo img{max-width:230px}.auth-form-section{background:#fff;display:flex;align-items:center;justify-content:center;padding:3rem 2rem;position:relative;z-index:10}.auth-form-container{width:100%;max-width:440px}.auth-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}.brand-logo{width:48px;height:48px;color:#1b4f67;flex-shrink:0}.brand-logo svg{width:100%;height:100%;display:block}.brand-text{font-size:1.75rem;font-weight:700;color:#1b4f67;margin:0}.auth-header{margin-bottom:2rem}.auth-header h1{font-size:1.875rem;font-weight:700;color:#000;margin-bottom:.5rem;line-height:1.2}.auth-header p{font-size:.9375rem;color:#6c757d;font-weight:400}.auth-form{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#212529;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;font-size:.9375rem;color:#212529;background:#fff;border:1px solid #DEE2E6;border-radius:.375rem;transition:all .2s ease;font-family:inherit}.form-input:focus{outline:none;border-color:#1b4f67;box-shadow:0 0 0 3px #1b4f671a}.form-input::placeholder{color:#adb5bd}.form-footer{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.link-primary{font-size:.875rem;color:#1b4f67;text-decoration:none;font-weight:500;transition:color .2s ease}.link-primary:hover{color:#004aab;text-decoration:underline}.btn-submit{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:#1b4f67;border:none;border-radius:.375rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit}.btn-submit:hover:not(:disabled){background:#004aab;transform:translateY(-2px);box-shadow:0 4px 12px #1b4f674d}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.spinner-border{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.alert{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;margin-bottom:1.5rem;border-radius:.375rem;font-size:.9375rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-danger{background:#f8d7da;color:#721c24;border-left:4px solid #DC3545}.alert i{font-size:1.25rem;flex-shrink:0}.auth-footer{text-align:center;padding-top:1.5rem;border-top:1px solid #E9ECEF}.auth-footer p{font-size:.875rem;color:#6c757d;margin:0}.auth-footer strong{color:#1b4f67;font-weight:600}.auth-visual-section{background:#004aab;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:3rem}.visual-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;width:100%;max-width:480px;text-align:center}.visual-image-wrap{width:100%;max-width:360px;animation:imgFadeIn .9s ease forwards}.visual-hero-img{width:100%;height:auto;object-fit:contain;border-radius:1rem;filter:drop-shadow(0 12px 40px rgba(0,0,0,.35))}@keyframes imgFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.visual-phrase{font-size:1.25rem;font-weight:600;color:#ffffffeb;line-height:1.5;min-height:2em;letter-spacing:.01em;transition:opacity .4s ease,transform .4s ease}.phrase-in{opacity:1;transform:translateY(0)}.phrase-out{opacity:0;transform:translateY(-8px)}@media (max-width: 1024px){.auth-wrapper{grid-template-columns:1fr}.auth-visual-section{display:none}.auth-form-section{padding:2rem 1.5rem}}@media (max-width: 576px){.auth-form-container{max-width:100%}.auth-brand{margin-bottom:2rem}.brand-logo{width:40px;height:40px}.brand-text,.auth-header h1{font-size:1.5rem}.form-input{font-size:16px}}.welcome-row{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem;margin-bottom:2rem}.welcome-card{background:linear-gradient(135deg,#1b4f67,#0a3d52);border-radius:1rem;padding:1.5rem;min-height:140px;color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 12px #1b4f674d}.welcome-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.welcome-text{flex:1;max-width:400px}.welcome-text h2{font-size:1.75rem;font-weight:700;margin-bottom:.75rem;color:#fff}.welcome-text p{font-size:.9375rem;line-height:1.6;margin-bottom:1.5rem;opacity:.95}.btn-view-report{padding:.75rem 1.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.btn-view-report:hover{background:#ffffff40;transform:translate(4px)}.welcome-illustration{height:260px;display:flex;align-items:center;justify-content:center}.welcome-illustration img{width:100%;height:100%;object-fit:contain}.insights-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014;overflow:hidden}.insights-header{padding:1.5rem;border-bottom:1px solid #E9ECEF;display:flex;justify-content:space-between;align-items:center}.insights-header h5{font-size:1rem;font-weight:700;color:#212529;margin:0}.btn-icon{width:32px;height:32px;border:none;background:transparent;color:#6c757d;cursor:pointer;border-radius:.375rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#f6f9ff;color:#1b4f67}.insights-body{padding:1.5rem}.insight-main{margin-bottom:1.5rem;text-align:center}.insight-label{font-size:.8125rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.insight-value{font-size:2rem;font-weight:700;color:#212529;margin:.5rem .75rem .5rem 0;display:inline-block}.insight-change{font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem}.dark-mode .insight-change{color:var(--text-tertiary)}.insight-chart{margin-bottom:1.5rem}.mini-bars{display:flex;align-items:flex-end;gap:.5rem;height:60px;padding:.5rem;background:#f8f9fa;border-radius:.5rem}.mini-bar{flex:1;border-radius:.25rem;transition:all .3s}.mini-bar:hover{opacity:.8}.insight-regions{display:flex;gap:1rem}.region-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6c757d}.region-dot{width:10px;height:10px;border-radius:50%}@media (max-width: 1024px){.welcome-row{grid-template-columns:1fr}.welcome-illustration{display:none}}.dashboard{max-width:1400px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem}.stat-card{background:#fff;border-radius:12px;padding:1.25rem 1.375rem;border:1px solid #E8EAED;box-shadow:0 1px 3px #0000000d;transition:box-shadow .2s,transform .2s}.dark-mode .stat-card{background:#16181f;border-color:#2a2d35;box-shadow:0 1px 3px #0003}.stat-card:hover{box-shadow:0 4px 14px #00000017;transform:translateY(-2px)}.dark-mode .stat-card:hover{box-shadow:0 4px 14px #00000059}.stat-content{display:flex;justify-content:space-between;align-items:center}.stat-info h6{font-size:.75rem;font-weight:600;color:#6b7280;margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.6px}.dark-mode .stat-info h6{color:#9ca3af}.stat-info h2{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.375rem;letter-spacing:-.03em;line-height:1}.dark-mode .stat-info h2{color:#f9fafb}.stat-change{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.1875rem .5rem;border-radius:999px}.stat-change.positive{color:#059669;background:#d1fae5}.stat-change.negative{color:#dc2626;background:#fee2e2}.stat-change.neutral{color:#6b7280;background:#f3f4f6}.dark-mode .stat-change.neutral{background:#252830;color:#9ca3af}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.stat-icon.blue{background:linear-gradient(135deg,#1b4f67,#247194)}.stat-icon.green{background:linear-gradient(135deg,#059669,#10b981)}.stat-icon.orange{background:linear-gradient(135deg,#d97706,#f59e0b)}.stat-icon.purple{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.charts-row{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem;margin-bottom:1.5rem}.chart-card{background:#fff;border-radius:12px;border:1px solid #E8EAED;box-shadow:0 1px 3px #0000000d;overflow:hidden}.dark-mode .chart-card{background:#16181f;border-color:#2a2d35}.card-header{padding:1.125rem 1.375rem;border-bottom:1px solid #F3F4F6;display:flex;justify-content:space-between;align-items:center}.dark-mode .card-header{border-bottom-color:#2a2d35}.card-header h5{font-size:.9375rem;font-weight:700;color:#111827;margin:0;letter-spacing:-.01em}.dark-mode .card-header h5{color:#f9fafb}.card-subtitle{font-size:.8125rem;color:#9ca3af;margin-top:.125rem}.card-body{padding:1.25rem 1.375rem}.chart-card .card-body{padding:1.375rem;min-height:320px}.chart-legend{display:flex;gap:1.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6c757d}.legend-dot{width:12px;height:12px;border-radius:50%}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:380px;padding:.2rem .5rem;gap:.5rem}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:0;height:100%;justify-content:flex-end}.bar-container{width:100%;max-width:50px;display:flex;flex-direction:column;border-radius:.375rem .375rem 0 0;overflow:hidden;transition:all .3s;box-shadow:0 2px 4px #0000001a}.bar-container:hover{transform:translateY(-4px);box-shadow:0 4px 8px #0003}.bar{width:100%;transition:all .3s;cursor:pointer;min-height:2px}.bar-primary{background:linear-gradient(180deg,#1b4f67,#247194)}.bar-success{background:linear-gradient(180deg,#7cb342,#9ccc65)}.bar-label{font-size:.75rem;color:#6c757d;font-weight:500;text-align:center;white-space:nowrap}.dark-mode .bar-primary{background:linear-gradient(180deg,#247194,#1b4f67)}.dark-mode .bar-success{background:linear-gradient(180deg,#9ccc65,#7cb342)}.dark-mode .bar-label{color:var(--text-tertiary)}.dark-mode .bar-container{box-shadow:0 2px 4px #0000004d}.dark-mode .bar-container:hover{box-shadow:0 4px 8px #00000080}.donut-chart{width:200px;height:200px;margin:0 auto 1.5rem}.donut-svg{width:100%;height:100%}.donut-total-label{font-size:12px;fill:#6c757d;font-weight:600}.donut-total-value{font-size:20px;fill:#212529;font-weight:700}.donut-legend{display:flex;flex-direction:column;gap:1rem}.legend-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:.375rem}.legend-info{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:#212529;font-weight:500}.legend-stats{display:flex;align-items:center;gap:1rem}.legend-stats strong{font-size:1.125rem;color:#212529}.dark-mode .legend-stats strong{color:#fff}.legend-stats .percentage{font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem}.bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.info-card{background:#fff;border-radius:12px;border:1px solid #E8EAED;box-shadow:0 1px 3px #0000000d;overflow:hidden}.dark-mode .info-card{background:#16181f;border-color:#2a2d35}.campaign-list{display:flex;flex-direction:column;gap:1rem}.campaign-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:.5rem;transition:all .2s}.campaign-item:hover{background:#e9ecef}.campaign-icon{width:48px;height:48px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.campaign-icon[data-status=success]{background:#28a745}.campaign-icon[data-status=warning]{background:#ffc107}.campaign-icon[data-status=info]{background:#17a2b8}.campaign-icon[data-status=primary]{background:#1b4f67}.campaign-info{flex:1;display:flex;flex-direction:column}.campaign-info strong{font-size:.9375rem;color:#212529}.campaign-info span{font-size:.8125rem;color:#6c757d}.badge{display:inline-flex;align-items:center;padding:.1875rem .5625rem;font-size:.6875rem;font-weight:600;border-radius:999px;letter-spacing:.3px}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-primary{background:#dbeafe;color:#1e40af}.badge-info{background:#cffafe;color:#155e75}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f9fafb}.dark-mode .data-table thead{background:#1e2029}.data-table th{padding:.625rem 1rem;text-align:left;font-size:.6875rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #F3F4F6}.dark-mode .data-table th{color:#6b7280;border-bottom-color:#2a2d35}.data-table td{padding:.75rem 1rem;border-bottom:1px solid #F9FAFB}.dark-mode .data-table td{border-bottom-color:#1e2029}.data-table tbody tr:hover{background:#f9fafb}.dark-mode .data-table tbody tr:hover{background:#1e2029}.page-info{display:flex;flex-direction:column}.page-info strong{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.125rem}.dark-mode .page-info strong{color:#f3f4f6}.page-info small{font-size:.75rem;color:#9ca3af}@media (max-width: 1280px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1100px){.charts-row,.bottom-row{grid-template-columns:1fr}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr 1fr}.welcome-banner{flex-direction:column;align-items:flex-start}.quick-actions{width:100%}.btn-quick{flex:1;justify-content:center}}@media (max-width: 400px){.stats-grid{grid-template-columns:1fr}}@keyframes barGrow{0%{height:0}to{height:var(--bar-height)}}.welcome-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#1b4f67,#0d3a50);border-radius:12px;padding:1.375rem 1.75rem;margin-bottom:1.25rem;color:#fff;gap:1rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #1b4f6740}.welcome-banner .welcome-text h2{font-size:1.25rem;font-weight:700;margin-bottom:.25rem;color:#fff;letter-spacing:-.02em}.welcome-banner .welcome-text p{font-size:.875rem;opacity:.82;margin:0;line-height:1.5}.quick-actions{display:flex;gap:.625rem;flex-shrink:0}.btn-quick{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .9375rem;background:#fff;color:#1b4f67;border:none;border-radius:7px;font-size:.8125rem;font-weight:600;cursor:pointer;text-decoration:none;transition:opacity .15s,transform .15s;white-space:nowrap}.btn-quick:hover{opacity:.93;text-decoration:none;color:#1b4f67;transform:translateY(-1px)}.btn-quick.outline{background:#ffffff1a;color:#fff;border:1.5px solid rgba(255,255,255,.4)}.btn-quick.outline:hover{background:#ffffff2e;color:#fff}.activity-list{display:flex;flex-direction:column;margin:-.25rem}.activity-group{margin-bottom:.25rem}.activity-date-sep{display:flex;align-items:center;gap:.75rem;padding:.625rem .5rem .375rem}.activity-date-sep:before,.activity-date-sep:after{content:"";flex:1;height:1px;background:#e9ecef}.activity-date-sep span{font-size:.6875rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.dark-mode .activity-date-sep:before,.dark-mode .activity-date-sep:after{background:#2a2d35}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem;border-radius:8px;transition:background .15s}.activity-item:hover{background:#f9fafb}.dark-mode .activity-item:hover{background:#1e2029}.activity-icon-wrap{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0;color:#fff;margin-top:1px}.activity-icon-wrap.act-blue{background:linear-gradient(135deg,#1b4f67,#247194)}.activity-icon-wrap.act-green{background:linear-gradient(135deg,#28a745,#20c997)}.activity-icon-wrap.act-orange{background:linear-gradient(135deg,#ff7800,#ffc107)}.activity-icon-wrap.act-red{background:linear-gradient(135deg,#dc3545,#c82333)}.activity-icon-wrap.act-teal{background:linear-gradient(135deg,#17a2b8,#0e7490)}.activity-icon-wrap.act-gray{background:linear-gradient(135deg,#6c757d,#495057)}.activity-content{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.activity-text{font-size:.8125rem;color:#374151;line-height:1.45}.dark-mode .activity-text{color:#d1d5db}.activity-text strong{font-weight:600;color:#1b4f67}.dark-mode .activity-text strong{color:#4db8e8}.activity-time{font-size:.6875rem;color:#9ca3af}@media (max-width: 600px){.welcome-banner{flex-direction:column;align-items:flex-start}.quick-actions{width:100%}.btn-quick{flex:1;justify-content:center}}.bar-wrapper:nth-child(1) .bar-stack{animation-delay:.05s}.bar-wrapper:nth-child(2) .bar-stack{animation-delay:.1s}.bar-wrapper:nth-child(3) .bar-stack{animation-delay:.15s}.bar-wrapper:nth-child(4) .bar-stack{animation-delay:.2s}.bar-wrapper:nth-child(5) .bar-stack{animation-delay:.25s}.bar-wrapper:nth-child(6) .bar-stack{animation-delay:.3s}.bar-wrapper:nth-child(7) .bar-stack{animation-delay:.35s}.bar-wrapper:nth-child(8) .bar-stack{animation-delay:.4s}.bar-wrapper:nth-child(9) .bar-stack{animation-delay:.45s}.bar-wrapper:nth-child(10) .bar-stack{animation-delay:.5s}.bar-wrapper:nth-child(11) .bar-stack{animation-delay:.55s}.bar-wrapper:nth-child(12) .bar-stack{animation-delay:.6s}.donut-center-text{animation:fadeIn .5s ease-out .8s forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.page-editor{position:fixed;top:60px;left:0;right:0;bottom:0;z-index:100;display:flex;flex-direction:column;overflow:hidden;background:#f5f5f5}.draft-restore-bar{display:flex;align-items:center;gap:.75rem;background:#fff8e1;border-bottom:1px solid #FFE082;padding:.55rem 1.25rem;font-size:.83rem;color:#5d4037;flex-shrink:0}.draft-restore-bar i{color:#f59e0b}.draft-restore-bar span{flex:1}.btn-draft-restore{display:flex;align-items:center;gap:.3rem;background:#1b4f67;color:#fff;border:none;border-radius:6px;padding:.3rem .75rem;font-size:.78rem;font-weight:600;cursor:pointer}.btn-draft-restore:hover{background:#17415a}.btn-draft-discard{background:none;border:1px solid #D0B070;color:#7d5a00;border-radius:6px;padding:.3rem .7rem;font-size:.78rem;cursor:pointer}.btn-draft-discard:hover{background:#0000000d}.editor-topbar{height:56px;background:#fff;border-bottom:1px solid #E9ECEF;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem 0 calc(260px + 1.25rem);flex-shrink:0;gap:1rem;box-shadow:0 1px 3px #0000000d;z-index:50}.topbar-left{display:flex;align-items:center;gap:.875rem;min-width:0;flex:1}.topbar-center{display:flex;align-items:center;justify-content:center;flex-shrink:0}.topbar-page-info{display:flex;align-items:center;gap:.5rem;min-width:0}.topbar-breadcrumb{font-size:.875rem;color:#6c757d;cursor:pointer;white-space:nowrap;transition:color .2s}.topbar-breadcrumb:hover{color:#1b4f67}.topbar-page-name{font-size:.9375rem;font-weight:700;color:#212529;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.topbar-page-url{display:inline-flex;align-items:center;gap:.35rem;font-size:.8125rem;color:#6c757d;background:#f8f9fa;padding:.25rem .75rem;border-radius:20px;white-space:nowrap;text-decoration:none;transition:all .2s;border:1px solid transparent}.topbar-page-url:hover{color:#1b4f67;background:#eef4ff;border-color:#c5d8f5;text-decoration:none}.topbar-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.viewport-toggle{display:flex;background:#f1f3f5;border-radius:8px;padding:3px;gap:2px}.vp-btn{display:flex;align-items:center;gap:.375rem;padding:.3rem .875rem;background:transparent;border:none;border-radius:6px;font-size:.8125rem;font-weight:600;color:#6c757d;cursor:pointer;transition:all .18s;white-space:nowrap}.vp-btn i{font-size:.9375rem}.vp-btn:hover{color:#1b4f67;background:#fff9}.vp-btn.active{background:#fff;color:#1b4f67;box-shadow:0 1px 3px #0000001f}.topbar-msg{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;padding:.35rem .875rem;border-radius:20px;animation:fadeInMsg .3s ease;white-space:nowrap}.topbar-msg.success{background:#d4edda;color:#155724}.topbar-msg.error{background:#f8d7da;color:#721c24}@keyframes fadeInMsg{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.topbar-icon-btn{width:36px;height:36px;border:1px solid #E9ECEF;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6c757d;font-size:1rem;transition:all .2s;flex-shrink:0}.topbar-icon-btn:hover{background:#f6f9ff;color:#1b4f67;border-color:#c5d8f5}.btn-back{width:36px;height:36px;border:1px solid #E9ECEF;background:#f8f9fa;color:#495057;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.btn-back:hover{background:#e9ecef;color:#212529}.publish-toggle-group{display:flex;align-items:center;gap:.625rem}.publish-status{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;white-space:nowrap}.publish-status .status-dot{width:8px;height:8px;border-radius:50%}.publish-status.published{color:#28a745}.publish-status.published .status-dot{background:#28a745;box-shadow:0 0 0 2px #28a74533}.publish-status.draft{color:#856404}.publish-status.draft .status-dot{background:#ffc107}.publish-toggle{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer;flex-shrink:0}.publish-toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:#dee2e6;border-radius:12px;transition:background .3s}.toggle-track:before{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .3s;box-shadow:0 1px 3px #00000040}.publish-toggle input:checked+.toggle-track{background:#28a745}.publish-toggle input:checked+.toggle-track:before{transform:translate(20px)}.editor-workspace{flex:1;display:flex;min-height:0;overflow:hidden;position:relative;padding-left:260px;padding-right:340px}.app-main.expanded .editor-workspace{padding-left:80px}.preview-panel{flex:1;display:flex;flex-direction:column;min-width:0;background:#1c1c1e}.preview-header{height:40px;background:#2d2d30;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;flex-shrink:0;gap:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.preview-header-left{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.preview-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.preview-dot.green{background:#27c840}.preview-url{font-size:.75rem;color:#888;background:#ffffff12;padding:.2rem .75rem;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:monospace;max-width:380px}.preview-header-right{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.bridge-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.71rem;font-weight:700;padding:.2rem .625rem;border-radius:20px;white-space:nowrap;background:#28a74533;color:#5eca82;letter-spacing:.2px}.bridge-badge.loading{background:#ffc10726;color:#ffd060}.bridge-badge i{font-size:.75rem}.preview-editing-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;background:#1b4f678c;color:#7dd3fc;padding:.2rem .625rem;border-radius:20px;white-space:nowrap}.preview-editing-badge i{font-size:.75rem}.preview-open-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#888;font-size:.875rem;text-decoration:none;border-radius:6px;transition:all .2s}.preview-open-btn:hover{background:#ffffff1a;color:#fff}.preview-iframe-wrap{flex:1;position:relative;overflow-y:auto;overflow-x:hidden;background:#ebebeb}.preview-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#ebebeb;z-index:10;font-size:.9rem;color:#6c757d}.preview-spinner{width:36px;height:36px;border:3px solid #DEE2E6;border-top-color:#1b4f67;border-radius:50%;animation:spin .8s linear infinite}.iframe-zoom-wrapper{display:block}.preview-iframe-wrap.mobile{background:#1c1c1e;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow-y:auto}.mobile-device-frame{width:390px;height:844px;border:10px solid #2A2A2C;border-radius:44px;overflow:hidden;box-shadow:0 0 0 1px #ffffff12,0 30px 80px #0009,inset 0 0 0 2px #ffffff0d;background:#000;flex-shrink:0}.mobile-device-inner{width:100%;height:100%;border-radius:34px;overflow:hidden}.editor-right-panel{position:absolute;right:0;top:0;bottom:0;width:340px;background:#fff;border-left:1px solid #E9ECEF;display:flex;flex-direction:column;overflow:hidden;z-index:20;box-shadow:-4px 0 20px #0000001f}.section-nav{display:flex;flex-direction:column;height:100%;overflow-y:auto}.section-nav-header{padding:1.25rem 1.25rem 1rem;border-bottom:1px solid #F1F3F5;flex-shrink:0}.section-nav-title{font-size:.9375rem;font-weight:700;color:#212529;display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.section-nav-title i{color:#1b4f67}.section-nav-hint{font-size:.8125rem;color:#6c757d;line-height:1.5;margin:0}.section-nav-list{padding:.75rem;flex:1}.section-nav-item{width:100%;display:flex;align-items:center;gap:.875rem;padding:.875rem;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;text-align:left;transition:all .18s;margin-bottom:.375rem}.section-nav-item:hover{background:#f6f9ff;border-color:#dde8fa}.section-num-badge{width:32px;height:32px;border-radius:50%;background:#adb5bd;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0;transition:background .2s}.section-nav-item:hover .section-num-badge{background:#1b4f67}.section-nav-info{flex:1;min-width:0}.section-nav-name{font-size:.9rem;font-weight:600;color:#343a40;display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-nav-name i{color:#1b4f67;font-size:.9375rem}.section-nav-arrow{font-size:.8rem;color:#ced4da;flex-shrink:0;transition:transform .18s,color .18s}.section-nav-item:hover .section-nav-arrow{color:#1b4f67;transform:translate(2px)}.section-nav-tip{display:flex;align-items:flex-start;gap:.625rem;padding:.875rem 1.25rem;background:#eef4ff;border-top:1px solid #DDE8FA;font-size:.78rem;color:#1b4f67;line-height:1.55;flex-shrink:0}.section-nav-tip i{font-size:.875rem;flex-shrink:0;margin-top:1px}.edit-form-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;animation:formSlideIn .2s ease}@keyframes formSlideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.edit-form-header{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.125rem;border-bottom:1px solid #F1F3F5;flex-shrink:0;background:#fff}.edit-form-back{width:32px;height:32px;border:1px solid #E9ECEF;background:#f8f9fa;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:.9375rem;transition:all .18s;flex-shrink:0}.edit-form-back:hover{background:#e9ecef;color:#343a40}.edit-form-title{display:flex;align-items:center;gap:.625rem;font-size:.9375rem;font-weight:700;color:#212529;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-section-num{width:28px;height:28px;border-radius:50%;background:#1b4f67;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:800;flex-shrink:0}.edit-form-body{flex:1;overflow-y:auto;padding:.875rem 1.125rem}.form-group-title{font-size:.7rem;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;margin:1.125rem 0 .5rem;padding-bottom:.4rem;border-bottom:1px solid #F3F4F6}.form-group-title:first-child{margin-top:0}.field-wrap{transition:box-shadow .2s,border-color .2s}.field-wrap.field-focused{border-color:#1b4f67!important;box-shadow:0 0 0 3px #1b4f671a!important;background:#f0f6ff!important}.field-wrap.field-focused .form-label{color:#1b4f67}.panel-section{background:#fafbfc;padding:.875rem 1rem;border-radius:8px;margin-bottom:.625rem;border:1px solid #F1F3F5}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-label{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;color:#374151;margin-bottom:.4rem}.form-label i{font-size:.9375rem;color:#1b4f67}.form-input,.form-textarea{width:100%;padding:.55rem .75rem;font-size:.875rem;color:#212529;background:#fff;border:1.5px solid #E9ECEF;border-radius:7px;transition:all .18s;font-family:inherit;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:#1b4f67;box-shadow:0 0 0 3px #1b4f6714}.form-textarea{resize:vertical;min-height:72px;line-height:1.6}.form-hint{display:block;margin-top:.3rem;font-size:.78rem;color:#6c757d}.form-input.mono{font-family:Courier New,Courier,monospace;font-size:.83rem}.url-input{background:#f8f9ff;border-style:dashed;font-family:Courier New,monospace;font-size:.82rem}.url-input:focus{border-style:solid}.input-row{display:flex;gap:.5rem;align-items:flex-start}.input-row .form-input{flex:1;min-width:0}.input-row .url-input{flex:0 0 38%}.list-item-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.list-item-row .form-input{flex:1}.list-item-row .form-input.icon-input{flex:0 0 100px;width:100px;font-family:monospace;font-size:.83rem}.btn-remove{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#fff5f5;border:1px solid #F5C6CB;border-radius:6px;color:#dc3545;cursor:pointer;font-size:.8rem;transition:all .18s;padding:0}.btn-remove:hover{background:#f8d7da;border-color:#dc3545}.btn-add{margin-top:.375rem;font-size:.8375rem;display:inline-flex;align-items:center;gap:.4rem}.edit-form-footer{padding:.875rem 1.125rem;border-top:1px solid #E9ECEF;flex-shrink:0;background:#fafbfc;display:flex;flex-direction:column;gap:.5rem}.edit-form-footer-note{display:flex;align-items:flex-start;gap:.4rem;font-size:.75rem;color:#adb5bd;line-height:1.45}.edit-form-footer-note i{flex-shrink:0;font-size:.8125rem;margin-top:1px}.draft-indicator{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#9e7700;background:#fffbeb;border:1px solid #FDE68A;border-radius:20px;padding:.25rem .65rem;white-space:nowrap}.draft-indicator i{color:#f59e0b;font-size:.8rem}.btn-draft{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .875rem;background:#fff;color:#495057;border:1.5px solid #DEE2E6;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-draft:hover{background:#f8f9fa;border-color:#adb5bd;color:#212529}.edit-form-footer-btns{display:flex;gap:.5rem;margin-bottom:.5rem}.media-input-row{display:flex;gap:.375rem;align-items:center}.media-input-row .form-input{flex:1;min-width:0}.media-btn{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f1f3f5;border:1.5px solid #DEE2E6;border-radius:7px;color:#6c757d;cursor:pointer;font-size:.9rem;transition:all .15s}.media-btn:hover:not(:disabled){background:#e9ecef;color:#1b4f67;border-color:#1b4f67}.media-btn:disabled{opacity:.5;cursor:not-allowed}.media-preview{margin-top:.5rem;border-radius:8px;overflow:hidden;border:1.5px solid #E9ECEF;background:#f8f9fa;max-height:120px;display:flex;align-items:center;justify-content:center}.media-preview img{width:100%;height:120px;object-fit:cover;display:block}.form-hint.error{color:#dc3545}.media-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.media-modal{background:#fff;border-radius:14px;width:min(860px,95vw);max-height:82vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #0000004d}.media-modal-header{display:flex;flex-direction:column;padding:1rem 1.25rem 0;border-bottom:1px solid #E9ECEF;flex-shrink:0;gap:.5rem}.media-modal-title-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.media-type-tabs{display:flex;gap:.25rem;margin-left:auto}.media-tab-btn{display:flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border:1px solid #DEE2E6;border-radius:6px;background:#fff;font-size:.8rem;color:#495057;cursor:pointer;transition:all .15s}.media-tab-btn.active{background:#1b4f67;color:#fff;border-color:#1b4f67}.media-tab-btn:hover:not(.active){background:#f8f9fa}.media-modal-header-right{display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem}.media-modal-header h3{margin:0;font-size:1rem;font-weight:700;color:#212529;display:flex;align-items:center;gap:.4rem;flex:1}.media-modal-header h3 i{color:#1b4f67}.media-upload-err{font-size:.75rem;color:#dc3545}.media-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid #DEE2E6;border-radius:7px;color:#6c757d;cursor:pointer;font-size:.85rem}.media-modal-close:hover{background:#f8f9fa;color:#212529}.media-modal-body{flex:1;overflow-y:auto;padding:1rem 1.25rem;min-height:200px}.media-modal-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:#6c757d;text-align:center}.media-modal-center p{margin:0;font-size:.9rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}.media-grid-item{display:flex;flex-direction:column;background:none;border:2px solid #E9ECEF;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .15s;padding:0}.media-grid-item:hover{border-color:#1b4f67;transform:translateY(-2px);box-shadow:0 4px 12px #1b4f6726}.media-grid-video-thumb{width:100%;height:90px;background:#1a1a2e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;color:#fff}.media-grid-video-thumb i{font-size:1.8rem;opacity:.85}.media-grid-video-label{font-size:.65rem;letter-spacing:1px;opacity:.6;font-weight:700}.media-grid-item img{width:100%;height:90px;object-fit:cover;display:block;background:#f1f3f5}.media-grid-name{padding:.35rem .5rem;font-size:.68rem;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;background:#fff}.media-modal-footer{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.875rem 1.25rem;border-top:1px solid #E9ECEF;flex-shrink:0;font-size:.83rem;color:#6c757d}.bg-editor{padding:.875rem 1rem;background:#fafbfc;border:1px solid #F1F3F5;border-radius:8px;margin-bottom:.625rem}.bg-type-toggle{display:flex;gap:.375rem;margin-bottom:.625rem}.bg-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .5rem;background:#f1f3f5;border:1.5px solid transparent;border-radius:7px;font-size:.78rem;font-weight:600;color:#6c757d;cursor:pointer;transition:all .18s;white-space:nowrap}.bg-type-btn i{font-size:.875rem}.bg-type-btn:hover{background:#e9ecef;color:#343a40}.bg-type-btn.active{background:#eef4ff;border-color:#c5d8f5;color:#1b4f67}.bg-color-row{display:flex;align-items:center;gap:.5rem;margin-top:.375rem}.bg-color-swatch{width:38px;height:36px;padding:2px 3px;border:1.5px solid #E9ECEF;border-radius:7px;cursor:pointer;flex-shrink:0;background:#fff}.bg-color-swatch:focus{outline:none;border-color:#1b4f67}.dark-mode .editor-topbar{background:var(--surface-elevated);border-color:var(--border-primary)}.dark-mode .topbar-breadcrumb{color:var(--text-secondary)}.dark-mode .topbar-page-name{color:var(--text-primary)}.dark-mode .topbar-page-url{background:var(--bg-tertiary);color:var(--text-secondary)}.dark-mode .topbar-page-url:hover{background:#42a5f51a;color:#42a5f5}.dark-mode .topbar-icon-btn{background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-secondary)}.dark-mode .topbar-icon-btn:hover{background:var(--bg-hover);color:#42a5f5}.dark-mode .btn-back{background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}.dark-mode .toggle-track{background:var(--bg-tertiary)}.dark-mode .toggle-track:before{background:var(--text-secondary)}.dark-mode .viewport-toggle{background:var(--bg-primary)}.dark-mode .vp-btn{color:var(--text-secondary)}.dark-mode .vp-btn.active{background:var(--surface-elevated);color:#42a5f5}.dark-mode .editor-right-panel{background:var(--surface-elevated);border-color:var(--border-primary)}.dark-mode .section-nav-header{border-color:var(--border-primary)}.dark-mode .section-nav-title{color:var(--text-primary)}.dark-mode .section-nav-hint{color:var(--text-secondary)}.dark-mode .section-nav-item:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.dark-mode .section-nav-item:hover .section-num-badge{background:#42a5f5}.dark-mode .section-nav-name{color:var(--text-primary)}.dark-mode .section-nav-name i{color:#42a5f5}.dark-mode .section-nav-tip{background:#42a5f514;border-color:#42a5f526;color:#42a5f5}.dark-mode .edit-form-header{background:var(--surface-elevated);border-color:var(--border-primary)}.dark-mode .edit-form-back{background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-secondary)}.dark-mode .edit-form-back:hover{background:var(--bg-hover);color:var(--text-primary)}.dark-mode .edit-form-title{color:var(--text-primary)}.dark-mode .edit-form-body{background:transparent}.dark-mode .form-group-title{color:var(--text-tertiary);border-color:var(--border-primary)}.dark-mode .field-wrap.field-focused{border-color:#42a5f5!important;box-shadow:0 0 0 3px #42a5f51a!important;background:#42a5f50d!important}.dark-mode .edit-form-footer{background:var(--surface-elevated);border-color:var(--border-primary)}.dark-mode .edit-form-footer-note{color:var(--text-tertiary)}.dark-mode .panel-section{background:var(--surface-elevated);border-color:var(--border-primary)}.dark-mode .form-label{color:var(--text-primary)}.dark-mode .form-label i{color:#42a5f5}.dark-mode .form-input,.dark-mode .form-textarea{background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}.dark-mode .form-input:focus,.dark-mode .form-textarea:focus{border-color:#42a5f5;box-shadow:0 0 0 3px #42a5f51f}.dark-mode .form-hint{color:var(--text-tertiary)}.dark-mode .url-input{background:var(--bg-primary)}.dark-mode .btn-remove{background:#dc35451a;border-color:#dc35454d}.dark-mode .btn-remove:hover{background:#dc354533}.app-main.expanded .editor-topbar{padding-left:calc(80px + 1.25rem)}@media (max-width: 1200px){.editor-right-panel{width:300px}.editor-workspace{padding-right:300px}.vp-btn span{display:none}}@media (max-width: 768px){.editor-right-panel{width:100%;top:auto;bottom:0;height:50vh;border-left:none;border-top:1px solid #E9ECEF;box-shadow:0 -4px 20px #0000001f}.editor-workspace{padding-right:0;padding-bottom:50vh}.topbar-page-url{display:none}.topbar-page-name{max-width:140px}}@media (max-width: 576px){.editor-topbar{padding:0 .875rem;gap:.5rem}.topbar-page-name,.publish-status,.topbar-msg{display:none}}.ml-page{padding:2rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.ml-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.ml-header-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.ml-header h1{margin:0;font-size:1.6rem;font-weight:700;color:#1b4f67;display:flex;align-items:center;gap:.5rem}.ml-header h1 i{font-size:1.4rem}.ml-total-badge{background:#e8f4f8;color:#1b4f67;font-size:.78rem;font-weight:600;padding:.2rem .65rem;border-radius:20px}.ml-filters{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.ml-type-tabs{display:flex;gap:.3rem}.ml-tab{display:flex;align-items:center;gap:.35rem;padding:.45rem 1rem;border:1.5px solid #DEE2E6;border-radius:8px;background:#fff;font-size:.85rem;color:#495057;cursor:pointer;transition:all .15s;font-weight:500}.ml-tab.active{background:#1b4f67;color:#fff;border-color:#1b4f67}.ml-tab:hover:not(.active){background:#f8f9fa;border-color:#adb5bd}.ml-search-wrap{position:relative;margin-left:auto;min-width:220px}.ml-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#adb5bd;font-size:.85rem}.ml-search{width:100%;padding:.45rem 2rem .45rem 2.1rem;border:1.5px solid #DEE2E6;border-radius:8px;font-size:.875rem;outline:none;transition:border-color .15s}.ml-search:focus{border-color:#1b4f67}.ml-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:#adb5bd;cursor:pointer;padding:2px 4px;font-size:.9rem}.ml-toast{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500}.ml-toast.success{background:#d1fae5;color:#065f46}.ml-toast.error{background:#fee2e2;color:#991b1b}.ml-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem;color:#6c757d}.ml-spinner{width:36px;height:36px;border:3px solid #E9ECEF;border-top-color:#1b4f67;border-radius:50%;animation:spin .8s linear infinite}.ml-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 2rem;color:#adb5bd}.ml-empty i{font-size:3rem}.ml-empty p{margin:0;font-size:.95rem;color:#6c757d}.ml-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.ml-card{background:#fff;border:1.5px solid #E9ECEF;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,border-color .15s}.ml-card:hover{box-shadow:0 4px 16px #1b4f671f;border-color:#bee3f0}.ml-card-thumb{width:100%;height:120px;background:#f8f9fa;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ml-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ml-thumb-video{width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;color:#fff}.ml-thumb-video i{font-size:2.2rem;opacity:.9}.ml-thumb-video span{font-size:.65rem;letter-spacing:1.5px;opacity:.6;font-weight:700}.ml-thumb-video-img{position:relative;width:100%;height:100%}.ml-thumb-video-img img{width:100%;height:100%;object-fit:cover;display:block}.ml-thumb-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000052;transition:background .2s}.ml-thumb-video-overlay i{font-size:2.2rem;color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.ml-card:hover .ml-thumb-video-overlay{background:#0000002e}.ml-thumb-file{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#adb5bd}.ml-thumb-file i{font-size:2.5rem}.ml-card-info{padding:.6rem .75rem .4rem;display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.ml-card-name{font-size:.8rem;font-weight:600;color:#212529;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml-card-size{font-size:.72rem;color:#adb5bd}.ml-card-actions{display:flex;gap:.4rem;padding:.5rem .75rem .75rem}.ml-btn{display:flex;align-items:center;gap:.3rem;padding:.35rem .65rem;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.ml-btn-copy{background:#e8f4f8;color:#1b4f67;flex:1}.ml-btn-copy:hover{background:#1b4f67;color:#fff}.ml-btn-del{background:#fff0f0;color:#dc3545;padding:.35rem .55rem}.ml-btn-del:hover{background:#dc3545;color:#fff}.ml-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.5rem 0 1rem}.ml-page-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1.5px solid #DEE2E6;border-radius:8px;background:#fff;color:#495057;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.ml-page-btn:hover:not(:disabled){background:#1b4f67;color:#fff;border-color:#1b4f67}.ml-page-btn:disabled{opacity:.4;cursor:not-allowed}.ml-page-info{font-size:.875rem;color:#6c757d}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-container{display:flex;flex-direction:column;min-height:100vh;background:#f0f2f5}.dark-mode .app-container{background:#0f1117}.app-header{position:fixed;top:0;left:0;right:0;height:60px;background:#fff;border-bottom:1px solid #E8EAED;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem 0 1.25rem;z-index:1000;box-shadow:0 1px 4px #0000000f}.dark-mode .app-header{background:#16181f;border-bottom-color:#2a2d35;box-shadow:0 1px 4px #0000004d}.header-left{display:flex;align-items:center;gap:.875rem}.header-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none}.brand-icon{font-size:1.375rem;color:#1b4f67}.brand-name{font-size:1.0625rem;font-weight:700;color:#1b4f67;letter-spacing:-.01em}.dark-mode .brand-name{color:#4db8e8}.sidebar-toggle{width:36px;height:36px;border:none;background:transparent;color:#6b7280;font-size:1.375rem;cursor:pointer;border-radius:8px;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background:#f3f4f6;color:#1b4f67}.dark-mode .sidebar-toggle:hover{background:#252830;color:#4db8e8}.header-right{display:flex;align-items:center;gap:.375rem}.header-btn{position:relative;width:36px;height:36px;border:none;background:transparent;color:#6b7280;font-size:1.1875rem;cursor:pointer;border-radius:8px;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center}.header-btn:hover{background:#f3f4f6;color:#1b4f67}.dark-mode .header-btn:hover{background:#252830;color:#4db8e8}.dark-mode .header-btn{color:#9ca3af}.header-btn .badge{position:absolute;top:3px;right:3px;width:16px;height:16px;background:#ef4444;color:#fff;font-size:.5625rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-dropdown{position:relative}.profile-btn{display:flex;align-items:center;gap:.5rem;padding:.3125rem .625rem .3125rem .375rem;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .15s;margin-left:.25rem}.profile-btn:hover{background:#f3f4f6}.dark-mode .profile-btn:hover{background:#252830}.profile-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#1b4f67,#247194);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8125rem;flex-shrink:0}.profile-name{font-size:.875rem;font-weight:600;color:#111827}.dark-mode .profile-name{color:#f3f4f6}.profile-btn>i{font-size:.6875rem;color:#9ca3af}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:210px;background:#fff;border-radius:10px;box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f;border:1px solid #E8EAED;padding:.375rem 0;animation:dropIn .15s ease;z-index:1050}.dark-mode .dropdown-menu{background:#1e2029;border-color:#2a2d35;box-shadow:0 8px 24px #0006}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:.75rem 1rem .625rem}.dropdown-header strong{display:block;font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.125rem}.dark-mode .dropdown-header strong{color:#f3f4f6}.dropdown-header small{font-size:.75rem;color:#6b7280;display:block;line-height:1.4}.dropdown-divider{height:1px;background:#f3f4f6;margin:.25rem 0}.dark-mode .dropdown-divider{background:#2a2d35}.dropdown-item{width:100%;padding:.5625rem 1rem;background:transparent;border:none;text-align:left;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:background .12s;display:flex;align-items:center;gap:.625rem;text-decoration:none}.dark-mode .dropdown-item{color:#d1d5db}.dropdown-item:hover{background:#f9fafb;color:#1b4f67;text-decoration:none}.dark-mode .dropdown-item:hover{background:#252830;color:#4db8e8}.dropdown-item.text-danger{color:#ef4444}.dropdown-item.text-danger:hover{background:#fef2f2;color:#dc2626}.dark-mode .dropdown-item.text-danger:hover{background:#ef44441a;color:#f87171}.dropdown-item i{font-size:1rem}.notifications-dropdown{position:relative}.notifications-menu{min-width:320px;max-height:440px;overflow:hidden;display:flex;flex-direction:column}.notifications-list{flex:1;overflow-y:auto}.notification-item{padding:.875rem 1rem;border-bottom:1px solid #F3F4F6;cursor:pointer;transition:background .12s}.notification-item:hover,.notification-item.unread{background:#f9fafb}.dark-mode .notification-item:hover,.dark-mode .notification-item.unread{background:#252830}.notification-content strong{display:block;font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.25rem}.dark-mode .notification-content strong{color:#f3f4f6}.notification-content p{font-size:.8125rem;color:#6b7280;margin-bottom:.375rem}.notification-content small{font-size:.75rem;color:#9ca3af}.unread-dot{position:absolute;top:1rem;right:1rem;width:7px;height:7px;background:#1b4f67;border-radius:50%}.dropdown-footer{padding:.625rem 1rem;border-top:1px solid #F3F4F6;text-align:center}.dark-mode .dropdown-footer{border-top-color:#2a2d35}.btn-text{background:none;border:none;color:#1b4f67;font-size:.8125rem;font-weight:600;cursor:pointer;transition:color .15s;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}.btn-text:hover{color:#247194;text-decoration:none}.dark-mode .btn-text{color:#4db8e8}.app-sidebar{position:fixed;top:60px;left:0;width:240px;height:calc(100vh - 60px);background:#fff;border-right:1px solid #E8EAED;display:flex;flex-direction:column;transition:width .25s ease;z-index:999;overflow:hidden}.dark-mode .app-sidebar{background:#16181f;border-right-color:#2a2d35}.app-sidebar.collapsed{width:64px}.app-sidebar.collapsed .nav-label,.app-sidebar.collapsed .user-info{opacity:0;width:0;overflow:hidden;white-space:nowrap}.sidebar-nav{flex:1;padding:.75rem .625rem;overflow-y:auto;overflow-x:hidden}.nav-item{display:flex;align-items:center;gap:.625rem;padding:.5625rem .75rem;border-radius:8px;margin-bottom:1px;font-size:.875rem;font-weight:500;color:#4b5563;text-decoration:none;white-space:nowrap;transition:background .12s,color .12s;position:relative}.dark-mode .nav-item{color:#9ca3af}.nav-item:hover{background:#f3f4f6;color:#1b4f67;text-decoration:none}.dark-mode .nav-item:hover{background:#252830;color:#4db8e8}.nav-item.active{background:#eff6ff;color:#1b4f67;font-weight:600}.dark-mode .nav-item.active{background:#4db8e81f;color:#4db8e8}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;background:#1b4f67;border-radius:0 3px 3px 0}.dark-mode .nav-item.active:before{background:#4db8e8}.nav-item i{font-size:1.125rem;flex-shrink:0;width:20px;text-align:center}.nav-label{transition:opacity .2s,width .25s}.sidebar-footer{padding:.625rem .75rem;border-top:1px solid #F3F4F6;display:flex;align-items:center;gap:.5rem;overflow:hidden}.dark-mode .sidebar-footer{border-top-color:#2a2d35}.user-card{display:flex;align-items:center;gap:.625rem;padding:.4375rem .625rem;background:#f9fafb;border-radius:8px;text-decoration:none;color:inherit;transition:background .12s;flex:1;min-width:0;overflow:hidden}.dark-mode .user-card{background:#1e2029}.user-card:hover{background:#eff6ff;text-decoration:none;color:inherit}.dark-mode .user-card:hover{background:#252830}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#1b4f67,#247194);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8125rem;flex-shrink:0}.user-info{flex:1;min-width:0;overflow:hidden;transition:opacity .2s,width .25s}.user-info strong{display:block;font-size:.8125rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-mode .user-info strong{color:#f3f4f6}.user-role{display:block;font-size:.6875rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;font-weight:500}.sidebar-logout-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:1px solid #E5E7EB;border-radius:7px;color:#ef4444;font-size:.9375rem;cursor:pointer;flex-shrink:0;transition:background .12s,border-color .12s}.sidebar-logout-btn:hover{background:#fef2f2;border-color:#fca5a5}.dark-mode .sidebar-logout-btn{border-color:#2a2d35;color:#f87171}.dark-mode .sidebar-logout-btn:hover{background:#ef44441a;border-color:#f87171}.app-main{margin-top:60px;padding:1.75rem 2rem 2rem calc(240px + 1.75rem);min-height:calc(100vh - 60px);transition:padding-left .25s ease;width:100%}.app-main.expanded{padding-left:calc(64px + 1.75rem)}@media (max-width: 1024px){.app-sidebar{transform:translate(-100%);box-shadow:4px 0 16px #0000001a}.app-sidebar.collapsed{transform:translate(0);width:240px}.app-main,.app-main.expanded{padding-left:1.5rem}}@media (max-width: 576px){.app-header{padding:0 1rem}.brand-name,.profile-name{display:none}.app-main{padding:1rem}}.menus-page{max-width:1000px}.menus-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.25rem}.menu-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #00000014;border:1px solid #F1F3F5;transition:all .2s}.menu-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.menu-header{display:flex;align-items:center;gap:.875rem;margin-bottom:1rem}.menu-card-icon{width:42px;height:42px;background:#ebf4f8;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-card-icon i{font-size:1.25rem;color:#1b4f67}.menu-card-info{flex:1;min-width:0}.menu-card-info h3{font-size:1rem;font-weight:700;color:#212529;margin:0 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-location-tag{font-size:.8125rem;color:#6c757d}.menu-body{margin-bottom:1.25rem}.menu-info{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.menu-info i{font-size:1rem;color:#1b4f67}.menu-actions{display:flex;gap:.625rem}.menu-create-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #00000014;border:1px solid #DEE2E6;margin-bottom:1.5rem}.menu-create-card h3{font-size:1rem;font-weight:700;margin:0 0 1rem;color:#1b4f67;display:flex;align-items:center;gap:.5rem}.menu-create-fields{display:grid;grid-template-columns:1fr 200px;gap:1rem;margin-bottom:1rem}.menu-create-actions{display:flex;gap:.75rem}.form-err{color:#dc3545;font-size:.875rem;margin:0 0 .75rem}.menus-loading,.menus-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;text-align:center;color:#6c757d}.menus-empty i{font-size:3rem;color:#adb5bd}.menus-empty p{font-size:1.0625rem;margin:0}.menu-editor-panel{background:#fff;width:100%;max-width:100%;display:flex;flex-direction:column;height:calc(100vh - 60px);overflow:hidden;border-radius:0;box-shadow:none;border:none}.menu-editor-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid #F1F3F5;background:#fafbfc}.btn-back-menu{width:36px;height:36px;border:1px solid #DEE2E6;border-radius:.5rem;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:#495057;flex-shrink:0;transition:all .15s}.btn-back-menu:hover{background:#f1f3f5;color:#1b4f67}.menu-editor-title{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.menu-editor-icon{width:38px;height:38px;background:#ebf4f8;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-editor-icon i{font-size:1.125rem;color:#1b4f67}.menu-editor-title h2{font-size:1rem;font-weight:700;margin:0;color:#212529}.menu-editor-location{font-size:.8125rem;color:#6c757d}.menu-save-msg{display:flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:500;padding:.375rem .75rem;border-radius:.375rem;white-space:nowrap}.menu-save-msg.success{background:#d1fae5;color:#065f46}.menu-save-msg.error{background:#fee2e2;color:#991b1b}.menu-save-btn{flex-shrink:0}.menu-editor-body{padding:1.25rem}.menu-editor-loading{display:flex;align-items:center;gap:.75rem;padding:2rem;color:#6c757d}.menu-items-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.menu-items-count{display:flex;align-items:center;gap:.4rem;font-weight:600;color:#212529;font-size:.9375rem}.menu-items-hint{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:#6c757d}.menu-items-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 2rem;text-align:center;color:#adb5bd}.menu-items-empty i{font-size:2.5rem}.menu-items-empty p{margin:0;font-size:.9375rem}.menu-items-list{border:1px solid #E9ECEF;border-radius:.625rem;overflow:hidden;margin-bottom:1rem}.menu-items-columns{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:#f8f9fa;border-bottom:1px solid #E9ECEF;font-size:.75rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.04em}.col-label{flex:1;min-width:0}.col-url{flex:1.2;min-width:0}.col-target{width:90px;text-align:center}.menu-item-row{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;border-bottom:1px solid #F1F3F5;background:#fff;transition:background .12s}.menu-item-row:last-child{border-bottom:none}.menu-item-row:hover{background:#f8f9fa}.item-order-btns{display:flex;flex-direction:column;gap:1px;width:22px}.item-order-btn{width:22px;height:19px;border:1px solid #DEE2E6;border-radius:3px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#6c757d;padding:0;transition:all .12s}.item-order-btn:hover:not(:disabled){background:#e9ecef;color:#1b4f67;border-color:#adb5bd}.item-order-btn:disabled{opacity:.3;cursor:not-allowed}.item-drag-handle{font-size:1rem;color:#adb5bd;cursor:grab;flex-shrink:0;width:14px}.item-fields{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.item-label-input{flex:1;min-width:0;font-size:.875rem!important;padding:.35rem .6rem!important;height:34px!important}.item-url-input{flex:1.2;min-width:0;font-size:.875rem!important;padding:.35rem .6rem!important;height:34px!important;font-family:Courier New,monospace}.item-target-btn{width:34px;height:34px;border:1px solid #DEE2E6;border-radius:.375rem;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#6c757d;flex-shrink:0;transition:all .15s}.item-target-btn.active{background:#ebf4f8;border-color:#1b4f67;color:#1b4f67}.item-target-btn:hover{background:#f1f3f5}.item-delete-btn{width:34px;height:34px;border:1px solid transparent;border-radius:.375rem;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#adb5bd;flex-shrink:0;transition:all .15s}.item-delete-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.btn-add-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;border-style:dashed}.item-add-child-btn{width:34px;height:34px;border:1px solid #DEE2E6;border-radius:.375rem;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#1b4f67;flex-shrink:0;transition:all .15s}.item-add-child-btn:hover{background:#ebf4f8;border-color:#1b4f67}.item-collapse-btn{width:28px;height:28px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#adb5bd;flex-shrink:0;padding:0}.item-collapse-btn:hover{color:#495057}.root-item-group{border-bottom:1px solid #E9ECEF}.root-item-group:last-child{border-bottom:none}.root-item-row{border-bottom:none;background:#fff}.children-list{background:#fafbfc;border-top:1px solid #F1F3F5}.child-item-row{background:#fafbfc!important;padding-left:1rem!important}.child-item-row:hover{background:#f1f3f5!important}.child-indent{color:#adb5bd;font-size:1rem;flex-shrink:0;width:20px;display:flex;align-items:center}.child-count-badge{background:#ebf4f8;color:#1b4f67;font-size:.75rem;font-weight:600;padding:.1rem .5rem;border-radius:1rem;margin-left:.25rem}.pages-hint{display:flex;align-items:center;flex-wrap:wrap;gap:.375rem;margin-top:.875rem;font-size:.8125rem;color:#6c757d;padding:.625rem .875rem;background:#f8f9fa;border-radius:.5rem;border:1px solid #E9ECEF}.pages-hint i{color:#f59e0b;flex-shrink:0}.pages-hint code{background:#ebf4f8;color:#1b4f67;padding:.1rem .4rem;border-radius:.25rem;font-size:.8125rem}.menu-editor-header{border-radius:0!important}.menu-header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.bridge-badge{display:inline-flex;align-items:center;gap:.35rem;background:#d1fae5;color:#065f46;font-size:.8rem;font-weight:600;padding:.3rem .65rem;border-radius:2rem;white-space:nowrap}.bridge-badge.loading{background:#fef3c7;color:#92400e}.menu-editor-workspace{flex:1;display:flex;min-height:0;overflow:hidden}.menu-preview-col{flex:1;display:flex;flex-direction:column;background:#ebebeb;overflow:hidden;min-width:0}.menu-preview-topbar{height:40px;background:#f1f3f5;border-bottom:1px solid #DEE2E6;display:flex;align-items:center;gap:.5rem;padding:0 1rem;flex-shrink:0}.menu-preview-url{flex:1;font-size:.8125rem;color:#6c757d;font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-open-btn{color:#6c757d;font-size:.875rem;padding:.25rem .5rem;border-radius:.375rem;text-decoration:none;transition:all .15s;flex-shrink:0}.preview-open-btn:hover{background:#e9ecef;color:#1b4f67}.preview-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.preview-dot.red{background:#ff5f57}.preview-dot.yellow{background:#febc2e}.preview-dot.green{background:#28c840}.menu-iframe-wrap{flex:1;overflow:auto;position:relative}.preview-nav-hint{padding:.625rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#6c757d;background:#f1f3f5;border-top:1px solid #DEE2E6;flex-shrink:0}.preview-nav-hint i{font-size:.875rem;color:#1b4f67;flex-shrink:0}.preview-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#f8f9fa;color:#6c757d;font-size:.9rem;z-index:2}.preview-spinner{width:32px;height:32px;border:3px solid #DEE2E6;border-top-color:#1b4f67;border-radius:50%;animation:menuSpinAnim .8s linear infinite}@keyframes menuSpinAnim{to{transform:rotate(360deg)}}.menu-form-col{width:460px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid #E9ECEF;background:#fff;overflow:hidden}.menu-form-inner{flex:1;overflow-y:auto;padding:1.25rem}.dark-mode .menu-editor-panel{background:var(--dark-bg, #1A1A2E)}.dark-mode .menu-form-col{background:var(--dark-bg, #1A1A2E);border-left-color:var(--dark-border, #2D2D44)}.dark-mode .menu-preview-topbar{background:var(--dark-card, #252540);border-bottom-color:var(--dark-border, #2D2D44)}.dark-mode .menu-preview-col{background:#1a1a1a}@media (max-width: 900px){.menu-editor-workspace{flex-direction:column}.menu-preview-col{min-height:45vh;flex:none}.menu-form-col{width:100%;border-left:none;border-top:1px solid #E9ECEF;max-height:50vh}}.sections-page{max-width:1400px}.table-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #00000014;overflow:hidden}.order-controls{display:flex;align-items:center;gap:.5rem}.order-controls span{font-weight:700;min-width:24px;text-align:center}.action-buttons{display:flex;gap:.5rem}.users-page{max-width:1400px}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1b4f67,#004aab);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.badge-role{text-transform:capitalize}.badge-admin{background:#cce5ff;color:#004085}.badge-editor{background:#d4edda;color:#155724}.badge-viewer{background:#fff3cd;color:#856404}.logs-page{max-width:1400px}.header-actions{display:flex;gap:1rem;align-items:center}.logs-table{font-size:.875rem}.log-level{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem}.log-info{background:#d1ecf1;color:#0c5460}.log-success{background:#d4edda;color:#155724}.log-warning{background:#fff3cd;color:#856404}.log-error{background:#f8d7da;color:#721c24}.monospace{font-family:Courier New,monospace;font-size:.8125rem}code{background:#f8f9fa;padding:.25rem .5rem;border-radius:.25rem;font-family:Courier New,monospace;color:#1b4f67}.pages-view{max-width:1400px}.pages-filters{display:flex;gap:1rem;margin-bottom:2rem}.search-box{flex:1;max-width:400px;position:relative}.search-box i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6c757d;font-size:1rem}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;font-size:.9375rem;color:#212529;background:#fff;border:1px solid #DEE2E6;border-radius:.5rem;transition:all .2s}.search-input:focus{outline:none;border-color:#1b4f67;box-shadow:0 0 0 3px #1b4f671a}.filter-select{padding:.75rem 1rem;font-size:.9375rem;color:#212529;background:#fff;border:1px solid #DEE2E6;border-radius:.5rem;cursor:pointer;transition:all .2s;min-width:160px}.filter-select:focus{outline:none;border-color:#1b4f67}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,3fr));gap:1.5rem}.page-card{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column}.page-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.page-card-header{padding:1.25rem;color:#fff;min-height:80px;display:flex;align-items:flex-start;justify-content:space-between}.page-card-info{display:flex;flex-direction:column;gap:.5rem}.page-icon{font-size:1.5rem;opacity:.9}.page-updated{font-size:.8125rem;opacity:.95}.page-card-body{padding:1.5rem;flex:1}.page-card-title{font-size:1.25rem;font-weight:700;color:#212529;margin-bottom:.5rem}.page-card-slug{font-size:.875rem;color:#6c757d;margin-bottom:1rem;font-family:Courier New,monospace}.page-card-meta{display:flex;gap:.5rem;align-items:center}.status-badge{padding:.375rem .75rem;font-size:.75rem;font-weight:700;border-radius:.375rem;text-transform:uppercase;letter-spacing:.5px}.status-badge.published{background:#d4edda;color:#155724}.status-badge.draft{background:#fff3cd;color:#856404}.page-card-footer{padding:1rem 1.5rem;border-top:1px solid #E9ECEF}.btn-card-action{width:100%;padding:.625rem 1rem;font-size:.9375rem;font-weight:600;color:#1b4f67;background:transparent;border:1px solid #1B4F67;border-radius:.375rem;cursor:pointer;transition:all .2s}.btn-card-action:hover{color:#fff;background:#1b4f67}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem}.empty-state i{font-size:4rem;color:#dee2e6;margin-bottom:1.5rem}.empty-state h3{font-size:1.5rem;font-weight:700;color:#212529;margin-bottom:.5rem}.empty-state p{font-size:1rem;color:#6c757d;margin-bottom:2rem}.page-builder-badge{font-size:.75rem;font-weight:700;background:#ffffff40;color:#fff;padding:.2rem .6rem;border-radius:1rem;display:flex;align-items:center;gap:.3rem;white-space:nowrap}.page-card-footer{display:flex;gap:.5rem;align-items:center;padding:1rem 1.5rem;border-top:1px solid #E9ECEF}.btn-card-delete{width:38px;height:38px;flex-shrink:0;border:1px solid #DEE2E6;border-radius:.375rem;background:#fff;color:#adb5bd;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;transition:all .15s}.btn-card-delete:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeInBackdrop .15s ease}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.modal-card{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #00000040;width:100%;max-width:480px;animation:slideUpModal .2s ease;overflow:hidden}.modal-card-sm{max-width:400px}@keyframes slideUpModal{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #F1F3F5;background:#fafbfc}.modal-title{font-size:1rem;font-weight:700;color:#212529;display:flex;align-items:center;gap:.5rem}.modal-title i{color:#1b4f67}.modal-title.danger i{color:#dc2626}.modal-close{width:32px;height:32px;border:none;background:transparent;border-radius:.375rem;color:#6c757d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close:hover{background:#f1f3f5;color:#212529}.modal-body{padding:1.5rem}.modal-field{margin-bottom:1.25rem}.modal-error{color:#dc2626;font-size:.875rem;margin:0 0 1rem;display:flex;align-items:center;gap:.4rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.modal-confirm-text{color:#495057;font-size:.9375rem;margin:0 0 1.5rem;line-height:1.6}.slug-input-wrapper{display:flex;align-items:center;border:1px solid #DEE2E6;border-radius:.5rem;overflow:hidden;transition:border-color .2s,box-shadow .2s}.slug-input-wrapper:focus-within{border-color:#1b4f67;box-shadow:0 0 0 3px #1b4f671a}.slug-prefix{padding:.625rem .75rem;background:#f8f9fa;border-right:1px solid #DEE2E6;font-size:.8125rem;color:#6c757d;white-space:nowrap;font-family:Courier New,monospace;flex-shrink:0}.slug-input{border:none!important;border-radius:0!important;box-shadow:none!important;flex:1;min-width:0;font-family:Courier New,monospace;font-size:.875rem}.slug-input:focus{outline:none;box-shadow:none!important}.dark-mode .search-input,.dark-mode .filter-select{background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}.dark-mode .search-box i{color:var(--text-tertiary)}.dark-mode .search-input:focus,.dark-mode .filter-select:focus{border-color:#1b4f67;background:var(--bg-hover)}.dark-mode .page-card{background:var(--surface-elevated);border:1px solid var(--border-primary);box-shadow:0 2px 8px #0000004d}.dark-mode .page-card:hover{background:var(--surface-hover);box-shadow:0 8px 24px #00000080}.dark-mode .page-card-title{color:var(--text-primary)}.dark-mode .page-card-slug{color:var(--text-tertiary)}.dark-mode .page-card-footer{border-top-color:var(--border-primary)}.dark-mode .btn-card-action{color:#42a5f5;border-color:#42a5f5}.dark-mode .btn-card-action:hover{background:#42a5f5;color:#fff}.dark-mode .status-badge.published{background:#4caf5033;color:var(--success-dark);border:1px solid rgba(76,175,80,.3)}.dark-mode .status-badge.draft{background:#ffc10733;color:var(--warning-dark);border:1px solid rgba(255,193,7,.3)}.dark-mode .empty-state i{color:var(--border-secondary)}.dark-mode .empty-state h3{color:var(--text-primary)}.dark-mode .empty-state p{color:var(--text-secondary)}.dark-mode .modal-card{background:var(--surface-elevated);color:var(--text-primary)}.dark-mode .modal-header{background:var(--bg-tertiary);border-color:var(--border-primary)}.dark-mode .modal-title{color:var(--text-primary)}.dark-mode .modal-close{color:var(--text-secondary);border-color:var(--border-secondary)}.dark-mode .modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.dark-mode .modal-confirm-text{color:var(--text-secondary)}.dark-mode .slug-input-wrapper{border-color:var(--border-secondary)}.dark-mode .slug-prefix{background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-tertiary)}@media (max-width: 768px){.pages-filters{flex-direction:column}.search-box{max-width:100%}.pages-grid{grid-template-columns:1fr}}:root.dark-mode{--bg-primary: #141a18;--bg-secondary: #1A1D24;--bg-tertiary: #252933;--bg-hover: #2E3139;--surface-elevated: #030e09;--surface-hover: #282C34;--border-primary: #2D3139;--border-secondary: #3A3F4B;--text-primary: #FFFFFF;--text-secondary: #B8BBBF;--text-tertiary: #7D8187;--text-disabled: #5A5D64;--success-dark: #4CAF50;--warning-dark: #FFC107;--danger-dark: #FF5252;--info-dark: #42A5F5;--overlay-light: rgba(255, 255, 255, .05);--overlay-medium: rgba(255, 255, 255, .1);--overlay-strong: rgba(255, 255, 255, .15)}.dark-mode{background:var(--bg-primary);color:var(--text-primary)}.dark-mode body{background:var(--bg-primary)}.dark-mode .app-header{background:var(--surface-elevated);border-bottom:1px solid var(--border-primary)}.dark-mode .brand-name,.dark-mode .page-title,.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode h6{color:var(--text-primary)}.dark-mode .header-btn{color:var(--text-secondary)}.dark-mode .header-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.dark-mode .profile-name{color:var(--text-primary)}.dark-mode .app-sidebar{background:var(--surface-elevated);border-right:1px solid var(--border-primary)}.dark-mode .nav-item{color:var(--text-secondary)}.dark-mode .nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dark-mode .nav-item.active{color:#fff;background:#1b4f67}.dark-mode .sidebar-footer{border-top:1px solid var(--border-primary)}.dark-mode .user-card{background:var(--bg-tertiary)}.dark-mode .app-main{background:var(--bg-primary)}.dark-mode .breadcrumb{color:var(--text-tertiary)}.dark-mode .breadcrumb-item.active{color:#1b4f67}.dark-mode .stat-card,.dark-mode .chart-card,.dark-mode .info-card,.dark-mode .insights-card,.dark-mode .menu-card,.dark-mode .table-card{background:var(--surface-elevated);border:1px solid var(--border-primary);box-shadow:0 2px 8px #0000004d}.dark-mode .stat-card:hover,.dark-mode .menu-card:hover{background:var(--surface-hover);box-shadow:0 4px 16px #0006}.dark-mode .card-header{border-bottom:1px solid var(--border-primary)}.dark-mode .card-header h5,.dark-mode .insights-header h5{color:var(--text-primary)}.dark-mode .card-subtitle{color:var(--text-tertiary)}.dark-mode .stat-info h6{color:var(--text-secondary)}.dark-mode .stat-info h2{color:var(--text-primary)}.dark-mode .insight-label{color:var(--text-tertiary)}.dark-mode .insight-value{color:var(--text-primary)}.dark-mode .mini-bars{background:var(--bg-tertiary)}.dark-mode .form-control,.dark-mode .form-input{background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}.dark-mode .form-control:focus,.dark-mode .form-input:focus{background:var(--bg-hover);border-color:#1b4f67}.dark-mode .form-control::placeholder,.dark-mode .form-input::placeholder{color:var(--text-disabled)}.dark-mode .form-label,.dark-mode label{color:var(--text-secondary)}.dark-mode .dropdown-menu,.dark-mode .notifications-menu{background:var(--surface-elevated);border:1px solid var(--border-primary);box-shadow:0 8px 24px #0006}.dark-mode .dropdown-header strong{color:var(--text-primary)}.dark-mode .dropdown-header small{color:var(--text-tertiary)}.dark-mode .dropdown-item{color:var(--text-secondary)}.dark-mode .dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dark-mode .dropdown-divider,.dark-mode .dropdown-footer{border-color:var(--border-primary)}.dark-mode .notification-item{border-bottom:1px solid var(--border-primary)}.dark-mode .notification-item:hover,.dark-mode .notification-item.unread{background:var(--bg-hover)}.dark-mode .notification-content strong{color:var(--text-primary)}.dark-mode .notification-content p{color:var(--text-secondary)}.dark-mode .notification-content small{color:var(--text-tertiary)}.dark-mode .data-table{color:var(--text-primary)}.dark-mode .data-table thead{background:var(--bg-tertiary)}.dark-mode .data-table th{color:var(--text-secondary);border-bottom:2px solid var(--border-secondary)}.dark-mode .data-table td{border-bottom:1px solid var(--border-primary)}.dark-mode .data-table tbody tr:hover{background:var(--bg-hover)}.dark-mode .page-info strong{color:var(--text-primary)}.dark-mode .page-info small,.dark-mode .bar-label{color:var(--text-tertiary)}.dark-mode .donut-total-label{fill:var(--text-secondary)}.dark-mode .donut-total-value{fill:var(--text-primary)}.dark-mode .legend-row{background:var(--bg-tertiary)}.dark-mode .legend-info,.dark-mode .campaign-info strong{color:var(--text-primary)}.dark-mode .campaign-info span,.dark-mode .menu-info{color:var(--text-secondary)}.dark-mode .campaign-item{background:var(--bg-tertiary)}.dark-mode .campaign-item:hover{background:var(--bg-hover)}.dark-mode .badge-success{background:#4caf5033;color:var(--success-dark);border:1px solid rgba(76,175,80,.3)}.dark-mode .badge-warning{background:#ffc10733;color:var(--warning-dark);border:1px solid rgba(255,193,7,.3)}.dark-mode .badge-danger{background:#ff525233;color:var(--danger-dark);border:1px solid rgba(255,82,82,.3)}.dark-mode .badge-primary{background:#1b4f674d;color:#42a5f5;border:1px solid rgba(27,79,103,.4)}.dark-mode .badge-info{background:#42a5f533;color:var(--info-dark);border:1px solid rgba(66,165,245,.3)}.dark-mode .badge-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-secondary)}.dark-mode .stat-change.positive{background:#4caf5026;color:var(--success-dark)}.dark-mode .stat-change.negative{background:#ff525226;color:var(--danger-dark)}.dark-mode .stat-change.neutral{background:var(--bg-tertiary);color:var(--text-tertiary)}.dark-mode .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-secondary)}.dark-mode .btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.dark-mode .btn-light{background:var(--bg-tertiary);color:var(--text-secondary)}.dark-mode .btn-light:hover{background:var(--bg-hover);color:var(--text-primary)}.dark-mode .btn-icon{color:var(--text-secondary)}.dark-mode .btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.dark-mode .btn-text{color:#42a5f5}.dark-mode .btn-text:hover{color:#64b5f6}.dark-mode .user-avatar,.dark-mode .profile-avatar{background:linear-gradient(135deg,#1b4f67,#42a5f5)}.dark-mode .menu-header h3{color:var(--text-primary)}.dark-mode .monospace{color:var(--text-secondary)}.dark-mode code{background:var(--bg-tertiary);color:#42a5f5}.dark-mode .loading{color:var(--text-secondary)}.dark-mode .welcome-card{background:linear-gradient(135deg,#1b4f67,#0a3d52);border:1px solid rgba(255,255,255,.1)}.dark-mode .chart-legend .legend-item,.dark-mode .region-item{color:var(--text-secondary)}.dark-mode .action-buttons .btn{background:var(--bg-tertiary);border-color:var(--border-secondary)}.dark-mode select.form-control{background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}.dark-mode .order-controls span{color:var(--text-primary)}.dark-mode ::-webkit-scrollbar{width:8px;height:8px}.dark-mode ::-webkit-scrollbar-track{background:var(--bg-secondary)}.dark-mode ::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.dark-mode ::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}:root{--primary: #1B4F67;--primary-light: #247194;--primary-hover: #004AAB;--secondary: #6C757D;--success: #00AF37;--danger: #FF2400;--warning: #FF7800;--info: #0DCAF0;--gray-900: #000000;--gray-800: #212529;--gray-700: #4F4F4F;--gray-600: #6C757D;--gray-500: #ADB5BD;--gray-400: #B5B5B5;--gray-300: #DEE2E6;--gray-200: #E9ECEF;--gray-100: #F9F9F9;--white: #FFFFFF;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 2px 8px rgba(0,0,0,.1);--shadow-md: 0 4px 12px rgba(0,0,0,.12);--shadow-lg: 0 8px 24px rgba(0,0,0,.15);--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14.5px;line-height:1.6;color:var(--gray-800);background-color:#f0f2f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--gray-900);margin-bottom:1rem}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-hover)}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.card{background:var(--white);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--gray-200)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--gray-200)}.card-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:0}.card-body{padding:25px}.card-footer{padding-top:1rem;margin-top:1rem;border-top:1px solid var(--gray-200)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;line-height:1.5;text-align:center;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);gap:.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--secondary);color:var(--white)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-700)}.btn-success{background-color:var(--success);color:var(--white)}.btn-danger{background-color:var(--danger);color:var(--white)}.btn-warning{background-color:var(--warning);color:var(--white)}.btn-light{background-color:var(--gray-200);color:var(--gray-800)}.btn-light:hover:not(:disabled){background-color:var(--gray-300)}.btn-outline{background-color:transparent;color:var(--gray-700);border:1.5px solid var(--gray-300)}.btn-outline:hover:not(:disabled){background-color:var(--gray-100);border-color:var(--gray-400)}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.spin{animation:spin .7s linear infinite;display:inline-block}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:.75rem 1.5rem;font-size:1.125rem}.btn-block{width:100%}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9375rem;color:var(--gray-800)}.form-control{width:100%;padding:.75rem 1rem;font-size:.9375rem;font-family:inherit;line-height:1.5;color:var(--gray-800);background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-sm);transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1b4f671a}.form-control:disabled{background-color:var(--gray-100);cursor:not-allowed}textarea.form-control{min-height:120px;resize:vertical}.form-text{display:block;margin-top:.25rem;font-size:.875rem;color:var(--gray-600)}.alert{padding:1rem 1.25rem;margin-bottom:1rem;border-radius:var(--radius);border-left:4px solid;animation:slideIn .3s ease}.alert-success{background-color:#d4edda;border-color:var(--success);color:#155724}.alert-error,.alert-danger{background-color:#f8d7da;border-color:var(--danger);color:#721c24}.alert-warning{background-color:#fff3cd;border-color:var(--warning);color:#856404}.alert-info{background-color:#d1ecf1;border-color:var(--info);color:#0c5460}.badge{display:inline-block;padding:.35rem .65rem;font-size:.8125rem;font-weight:600;line-height:1;text-align:center;white-space:nowrap;border-radius:.25rem}.badge-primary{background-color:var(--primary);color:var(--white)}.badge-success{background-color:var(--success);color:var(--white)}.badge-warning{background-color:var(--warning);color:var(--white)}.badge-danger{background-color:var(--danger);color:var(--white)}.badge-secondary{background-color:var(--gray-500);color:var(--white)}.loading{text-align:center;padding:3rem 1rem;color:var(--gray-600)}.loading:after{content:"";display:inline-block;width:2rem;height:2rem;margin-left:.5rem;border:3px solid var(--gray-300);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease}.slide-in{animation:slideIn .3s ease}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-muted{color:var(--gray-600)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.d-flex{display:flex}.flex-column{flex-direction:column}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}@media (max-width: 768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{padding:0 1rem}.card{padding:1rem}}.dashboard,.pages-view,.menus-page,.sections-page,.users-page,.logs-page,.page-editor{width:100%!important;max-width:none!important}.card{background:#fff;border-radius:12px;border:1px solid #E8EAED;box-shadow:0 1px 3px #0000000f}.card:hover{box-shadow:0 4px 12px #00000014;transform:none}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-title{font-size:1.375rem;font-weight:700;color:#111827;margin-bottom:.125rem;letter-spacing:-.02em}.dark-mode .page-title{color:#f9fafb}.breadcrumb{display:flex;gap:.375rem;font-size:.8125rem;color:#9ca3af;align-items:center}.breadcrumb-item.active{color:#1b4f67;font-weight:500}.dark-mode .breadcrumb-item.active{color:#4db8e8}