:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;--bg-primary: #fafbfc;--bg-secondary: #f3f5f7;--surface: #ffffff;--surface-elevated: #ffffff;--text-primary: #0a1628;--text-secondary: #3d4f62;--text-tertiary: #6b7b8c;--border-light: #e5e9ed;--border-medium: #d1d7de;--border-focus: #7c8cff;--primary-50: #f0f4ff;--primary-100: #e0e8ff;--primary-500: #5b6fff;--primary-600: #4c5eea;--primary-700: #3d4fd6;--primary-900: #1e2870;--success-50: #ecfdf5;--success-500: #10b981;--success-600: #059669;--danger-50: #fef2f2;--danger-500: #efc444bc;--danger-600: #dcbb26;--warning-50: #fffbeb;--warning-500: #f59e0b;--info-50: #eff6ff;--info-500: #3b82f6;--shadow-xs: 0 1px 2px rgba(10, 22, 40, .03);--shadow-sm: 0 2px 4px rgba(10, 22, 40, .04), 0 1px 2px rgba(10, 22, 40, .02);--shadow-md: 0 4px 8px rgba(10, 22, 40, .06), 0 2px 4px rgba(10, 22, 40, .03);--shadow-lg: 0 8px 16px rgba(10, 22, 40, .08), 0 4px 8px rgba(10, 22, 40, .04);--shadow-xl: 0 16px 32px rgba(10, 22, 40, .12), 0 8px 16px rgba(10, 22, 40, .06);--shadow-2xl: 0 24px 48px rgba(10, 22, 40, .16), 0 12px 24px rgba(10, 22, 40, .08);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--radius-xs: 0;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.5rem,4vw,2.25rem);margin-bottom:var(--spacing-md)}h3{font-size:clamp(1.25rem,3vw,1.75rem);margin-bottom:var(--spacing-md)}h4{font-size:1.25rem;margin-bottom:var(--spacing-sm)}p{margin:0;line-height:1.6;color:var(--text-secondary)}a{font-weight:500;color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}input,select,textarea{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border-light);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-primary);font-family:inherit;font-size:.9375rem;transition:all var(--transition-base);box-shadow:var(--shadow-xs)}input:hover,select:hover,textarea:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50),var(--shadow-sm)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}button{border-radius:var(--radius-lg);border:none;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;position:relative;overflow:hidden}.btn{background:var(--surface);color:var(--text-primary);border:1.5px solid var(--border-light);box-shadow:var(--shadow-sm)}.btn:hover:not(:disabled){border-color:var(--border-medium);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--primary-500);color:#fff;border:none;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background:var(--primary-600);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1.5px solid var(--border-light);box-shadow:var(--shadow-sm)}.btn-success{background:var(--success-500);color:#fff;border:none;box-shadow:var(--shadow-md)}.btn-success:hover:not(:disabled){background:var(--success-600);box-shadow:var(--shadow-lg)}.btn-danger{background:var(--danger-500);color:#fff;border:none;box-shadow:var(--shadow-md)}.btn-danger:hover:not(:disabled){background:var(--danger-600);box-shadow:var(--shadow-lg)}.btn-sm{padding:.5rem .875rem;font-size:.875rem}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}button:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.container{max-width:1440px;margin:0 auto;padding:var(--spacing-2xl)}@media (max-width: 768px){.container{padding:var(--spacing-lg)}}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-light);flex-wrap:wrap}.header-subtitle{color:var(--text-tertiary);margin:var(--spacing-md) 0 0;font-size:.9375rem;line-height:1.6}.header-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}@media (max-width: 640px){.header{flex-direction:column}.header-actions{width:100%}.header-actions>*{flex:1}}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.875rem}.small{font-size:.8125rem}.muted{color:var(--text-tertiary)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--bg-secondary);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl)}.tab{padding:.625rem 1.25rem;border:none;border-radius:var(--radius-lg);background:transparent;color:var(--text-tertiary);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition-base)}.tab:hover{color:var(--text-primary);background:#ffffffb3}.tab.active{color:var(--primary-700);background:#fff;box-shadow:var(--shadow-sm)}.card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-2xl);transition:all var(--transition-base);position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#fffc;pointer-events:none}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium)}.alert{padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-xl);border:1.5px solid;margin-bottom:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-md);font-weight:500;box-shadow:var(--shadow-sm)}.alert:before{content:"";width:20px;height:20px;border-radius:50%;flex-shrink:0}.alert-error{background:var(--danger-50);border-color:var(--danger-500);color:var(--danger-600)}.alert-success{background:var(--success-50);border-color:var(--success-500);color:var(--success-600)}.alert-warning{background:var(--warning-50);border-color:var(--warning-500);color:#92400e}.alert-info{background:var(--info-50);border-color:var(--info-500);color:#1e40af}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}@media (max-width: 640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-md);box-shadow:var(--shadow-md);transition:all var(--transition-slow);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-500);opacity:0;transition:opacity var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-100)}.stat-card:hover:before{opacity:1}.stat-label{font-size:.8125rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.stat-value{font-size:2.25rem;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.02em}.stat-help{font-size:.8125rem;color:var(--text-tertiary);font-weight:500}.filters-card{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);flex-wrap:wrap;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg)}@media (max-width: 640px){.filter-grid{grid-template-columns:1fr}}.field-label{display:block;font-size:.8125rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.chip{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-full);padding:.5rem .875rem;font-size:.8125rem;font-weight:600;border:1px solid var(--primary-100);transition:all var(--transition-fast)}.chip:hover{background:var(--primary-100);border-color:var(--primary-500);box-shadow:var(--shadow-sm)}.chip button{border:none;background:#5b6fff26;color:var(--primary-700);font-size:1rem;cursor:pointer;padding:0;margin:0;line-height:1;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast)}.chip button:hover{background:var(--primary-500);color:#fff}.instructors-layout,.users-layout,.blogs-layout{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.instructor-grid,.user-grid,.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--spacing-xl)}@media (max-width: 768px){.instructor-grid,.user-grid,.blog-grid{grid-template-columns:1fr}}.instructor-card,.user-card,.blog-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-slow);cursor:pointer;position:relative}.instructor-card:hover,.user-card:hover,.blog-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-100)}.instructor-card.active,.user-card.active,.blog-card.active{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50),var(--shadow-xl)}.card-top{display:flex;justify-content:space-between;gap:var(--spacing-lg);align-items:flex-start}.brand-line{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.brand-line h3{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.status-pill{padding:.375rem .75rem;border-radius:var(--radius-full);font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;white-space:nowrap;box-shadow:var(--shadow-xs)}.status-pill.success{background:var(--success-50);color:var(--success-600);border:1px solid var(--success-500)}.status-pill.danger{background:var(--danger-50);color:var(--danger-600);border:1px solid var(--danger-500)}.status-pill.warning{background:var(--warning-50);color:#92400e;border:1px solid var(--warning-500)}.status-pill.info{background:var(--info-50);color:#1e40af;border:1px solid var(--info-500)}.price-line{text-align:right;display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-end}.tag-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light);white-space:nowrap;transition:all var(--transition-fast)}.tag:hover{background:#fff;box-shadow:var(--shadow-sm)}.tag.primary{background:var(--primary-50);color:var(--primary-700);border-color:var(--primary-500)}.tag.success{background:var(--success-50);color:var(--success-600);border-color:var(--success-500)}.tag.ghost{background:#fff;color:var(--text-tertiary);border-color:var(--border-light)}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md)}.card-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}@media (max-width: 640px){.card-actions{flex-direction:column}.card-actions>*{width:100%}}.viewer-panel{display:flex;flex-direction:column;gap:var(--spacing-xl)}.profile-hero{position:relative;padding:0;overflow:hidden}.profile-hero-bg{position:absolute;top:0;left:0;right:0;height:140px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.profile-hero-content{position:relative;padding:var(--spacing-2xl);padding-top:calc(80px + var(--spacing-xl))}@media (max-width: 768px){.profile-hero-content{padding:var(--spacing-xl);padding-top:calc(60px + var(--spacing-lg))}}.profile-avatar-section{position:absolute;top:var(--spacing-xl);left:var(--spacing-2xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}@media (max-width: 768px){.profile-avatar-section{left:50%;transform:translate(-50%);top:var(--spacing-lg)}}.profile-avatar-img,.profile-avatar-circle{width:140px;height:140px;border-radius:var(--radius-xl);border:3px solid white;box-shadow:var(--shadow-md)}.profile-avatar-img{object-fit:cover;background:var(--bg-secondary)}.profile-avatar-circle{background:var(--primary-500);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2.5rem;letter-spacing:-.02em}@media (max-width: 768px){.profile-avatar-img,.profile-avatar-circle{width:110px;height:110px;font-size:2rem}}.profile-actions-mobile{display:none}@media (max-width: 768px){.profile-actions-mobile{display:flex;width:100%}.profile-actions-mobile .btn{width:100%}}.profile-info-section{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-left:200px}@media (max-width: 768px){.profile-info-section{margin-left:0}}.profile-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);flex-wrap:wrap}.profile-name{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin:0;letter-spacing:-.03em;color:var(--text-primary)}.profile-subtitle{font-size:1.125rem;color:var(--text-secondary);margin:var(--spacing-xs) 0 0;font-weight:500}.profile-badges{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center}.profile-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.profile-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-light)}@media (max-width: 640px){.profile-stats-row{grid-template-columns:repeat(2,1fr)}}.profile-stat{display:flex;align-items:center;gap:var(--spacing-md)}.profile-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);flex-shrink:0}.profile-stat-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-bottom:var(--spacing-xs)}.profile-stat-value{font-size:1.125rem;font-weight:700;color:var(--text-primary);line-height:1}.profile-actions-desktop{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}@media (max-width: 768px){.profile-actions-desktop{display:none}}.viewer-hero{display:flex;gap:var(--spacing-xl);align-items:center;flex-wrap:wrap;background:var(--bg-secondary)}@media (max-width: 640px){.viewer-hero{flex-direction:column;align-items:stretch}}.viewer-hero img{width:140px;height:140px;object-fit:cover;border-radius:var(--radius-2xl);border:3px solid white;box-shadow:var(--shadow-lg)}@media (max-width: 640px){.viewer-hero img{width:100%;height:220px}}.avatar-circle{width:140px;height:140px;border-radius:var(--radius-2xl);background:var(--primary-500);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:2.5rem;border:3px solid white;box-shadow:var(--shadow-lg);letter-spacing:-.02em}@media (max-width: 640px){.avatar-circle{width:120px;height:120px;font-size:2rem;margin:0 auto}}.viewer-hero-content{flex:1;min-width:0}.hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}@media (max-width: 640px){.hero-metrics{grid-template-columns:repeat(2,1fr)}}.viewer-grid{display:flex;flex-direction:column;gap:var(--spacing-xl)}.section-card{border:1px solid var(--border-light);border-radius:var(--radius-xl);background:#fff;padding:var(--spacing-2xl);box-shadow:var(--shadow-md)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg)}@media (max-width: 640px){.info-grid{grid-template-columns:1fr}}.info-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);min-height:90px;display:flex;flex-direction:column;gap:var(--spacing-sm);transition:all var(--transition-fast)}.info-item:hover{background:#fff;box-shadow:var(--shadow-sm)}.info-item .label,.label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-weight:700;display:block}.description-block{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-light)}.vehicle-list{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.vehicle-card{border:1.5px solid var(--border-medium);border-radius:var(--radius-lg);padding:var(--spacing-lg);background:var(--bg-secondary);min-width:160px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.vehicle-card:hover{box-shadow:var(--shadow-md)}.availability-block,.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-lg)}@media (max-width: 640px){.availability-block,.permissions-grid{grid-template-columns:1fr}}.availability-block ul,.permissions-grid ul{padding-left:var(--spacing-xl);margin:var(--spacing-md) 0 0}.availability-block li,.permissions-grid li{margin-bottom:var(--spacing-sm)}.verification-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.empty-state{text-align:center;padding:var(--spacing-3xl);border:2px dashed var(--border-medium);border-radius:var(--radius-2xl);background:var(--bg-primary)}.editor-shell{display:flex;flex-direction:column;gap:var(--spacing-xl)}.editor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (max-width: 640px){.editor-grid{grid-template-columns:1fr}}.markdown-preview{line-height:1.8;max-width:100%;overflow-x:auto;color:var(--text-secondary)}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-lg);color:var(--text-primary)}.markdown-preview img{max-width:100%;height:auto;border-radius:var(--radius-xl);margin:var(--spacing-xl) 0;box-shadow:var(--shadow-lg)}.markdown-preview code{background:var(--bg-primary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.875em;border:1px solid var(--border-light)}.markdown-preview pre{background:var(--text-primary);color:#e2e8f0;padding:var(--spacing-xl);border-radius:var(--radius-xl);overflow-x:auto;margin:var(--spacing-xl) 0;box-shadow:var(--shadow-lg)}.markdown-preview pre code{background:none;padding:0;color:inherit;border:none}.modal-overlay{position:fixed;inset:0;background:#0a162899;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);z-index:50;animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.modal-card{max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);border:1px solid var(--border-light)}.draggable{cursor:grab;transition:all var(--transition-base)}.draggable:active{cursor:grabbing}.dragging{opacity:.4;transform:scale(.98) rotate(2deg);box-shadow:var(--shadow-2xl)}.drag-over{border-color:var(--primary-500);background:var(--primary-50);transform:scale(1.02)}.rank-controls{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--bg-primary);padding:var(--spacing-xs);border-radius:var(--radius-lg)}.rank-btn{padding:.25rem;min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:1.125rem;line-height:1;font-weight:700;background:#fff;border:1px solid var(--border-light);box-shadow:var(--shadow-xs)}.rank-btn:hover:not(:disabled){background:var(--primary-500);color:#fff;border-color:var(--primary-500);box-shadow:var(--shadow-sm)}.rank-display{min-width:48px;text-align:center;font-weight:700;font-size:1rem;color:var(--text-primary)}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--border-light);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 640px){.hide-mobile{display:none!important}}@media (min-width: 641px){.show-mobile{display:none!important}}.table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.table th,.table td{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);text-align:left}.table thead th{background:var(--bg-primary);color:var(--text-secondary);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-primary)}.table tbody tr:last-child td{border-bottom:none}@media (max-width: 768px){.table{font-size:.875rem}.table th,.table td{padding:var(--spacing-md)}}.card-header-section{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-lg)}.card-title-group{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.card-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.card-subtitle{font-size:.875rem;color:var(--text-tertiary);margin:0}.card-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;align-items:center}.card-info-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-light);margin-bottom:var(--spacing-lg)}.info-block{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.info-value{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.card-details-section{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.detail-row{display:grid;grid-template-columns:120px 1fr;gap:var(--spacing-md);align-items:start;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.detail-value{font-size:.875rem;color:var(--text-primary)}.detail-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.mini-tag{display:inline-block;padding:2px 8px;background:var(--bg-secondary);border:1px solid var(--border-light);font-size:.75rem;font-weight:500;color:var(--text-secondary)}@media (max-width: 640px){.detail-row{grid-template-columns:1fr;gap:var(--spacing-xs)}.card-info-row{grid-template-columns:repeat(2,1fr)}}.rank-controls{display:flex;align-items:center;gap:var(--spacing-xs)}.rank-btn{background:var(--surface);border:1px solid var(--border-medium);padding:2px 8px;font-size:.75rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.rank-btn:hover:not(:disabled){background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.rank-btn:disabled{opacity:.3;cursor:not-allowed}.rank-value{font-size:.9375rem;font-weight:600;color:var(--text-primary);min-width:28px;text-align:center}.editor-container{max-width:1200px;margin:0 auto}.editor-form{background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--shadow-md)}.editor-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);padding:var(--spacing-2xl);border-bottom:2px solid var(--border-light);background:var(--bg-secondary)}.editor-title{font-size:1.75rem;font-weight:700;margin:0;color:var(--text-primary)}.editor-subtitle{font-size:.9375rem;color:var(--text-tertiary);margin:var(--spacing-xs) 0 0}.editor-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.editor-content{padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-2xl)}.editor-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.editor-label{font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.editor-input,.editor-textarea{width:100%;padding:var(--spacing-md);font-size:1rem;border:2px solid var(--border-light);background:var(--surface);color:var(--text-primary);font-family:inherit;transition:all var(--transition-fast)}.editor-input:focus,.editor-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #5b6fff1a}.editor-textarea{resize:vertical;min-height:80px;line-height:1.6}.markdown-editor-wrapper{border:2px solid var(--border-light);background:var(--surface);min-height:400px;transition:border-color var(--transition-fast)}.markdown-editor-wrapper:focus-within{border-color:var(--primary-500)}.viewer-container{max-width:900px;margin:0 auto}.viewer-header{background:var(--surface);border:1px solid var(--border-light);padding:var(--spacing-3xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md)}.viewer-header-content{margin-bottom:var(--spacing-xl)}.viewer-title-group{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.viewer-title{font-size:2.25rem;font-weight:800;margin:0;color:var(--text-primary);line-height:1.2}.viewer-badges{display:flex;gap:var(--spacing-xs);flex-shrink:0}.viewer-subtitle{font-size:1.125rem;color:var(--text-secondary);margin:0;line-height:1.6}.viewer-meta{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);font-size:.875rem;color:var(--text-tertiary)}.meta-item{font-weight:600}.meta-divider{color:var(--border-medium)}.viewer-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.viewer-content{background:var(--surface);border:1px solid var(--border-light);padding:var(--spacing-3xl);box-shadow:var(--shadow-md)}.markdown-preview{font-size:1.0625rem;line-height:1.8;color:var(--text-primary)}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-lg);font-weight:700;line-height:1.3}.markdown-preview h1{font-size:2rem;border-bottom:2px solid var(--border-light);padding-bottom:var(--spacing-md)}.markdown-preview h2{font-size:1.625rem}.markdown-preview h3{font-size:1.375rem}.markdown-preview p{margin-bottom:var(--spacing-lg)}.markdown-preview ul,.markdown-preview ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-2xl)}.markdown-preview li{margin-bottom:var(--spacing-xs)}.markdown-preview code{background:var(--bg-secondary);padding:2px 6px;font-size:.9em;font-family:Monaco,Courier New,monospace;border:1px solid var(--border-light)}.markdown-preview pre{background:var(--bg-secondary);padding:var(--spacing-lg);overflow-x:auto;margin-bottom:var(--spacing-lg);border:1px solid var(--border-light)}.markdown-preview pre code{background:none;padding:0;border:none}.markdown-preview blockquote{border-left:4px solid var(--primary-500);padding-left:var(--spacing-lg);margin-left:0;margin-bottom:var(--spacing-lg);color:var(--text-secondary);font-style:italic}.markdown-preview img{max-width:100%;height:auto;margin:var(--spacing-xl) 0}.markdown-preview a{color:var(--primary-500);text-decoration:underline}.markdown-preview a:hover{color:var(--primary-600)}@media (max-width: 768px){.editor-header,.viewer-header{flex-direction:column;padding:var(--spacing-xl)}.editor-actions,.viewer-actions{width:100%;justify-content:stretch}.editor-actions>*,.viewer-actions>*{flex:1}.viewer-title{font-size:1.75rem}.viewer-content{padding:var(--spacing-xl)}}.md-editor-container{background:var(--surface);border:2px solid var(--border-light);display:flex;flex-direction:column}.md-toolbar{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);align-items:center}.md-toolbar-group{display:flex;gap:var(--spacing-xs);align-items:center}.md-toolbar-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-right:var(--spacing-xs)}.md-toolbar-btn{background:var(--surface);border:1px solid var(--border-light);padding:6px 12px;font-size:.8125rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.md-toolbar-btn:hover{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.md-toolbar-btn strong,.md-toolbar-btn em,.md-toolbar-btn u{font-style:inherit;text-decoration:inherit;font-weight:inherit}.md-toolbar-divider{width:1px;height:24px;background:var(--border-medium);margin:0 var(--spacing-xs)}.md-editor-content{padding:var(--spacing-lg);min-height:300px;outline:none;font-size:1rem;line-height:1.6;color:var(--text-primary);overflow-y:auto}.md-editor-content:empty:before{content:attr(data-placeholder);color:var(--text-tertiary);font-style:italic}.md-editor-content h1{font-size:2rem;font-weight:700;margin:var(--spacing-lg) 0;line-height:1.2}.md-editor-content h2{font-size:1.625rem;font-weight:700;margin:var(--spacing-lg) 0;line-height:1.3}.md-editor-content h3{font-size:1.375rem;font-weight:700;margin:var(--spacing-md) 0;line-height:1.4}.md-editor-content p{margin:var(--spacing-md) 0}.md-editor-content ul,.md-editor-content ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-2xl)}.md-editor-content li{margin:var(--spacing-xs) 0}.md-editor-content blockquote{border-left:4px solid var(--primary-500);padding-left:var(--spacing-lg);margin:var(--spacing-lg) 0;color:var(--text-secondary);font-style:italic}.md-editor-content pre{background:var(--bg-secondary);padding:var(--spacing-md);margin:var(--spacing-lg) 0;overflow-x:auto;border:1px solid var(--border-light);font-family:Monaco,Courier New,monospace}.md-editor-content img{max-width:100%;height:auto;display:block;margin:var(--spacing-lg) 0}.md-editor-content a{color:var(--primary-500);text-decoration:underline}@media (max-width: 768px){.md-toolbar{gap:var(--spacing-xs);padding:var(--spacing-sm)}.md-toolbar-label{display:none}.md-toolbar-btn{padding:4px 8px;font-size:.75rem}.md-editor-content{min-height:200px}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-lg)}.modal-dialog{background:var(--surface);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);border:1px solid var(--border-light);display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:2px solid var(--border-light);background:var(--bg-secondary)}.modal-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:2rem;line-height:1;color:var(--text-tertiary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:var(--spacing-xl);flex:1;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-xl);border-top:1px solid var(--border-light);background:var(--bg-secondary)}.image-source-tabs{display:flex;gap:0;margin-bottom:var(--spacing-xl);border:1px solid var(--border-light)}.tab-btn{flex:1;padding:var(--spacing-md);background:var(--surface);border:none;border-right:1px solid var(--border-light);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tab-btn:last-child{border-right:none}.tab-btn.active{background:var(--primary-500);color:#fff}.tab-btn:not(.active):hover{background:var(--bg-secondary)}.form-group{margin-bottom:var(--spacing-xl)}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;padding:var(--spacing-md);font-size:1rem;border:2px solid var(--border-light);background:var(--surface);color:var(--text-primary);font-family:inherit;transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #5b6fff1a}.form-help{font-size:.8125rem;color:var(--text-tertiary);margin-top:var(--spacing-xs);margin-bottom:0}.image-preview-container{margin-bottom:var(--spacing-xl)}.image-preview{max-width:100%;max-height:300px;display:block;margin-top:var(--spacing-sm);border:1px solid var(--border-light)}.width-section{margin-bottom:var(--spacing-md)}.width-section:last-of-type{margin-bottom:0}.width-section-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.width-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs)}.preset-btn{padding:var(--spacing-sm);background:var(--surface);border:2px solid var(--border-light);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.preset-btn.active{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-600)}.preset-btn:not(.active):hover{border-color:var(--border-medium);background:var(--bg-secondary)}@media (max-width: 640px){.modal-dialog{max-width:100%;max-height:100vh}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-lg)}.modal-title{font-size:1.25rem}.width-presets{grid-template-columns:repeat(2,1fr)}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}