@layer base,components,utilities;@layer base{:root{--bg:#fafbfc;--fg:#1a1d29;--muted:#6b7280;--accent:#3b82f6;--accent-hover:#2563eb;--surface:#fff;--surface-elevated:#fff;--border:#e5e7eb;--border-muted:#f3f4f6;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#06b6d4;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:20px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);color-scheme:light}.dark{--bg:#0c0d0f;--fg:#f9fafb;--muted:#9ca3af;--accent:#60a5fa;--accent-hover:#3b82f6;--surface:#111827;--surface-elevated:#1f2937;--border:#374151;--border-muted:#1f2937;--success:#34d399;--warning:#fbbf24;--error:#f87171;--info:#22d3ee;color-scheme:dark}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:var(--font-size-base);line-height:1.5;margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video{display:block;height:auto;max-width:100%}a{color:var(--accent);text-decoration:none;text-underline-offset:2px;transition:all .2s ease}a:hover{color:var(--accent-hover);text-decoration:underline}button,input,select,textarea{color:inherit;font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}@layer components{.container{margin-inline:auto;padding-inline:var(--space-4);width:min(78rem,100% - 2rem)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-8);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--space-2);justify-content:center;overflow:hidden;padding:var(--space-3) var(--space-5);position:relative;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);box-shadow:var(--shadow-sm);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-hover) 0,#1d4ed8 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm);color:var(--fg)}.btn-secondary:hover{background:var(--border-muted);border-color:var(--muted);box-shadow:var(--shadow);transform:translateY(-1px)}.btn.outline{background:transparent;border-color:var(--accent);color:var(--accent)}.btn.outline:hover{background:var(--accent);color:#fff}.form-input,.form-select,.form-textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);font-family:inherit;font-size:var(--font-size-xl);padding:var(--space-3) var(--space-4);transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--surface-elevated);border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input::-moz-placeholder{color:var(--muted)}.form-input::placeholder{color:var(--muted)}.form-label{color:var(--fg);display:block;font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-2)}.form-textarea{font-family:ui-monospace,SFMono-Regular,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;line-height:1.6;min-height:120px;resize:vertical}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:var(--font-size-xs);font-weight:600;gap:var(--space-1);letter-spacing:.025em;padding:var(--space-1) var(--space-2);text-transform:uppercase}.status-success{background:#10b9811a;color:var(--success)}.status-warning{background:#f59e0b1a;color:var(--warning)}.status-error{background:#ef44441a;color:var(--error)}.alert{border:1px solid;border-radius:var(--radius);margin-bottom:var(--space-4);padding:var(--space-4)}.alert-success{background:#10b9810d;border-color:#10b98133;color:var(--success)}.alert-error{background:#ef44440d;border-color:#ef444433;color:var(--error)}.prose{font-size:var(--font-size-xl);line-height:1.7;margin-inline:auto;overflow-wrap:anywhere;width:min(75ch,100%);word-break:break-word}.prose h1{font-size:var(--font-size-3xl);font-weight:800;line-height:1.2;margin:0 0 var(--space-6) 0}.prose h1,.prose h2{letter-spacing:-.025em}.prose h2{font-size:var(--font-size-2xl);font-weight:700;line-height:1.3;margin:var(--space-10) 0 var(--space-4) 0}.prose h3{font-size:var(--font-size-xl);font-weight:600;line-height:1.35;margin:var(--space-8) 0 var(--space-3) 0}.prose p{color:var(--fg);margin:0 0 var(--space-4)}.prose ol,.prose ul{margin:0 0 var(--space-4);padding-left:var(--space-6)}.prose img{border-radius:var(--radius);box-shadow:var(--shadow);margin:var(--space-6) 0}.prose pre{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;padding:var(--space-4)}.prose code,.prose pre{background:var(--surface-elevated);font-size:var(--font-size-sm);white-space:pre-wrap;word-break:break-word}.prose code{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.prose table{border-collapse:collapse;border-radius:var(--radius);box-shadow:var(--shadow);margin:var(--space-6) 0;overflow:hidden;width:100%}.prose table td,.prose table th{border-bottom:1px solid var(--border);padding:var(--space-3);text-align:left}.prose table th{background:var(--surface-elevated);font-weight:600}}@layer utilities{.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.d-flex{display:flex}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-5{margin-right:var(--space-5)}.mr-6{margin-right:var(--space-6)}.p-0{padding:0}.p-4{padding:var(--space-4)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-bottom:var(--space-4);padding-top:var(--space-4)}.w-100{width:100%}.w-50{width:50%}.w-70{width:70%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-muted{color:var(--muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-none{box-shadow:none}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.card-narrow{margin-inline:auto;max-width:380px}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.transition{transition:all .2s ease}.transition-fast{transition:all .1s ease}.transition-slow{transition:all .3s ease}}.edit-header-content{align-items:center;display:flex;gap:var(--space-4)}.edit-header-icon{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;display:inline-flex;font-size:28px;height:56px;justify-content:center;width:56px}.edit-container{align-items:start;display:grid;gap:var(--space-8);grid-template-columns:1fr 500px;padding-bottom:var(--space-4);padding-top:var(--space-4)}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;padding:var(--space-8);position:relative;transition:all .2s ease}.form-card:before{background:linear-gradient(90deg,var(--accent),var(--info),var(--success));content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.form-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.form-section{margin-bottom:var(--space-8);position:relative}.form-section:last-child{margin-bottom:0}.form-section h3{align-items:center;color:var(--fg);display:flex;font-size:var(--font-size-xl);font-weight:700;gap:var(--space-2);letter-spacing:-.025em;margin:0 0 var(--space-6) 0}.form-section h3 i{color:var(--accent);font-size:var(--font-size-lg)}.form-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.form-grid>div:last-child,.form-grid>div:nth-last-child(2){grid-column:1/-1}.form-label{color:var(--fg);display:block;font-size:var(--font-size-base);font-weight:600;letter-spacing:.025em;margin-bottom:var(--space-2);text-transform:uppercase}.form-input,.form-select,.form-textarea{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);color:var(--fg);font-family:inherit;font-size:var(--font-size-xl);padding:var(--space-4) var(--space-4);position:relative;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--surface-elevated);border-color:var(--accent);box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-1px)}.form-input::-moz-placeholder{color:var(--muted);opacity:.7}.form-input::placeholder{color:var(--muted);opacity:.7}.form-textarea{font-family:ui-monospace,SFMono-Regular,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;line-height:1.6;min-height:140px;resize:vertical}.form-divider{background:linear-gradient(90deg,transparent,var(--border),transparent);height:1px;margin:var(--space-8) 0;position:relative}.form-divider:after{background:var(--accent);border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:-2px;transform:translate(-50%);width:6px}.button-group{display:flex;flex-wrap:wrap}.btn-primary{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border:none;border-radius:var(--radius);box-shadow:var(--shadow);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-xl);font-weight:600;gap:var(--space-2);justify-content:center;margin-left:4px;margin-right:4px;overflow:hidden;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:all .2s ease}.btn-primary:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-hover) 0,#1d4ed8 100%);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{align-items:center;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--fg);cursor:pointer;display:flex;font-size:var(--font-size-xl);font-weight:600;gap:var(--space-2);justify-content:center;margin-left:4px;margin-right:4px;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .2s ease}.btn-secondary:hover{background:var(--border-muted);border-color:var(--accent);box-shadow:var(--shadow);color:var(--accent);transform:translateY(-1px)}.error-banner{background:linear-gradient(135deg,#ef44440d,#ef444405);border:2px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);margin:var(--space-4) 0;overflow:hidden;padding:var(--space-6);position:relative}.error-banner:before{background:var(--error);content:"";height:4px;left:0;position:absolute;right:0;top:0}.error-banner ul{color:var(--error);font-weight:500;margin:0;padding-left:var(--space-5)}.error-banner li{line-height:1.5;margin-bottom:var(--space-1)}.error-banner li:last-child{margin-bottom:0}.seo-preview{background:var(--surface-elevated);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;padding:var(--space-6);position:relative}.seo-preview:before{background:linear-gradient(90deg,#4285f4,#34a853,#fbbc05,#ea4335);content:"";height:3px;left:0;position:absolute;right:0;top:0}.stats-grid{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:var(--space-6)}.stat-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);text-align:center;transition:all .2s ease}.stat-item:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-value{color:var(--accent);display:block;font-size:var(--font-size-2xl);font-weight:800;line-height:1}.stat-label{color:var(--muted);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;margin-top:var(--space-1);text-transform:uppercase}@media(max-width:1280px){.edit-container{gap:var(--space-6);grid-template-columns:1fr 320px}}@media(max-width:1024px){.edit-container{gap:var(--space-6);grid-template-columns:1fr}.form-card{margin-bottom:var(--space-6)}}@media(max-width:768px){.edit-header-content{flex-direction:column;gap:var(--space-3);text-align:center}.form-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.form-card{padding:var(--space-5)}.stats-grid{grid-template-columns:1fr}}.loading{opacity:.7;pointer-events:none;position:relative}.loading:after{animation:spin 1s linear infinite;border:2px solid var(--accent);border-radius:50%;border-top:2px solid transparent;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-pulse{animation:pulse 2s infinite}.tooltip{cursor:help;position:relative}.tooltip:before{background:var(--fg);border-radius:var(--radius);bottom:100%;color:var(--bg);content:attr(data-tooltip);font-size:var(--font-size-xs);left:50%;opacity:0;padding:var(--space-2) var(--space-3);pointer-events:none;position:absolute;transform:translate(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:1000}.tooltip:hover:before{opacity:1}.progress{background:var(--border-muted);border-radius:9999px;height:8px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,var(--accent),var(--success));border-radius:9999px;height:100%;transition:width .3s ease}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:var(--font-size-xs);font-weight:600;gap:var(--space-1);letter-spacing:.05em;padding:var(--space-1) var(--space-3);text-transform:uppercase}.badge-primary{background:#3b82f61a;color:var(--accent)}.badge-success{background:#10b9811a;color:var(--success)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.badge-error{background:#ef44441a;color:var(--error)}.dropdown{display:inline-block;position:relative}.dropdown-content{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);left:0;min-width:200px;opacity:0;position:absolute;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:1000}.dropdown:hover .dropdown-content{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{border-bottom:1px solid var(--border);color:var(--fg);display:block;padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .2s ease}.dropdown-item:hover{background:var(--border-muted);color:var(--accent)}.dropdown-item:last-child{border-bottom:none}.tabs{border-bottom:1px solid var(--border);margin-bottom:var(--space-6)}.tab-list{display:flex;gap:var(--space-1);list-style:none;margin:0;padding:0}.tab-button{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;font-weight:600;padding:var(--space-3) var(--space-6);transition:all .2s ease}.tab-button.active{border-bottom-color:var(--accent);color:var(--accent)}.tab-button:hover{background:var(--border-muted);color:var(--fg)}.image-upload{background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-8);text-align:center;transition:all .2s ease}.image-upload:hover{background:#3b82f60d;border-color:var(--accent)}.image-upload.dragover{background:#10b9810d;border-color:var(--success)}.success-message{background:linear-gradient(135deg,#10b9810d,#10b98105);border:2px solid rgba(16,185,129,.2);border-radius:var(--radius-lg);margin:var(--space-4) 0;overflow:hidden;padding:var(--space-6);position:relative}.success-message:before{background:var(--success);content:"";height:4px;left:0;position:absolute;right:0;top:0}.data-table{background:var(--surface);border-collapse:collapse;border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--border);padding:var(--space-4);text-align:left}.data-table th{background:var(--surface-elevated);color:var(--fg);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.data-table tr:hover td{background:var(--border-muted)}.scrollable{position:relative}.scrollable:after{background:linear-gradient(45deg,transparent 40%,var(--accent) 60%);border-radius:var(--radius-sm);bottom:0;content:"";height:20px;opacity:.5;position:absolute;right:0;width:20px}.toggle-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border:2px solid #cbd5e1;border-radius:12px;cursor:pointer;height:24px;position:relative;transition:all .3s ease;width:40px}.toggle-checkbox:checked{background:#10b981;border-color:#059669}.toggle-checkbox:before{background:#fff;border-radius:10px;content:"";height:18px;left:1px;position:absolute;top:1px;transition:left .3s ease;width:18px}.toggle-checkbox:checked:before{left:19px}input[readonly].form-input{background-color:#f1f5f9;border-color:#e2e8f0;color:#64748b;cursor:not-allowed}input[readonly].form-input:hover{border-color:#cbd5e1}