:root{--color-primary-dark: #1B2470;--color-primary: #2D3A8C;--color-primary-light: #4A5DB0;--color-accent: #6C5CE7;--color-cta: #00C896;--color-cta-hover: #00A87E;--color-bg: #F5F4EF;--color-surface: #FFFFFF;--color-text: #1B2470;--color-text-secondary: #64748B;--color-text-muted: #94A3B8;--color-border: #E8E7E3;--color-border-light: #F0EFE9;--color-success: #00C896;--color-success-bg: #E0FAF4;--color-danger: #EF4444;--color-danger-bg: #FEF2F2;--color-warning: #F59E0B;--color-warning-bg: #FFFBEB;--color-info: #6C5CE7;--color-info-bg: #EDE9FF;--sidebar-bg: #1B2470;--sidebar-text: rgba(255, 255, 255, .6);--sidebar-active: #FFFFFF;--sidebar-active-bg: rgba(255, 255, 255, .12);--sidebar-hover: rgba(255, 255, 255, .07);--sidebar-width: 255px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 4px rgba(27, 36, 112, .06);--shadow-md: 0 4px 16px rgba(27, 36, 112, .08);--shadow-lg: 0 8px 32px rgba(27, 36, 112, .1);--shadow-xl: 0 20px 48px rgba(27, 36, 112, .14);--transition: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:DM Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #2d3a8c1f}button{cursor:pointer;transition:all var(--transition)}button:disabled{opacity:.6;cursor:not-allowed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:3px}.hamburger-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.nav-link-item,.logout-btn,.tab-btn,.primary-btn,.secondary-btn{min-height:44px}@media(max-width:768px){.app-main{padding:1rem!important}.form-row-2col{grid-template-columns:1fr!important}.admin-stats-row{grid-template-columns:repeat(2,1fr)!important}.admin-split-layout{grid-template-columns:1fr!important}.page-header-row{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.create-row{flex-direction:column!important}.host-example-pair{grid-template-columns:1fr!important}.host-example-arrow{display:none!important}.faq-row{align-items:flex-start!important}.faq-qa-pair{flex-direction:column!important}.detail-header-row{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}}@media(max-width:540px){.modal-box{margin:.75rem!important;max-height:calc(100dvh - 1.5rem);overflow-y:auto}}