@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Rubik:wght@400;500;600;700&family=Almarai:wght@400;700;800&family=Markazi+Text:wght@400;500;700&display=swap";:root{--font:"Cairo", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:26px;--fs-3xl:34px;--bg:#f4f7fb;--bg-2:#eef2f8;--surface:#fff;--surface-2:#f8fafd;--surface-3:#eef2f8;--border:#e3e9f2;--border-strong:#ced7e5;--divider:#ecf0f6;--text:#0f1b2d;--text-2:#2c3a52;--text-muted:#6a7a95;--text-faint:#93a0b8;--accent:#3d6fd9;--accent-hover:#305bbe;--accent-soft:#e8effc;--accent-softer:#f2f6fe;--success:#2f9e73;--success-soft:#e4f4ec;--warning:#c58a1b;--warning-soft:#f8efd9;--danger:#c84b4b;--danger-soft:#f7e3e3;--r-rad:1;--r-xs:calc(4px * var(--r-rad));--r-sm:calc(6px * var(--r-rad));--r-md:calc(10px * var(--r-rad));--r-lg:calc(14px * var(--r-rad));--r-xl:calc(20px * var(--r-rad));--r-pill:999px;--sp-rad:1;--sp-1:calc(4px * var(--sp-rad));--sp-2:calc(8px * var(--sp-rad));--sp-3:calc(12px * var(--sp-rad));--sp-4:calc(16px * var(--sp-rad));--sp-5:calc(20px * var(--sp-rad));--sp-6:calc(24px * var(--sp-rad));--sp-7:calc(32px * var(--sp-rad));--sp-8:calc(40px * var(--sp-rad));--shadow-xs:0 1px 0 #0f1b2d08;--shadow-sm:0 1px 2px #0f1b2d0a, 0 1px 1px #0f1b2d05;--shadow-md:0 4px 14px -4px #0f1b2d14, 0 2px 4px -2px #0f1b2d0a;--shadow-lg:0 16px 40px -12px #0f1b2d2e, 0 4px 12px -4px #0f1b2d0f;--shadow-focus:0 0 0 3px #3d6fd92e;--sidebar-w:240px;--topbar-h:60px}.dark{--bg:#0e141e;--bg-2:#121927;--surface:#161e2d;--surface-2:#1a2333;--surface-3:#202b3e;--border:#283246;--border-strong:#364259;--divider:#222c40;--text:#e7ecf5;--text-2:#c6cfe0;--text-muted:#8593ad;--text-faint:#5e6b85;--accent:#6a93ea;--accent-hover:#84a6ee;--accent-soft:#6a93ea24;--accent-softer:#6a93ea12;--success:#4fbe8e;--success-soft:#4fbe8e24;--warning:#dfa641;--warning-soft:#dfa64124;--danger:#e16e6e;--danger-soft:#e16e6e24;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 14px -4px #00000080;--shadow-lg:0 16px 40px -12px #0009;--shadow-focus:0 0 0 3px #6a93ea47}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font);font-size:var(--fs-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;direction:rtl;line-height:1.55}button,input,select,textarea{color:inherit;font-family:inherit}button{cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.app{flex-direction:column;min-height:100vh;display:flex}.nav{z-index:100;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;height:60px;display:flex;position:sticky;top:0}.nav-inner{width:100%;max-width:1500px;padding:0 var(--sp-5);align-items:center;gap:var(--sp-3);height:100%;margin-inline:auto;display:flex}.nav-brand{align-items:center;gap:var(--sp-2);border-radius:var(--r-md);cursor:pointer;background:0 0;border:0;margin-inline-end:8px;padding:6px 8px;font-family:inherit;display:flex}.nav-brand:hover{background:var(--surface-3)}.nav-logo{border-radius:var(--r-md);background:linear-gradient(135deg, var(--accent) 0%, color-mix(in oklch, var(--accent), #7ea0f0 30%) 100%);color:#fff;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.nav-brand-text{text-align:start}.nav-brand-name{font-weight:700;font-size:var(--fs-md);letter-spacing:-.01em;white-space:nowrap}.nav-brand-sub{color:var(--text-muted);margin-top:-2px;font-size:10.5px}.nav-links{align-items:center;gap:2px;display:flex}.nav-link{border-radius:var(--r-md);color:var(--text-2);font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-weight:500;transition:background .12s,color .12s;display:flex}.nav-link:hover,.nav-link.open{background:var(--surface-3);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--accent)}.nav-badge{background:var(--surface-3);color:var(--text-muted);border-radius:var(--r-pill);text-align:center;font-variant-numeric:tabular-nums;min-width:20px;padding:1px 6px;font-size:11px;font-weight:700}.nav-link.active .nav-badge{background:var(--accent);color:#fff}.nav-spacer{flex:1}.nav-cta{margin-inline-end:4px}.nav-user{border-radius:var(--r-pill);cursor:pointer;color:var(--text-muted);background:0 0;border:0;align-items:center;gap:6px;padding:4px 8px 4px 4px;transition:background .1s;display:flex}.nav-user:hover{background:var(--surface-3)}.nav-avatar{border-radius:var(--r-pill);color:#fff;background:linear-gradient(135deg,#b6c8e7,#7a98c8);place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid}.nav-dd-wrap{position:relative}.nav-dd{top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:200;min-width:200px;padding:4px;position:absolute;inset-inline-start:0}:is(.nav-user+.nav-dd,.nav-dd-wrap:has(.nav-user) .nav-dd),.nav-inner>.nav-dd-wrap:last-of-type>.nav-dd{inset-inline:auto 0}.nav-dd-mega{width:min(820px,90vw);padding:0;overflow:hidden}.nav-mega{flex-direction:column;display:flex}.nav-mega-h{border-bottom:1px solid var(--divider);background:var(--surface-2);align-items:center;gap:12px;padding:14px 16px;display:flex}.nav-mega-quick{border-bottom:1px solid var(--divider);grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 14px;display:grid}.nav-mega-quick-tile{background:var(--surface-2);border:1px solid var(--divider);border-radius:var(--r-md);cursor:pointer;text-align:start;color:var(--text);align-items:center;gap:10px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .12s,transform .12s;display:flex}.nav-mega-quick-tile:hover{border-color:var(--border-strong);transform:translateY(-1px)}.nav-mega-quick-icon{border-radius:var(--r-md);flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.nav-mega-body{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px;max-height:60vh;padding:10px;display:grid;overflow-y:auto}.nav-mega-col{flex-direction:column;gap:2px;padding:4px;display:flex}.nav-mega-col-h{color:var(--text-2);align-items:center;gap:8px;padding:4px 6px 8px;font-size:12px;display:flex}.nav-mega-row{border-radius:var(--r-sm);color:var(--text-2);cursor:pointer;text-align:start;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:6px 10px;font-family:inherit;font-size:12.5px;transition:background .1s;display:flex}.nav-mega-row:hover{background:var(--surface-3);color:var(--text)}.search-overlay{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:600px;box-shadow:var(--shadow-lg);border:1px solid var(--border);flex-direction:column;margin-top:8vh;display:flex;overflow:hidden}.search-h{border-bottom:1px solid var(--divider);color:var(--text-muted);align-items:center;gap:10px;padding:14px 18px;display:flex}.search-input{color:var(--text);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:15px}.search-h kbd{background:var(--surface-3);color:var(--text-muted);border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:10px}.search-body{max-height:60vh;padding:6px;overflow-y:auto}.search-sec{padding:6px 0}.search-sec-h{letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);padding:4px 12px;font-size:10px;font-weight:700}.search-row{border-radius:var(--r-sm);cursor:pointer;text-align:start;width:100%;color:var(--text);background:0 0;border:0;align-items:center;gap:10px;padding:8px 12px;font-family:inherit;font-size:13px;transition:background .1s;display:flex}.search-row:hover{background:var(--surface-3)}.search-row-icon{border-radius:var(--r-sm);color:#fff;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:grid}.search-row kbd{background:var(--surface-3);color:var(--text-faint);border-radius:4px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:10px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--sp-5) var(--sp-6)}.topbar-title{font-size:var(--fs-2xl);letter-spacing:-.015em;font-weight:700}.content{padding:var(--sp-5) var(--sp-6) var(--sp-8);flex:1;width:100%;min-width:0;max-width:1500px;margin-inline:auto}.topbar-search{flex:1;max-width:420px;position:relative}.topbar-search input{background:var(--surface-3);border-radius:var(--r-md);width:100%;height:36px;padding:0 38px 0 var(--sp-3);font-size:var(--fs-sm);color:var(--text);border:1px solid #0000;outline:none;font-family:inherit;transition:border-color .15s,background .15s}.topbar-search input:focus{background:var(--surface);border-color:var(--accent);box-shadow:var(--shadow-focus)}.topbar-search svg{inset-inline-end:12px;color:var(--text-faint);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.btn{border-radius:var(--r-md);padding:8px var(--sp-4);font-size:var(--fs-sm);color:var(--text);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-weight:600;line-height:1;transition:background .15s,border-color .15s,color .15s,transform 50ms;display:inline-flex}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);color:#fff}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{background:var(--surface-3)}.btn-outline{background:var(--surface);border-color:var(--border);color:var(--text-2)}.btn-outline:hover{border-color:var(--border-strong);background:var(--surface-2)}.btn-sm{font-size:var(--fs-xs);border-radius:var(--r-sm);padding:5px 10px}.btn-icon{width:36px;height:36px;padding:0}.btn-icon.btn-sm{width:28px;height:28px}.icon-btn{border-radius:var(--r-md);width:36px;height:36px;color:var(--text-muted);background:0 0;border:0;place-items:center;transition:background .15s,color .15s;display:grid}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs)}.card-h{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--divider);align-items:center;gap:var(--sp-3);display:flex}.card-h h3{font-size:var(--fs-md);letter-spacing:-.005em;margin:0;font-weight:700}.card-h-action{margin-inline-start:auto}.card-b{padding:var(--sp-5)}.card-b-flush{padding:0}.input,.textarea,.select{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);width:100%;padding:9px var(--sp-3);font-size:var(--fs-sm);color:var(--text);outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.textarea{resize:vertical;min-height:80px;line-height:1.55}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237A8699' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-inline-end:36px}[dir=rtl] .select{background-position:12px}.select:hover{border-color:var(--border-strong)}.select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233D6FD9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.select option{color:var(--text);background:var(--surface)}.label{font-size:var(--fs-sm);color:var(--text-2);margin-bottom:6px;font-weight:600;display:block}.field{margin-bottom:var(--sp-4)}.field-hint{font-size:var(--fs-xs);color:var(--text-muted);margin-top:4px}.badge{font-size:var(--fs-xs);border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-2);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.h1{font-size:var(--fs-2xl);letter-spacing:-.015em;color:var(--text);margin:0;font-weight:700}.h2{font-size:var(--fs-xl);letter-spacing:-.01em;margin:0;font-weight:700}.sub{color:var(--text-muted);font-size:var(--fs-sm);margin:4px 0 0}.page-h{align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.page-h-actions{gap:var(--sp-2);flex-wrap:wrap;margin-inline-start:auto;display:flex}.empty{text-align:center;padding:var(--sp-8) var(--sp-4);color:var(--text-muted)}.empty-icon{width:56px;height:56px;margin:0 auto var(--sp-3);border-radius:var(--r-lg);background:var(--surface-3);color:var(--text-faint);place-items:center;display:grid}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:var(--sp-3) var(--sp-4);text-align:start;font-size:var(--fs-sm);border-bottom:1px solid var(--divider)}.table th{color:var(--text-muted);font-weight:600;font-size:var(--fs-xs);letter-spacing:.02em;background:var(--surface-2);position:sticky;top:0}.table tbody tr{transition:background .1s}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:0}.table-row-link{cursor:pointer}.row{align-items:center;gap:var(--sp-3);display:flex}.row-tight{align-items:center;gap:6px;display:flex}.col{gap:var(--sp-3);flex-direction:column;display:flex}.spread{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.divider{background:var(--divider);height:1px;margin:var(--sp-4) 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}@media (width<=820px),(pointer:coarse){input,textarea,select,.input,.textarea,.select,.pub-input{font-size:16px!important}}.seg-radio{background:var(--surface-3);border-radius:var(--r-md);gap:0;padding:3px;display:flex}.seg-radio button{font-size:var(--fs-sm);color:var(--text-muted);border-radius:var(--r-sm);background:0 0;border:0;flex:1;padding:8px 12px;font-family:inherit;font-weight:600;transition:all .12s}.seg-radio button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.dt-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.dt-toolbar{padding:var(--sp-3) var(--sp-4);align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--divider);background:var(--surface-2);flex-wrap:wrap;display:flex}.dt-toolbar .topbar-search{flex:1;min-width:160px;max-width:280px}.dt-toolbar-actions{gap:var(--sp-2);margin-inline-start:auto;display:flex}.resp-sheet-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0f1b2d61;animation:.18s resp-fade;position:fixed;inset:0}.resp-sheet{background:var(--surface);border-inline-start:1px solid var(--border);width:380px;max-width:92vw;box-shadow:var(--shadow-lg);z-index:1001;flex-direction:column;animation:.22s cubic-bezier(.22,1,.36,1) resp-slide;display:flex;position:fixed;inset-block:0;inset-inline-end:0}@keyframes resp-fade{0%{opacity:0}}@keyframes resp-slide{0%{transform:translateX(calc(100% * var(--sheet-dir,1)))}}[dir=rtl] .resp-sheet{--sheet-dir:-1}.resp-sheet-h{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;display:flex}.resp-sheet-body{padding:var(--sp-5);flex:1;overflow-y:auto}.resp-sheet-foot{gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--divider);display:flex}.resp-radio-group{flex-direction:column;gap:4px;display:flex}.resp-radio{border-radius:var(--r-md);border:1px solid var(--border);cursor:pointer;font-size:var(--fs-sm);color:var(--text-2);align-items:center;gap:8px;padding:9px 10px;transition:border-color .12s,background .12s,color .12s;display:flex}.resp-radio:hover{border-color:var(--border-strong)}.resp-radio.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.resp-radio input{accent-color:var(--accent);margin:0}.resp-radio-count{color:var(--text-faint);font-size:12px}.resp-radio.on .resp-radio-count{color:var(--accent)}.dt-unread-dot{background:0 0;border-radius:999px;flex-shrink:0;width:7px;height:7px}.dt-unread .dt-unread-dot{background:var(--success,#16a34a)}.dt-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.dt-table th{text-align:start;font-size:var(--fs-xs);color:var(--text-muted);padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;letter-spacing:.01em;font-weight:600}.dt-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--divider);vertical-align:middle}.dt-table tbody tr{cursor:pointer;transition:background .1s}.dt-table tbody tr:hover{background:var(--surface-2)}.dt-table tbody tr:last-child td{border-bottom:0}.dt-table tbody tr.active{background:var(--accent-softer)}.dt-empty{padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--text-muted)}.dt-empty-icon{width:56px;height:56px;margin:0 auto var(--sp-3);border-radius:var(--r-lg);background:var(--surface-3);color:var(--text-faint);place-items:center;display:grid}.dt-row-icon{border-radius:var(--r-md);color:#fff;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.dt-cell-title{align-items:center;gap:10px;display:flex}.dt-title-name{color:var(--text);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.dt-title-slug{color:var(--text-faint);direction:ltr;margin-top:1px;font-family:ui-monospace,SF Mono,monospace;font-size:11px}.dt-actions{justify-content:flex-end;gap:2px;display:flex}.dt-num{font-variant-numeric:tabular-nums;font-weight:600}.dt-bar{background:var(--surface-3);border-radius:999px;width:80px;height:4px;margin-top:4px;overflow:hidden}.dt-bar-fill{background:var(--accent);border-radius:999px;height:100%}.drawer-bd{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:900;background:#0f1b2d52;position:fixed;inset:0}.drawer{top:0;bottom:0;background:var(--surface);z-index:901;width:min(720px,92vw);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;inset-inline-start:0}.drawer-h{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--divider);align-items:center;gap:var(--sp-3);display:flex}.drawer-body{padding:var(--sp-5);flex:1;overflow-y:auto}.drawer-nav{gap:4px;margin-inline-start:auto;display:flex}.resp-pager{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--divider);background:var(--surface-2);flex-wrap:wrap;display:flex}.resp-pager-info{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:inline-flex}.resp-pager-pp{align-items:center;gap:6px;display:inline-flex}.resp-pager-pp-sel{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--r-sm);font:inherit;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%237A8699' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:6px;background-repeat:no-repeat;padding:4px 22px 4px 8px;font-size:12px}[dir=rtl] .resp-pager-pp-sel{background-position:6px;padding:4px 8px 4px 22px}.resp-pager-pp-sel:focus{border-color:var(--accent);box-shadow:var(--shadow-focus);outline:none}.resp-pager-ctrls{align-items:center;gap:4px;display:flex}.resp-pager-btn{border:1px solid var(--border);background:var(--surface);min-width:32px;height:32px;color:var(--text-2);border-radius:var(--r-sm);cursor:pointer;font:inherit;padding:0 8px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s,color .12s}.resp-pager-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3)}.resp-pager-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.resp-pager-btn:disabled{opacity:.45;cursor:not-allowed}.resp-pager-gap{color:var(--text-faint);padding:0 4px;font-size:13px}.dual-range{direction:ltr;height:24px;padding:0 9px;position:relative}.dual-range-track{inset-inline:9px;background:var(--surface-3);pointer-events:none;border-radius:999px;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.dual-range-fill{background:var(--accent);border-radius:999px;position:absolute;top:0;bottom:0}.dual-range input[type=range]{pointer-events:none;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.dual-range input[type=range]::-webkit-slider-runnable-track{background:0 0;border:none;height:100%}.dual-range input[type=range]::-moz-range-track{background:0 0;border:none;height:100%}.dual-range input[type=range]::-webkit-slider-thumb{appearance:none;pointer-events:auto;border:2px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;margin-top:0;transition:transform .12s,box-shadow .12s;box-shadow:0 1px 4px #0f1b2d2e}.dual-range input[type=range]::-moz-range-thumb{pointer-events:auto;border:2px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .12s,box-shadow .12s;box-shadow:0 1px 4px #0f1b2d2e}.dual-range input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 2px 8px #0f1b2d40}.dual-range input[type=range]:hover::-moz-range-thumb{transform:scale(1.1);box-shadow:0 2px 8px #0f1b2d40}.dual-range input[type=range]:focus{outline:none}.dual-range input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-soft)}.dual-range input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 4px var(--accent-soft)}.resp-new-badge{background:var(--accent);color:#fff;vertical-align:middle;border-radius:999px;margin-inline-start:6px;padding:3px 6px;font-size:10px;font-weight:700;line-height:1;display:inline-block}.cselect{width:100%;position:relative}.cselect-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);width:100%;padding:9px var(--sp-3);font-size:var(--fs-sm);color:var(--text);cursor:pointer;text-align:start;align-items:center;gap:8px;font-family:inherit;transition:border-color .15s,box-shadow .15s;display:flex}.cselect-btn:hover{border-color:var(--border-strong)}.cselect-btn.open{border-color:var(--accent);box-shadow:var(--shadow-focus)}.cselect-btn:disabled{opacity:.55;cursor:not-allowed}.cselect-btn>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cselect-ph{color:var(--text-faint)}.cselect-chev{color:var(--text-faint);flex-shrink:0;transition:transform .15s}.cselect-btn.open .cselect-chev{transform:rotate(180deg)}.cselect-panel{inset-inline:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:1100;max-height:260px;padding:4px;animation:.12s resp-fade;position:absolute;top:calc(100% + 4px);overflow-y:auto}.cselect-opt{text-align:start;width:100%;font-size:var(--fs-sm);color:var(--text-2);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;padding:9px 12px;font-family:inherit;display:block}.cselect-opt:hover{background:var(--surface-3)}.cselect-opt.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.cselect-search{border-bottom:1px solid var(--divider);color:var(--text-faint);background:var(--surface);z-index:1;align-items:center;gap:6px;margin-bottom:4px;padding:6px 8px;display:flex;position:sticky;top:-4px}.cselect-search input{font-family:inherit;font-size:var(--fs-sm);color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:2px 0}.cselect-empty{text-align:center;color:var(--text-faint);padding:14px;font-size:12px}.cselect-list{flex-direction:column;gap:2px;display:flex}.resp-split-modal{background:var(--surface);width:100%;height:100dvh;box-shadow:var(--shadow-lg);z-index:901;animation:.26s cubic-bezier(.22,1,.36,1) resp-split-up;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes resp-split-up{0%{opacity:.4;transform:translateY(100%)}}.resp-split-list{border-inline-end:1px solid var(--divider);background:var(--surface-2);flex-direction:column;flex:0 0 300px;width:300px;min-width:300px;display:flex}.resp-split-list-h{padding:var(--sp-4);border-bottom:1px solid var(--divider)}.resp-split-list-body{padding:var(--sp-2);flex:1;overflow-y:auto}.resp-split-item{text-align:start;border-radius:var(--r-md);cursor:pointer;width:100%;color:var(--text-2);background:0 0;border:0;align-items:center;gap:10px;padding:9px 10px;font-family:inherit;transition:background .12s;display:flex}.resp-split-item:hover{background:var(--surface-3)}.resp-split-item.active{background:var(--accent-soft)}.resp-split-item-av{color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:grid}.resp-split-item-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;display:block;overflow:hidden}.resp-split-item.unread .resp-split-item-name{font-weight:800}.resp-split-item.active .resp-split-item-name{color:var(--accent)}.resp-split-item-sub{color:var(--text-faint);margin-top:1px;font-size:11px;display:block}.resp-split-item-dot{border-radius:999px;flex-shrink:0;width:7px;height:7px}.resp-split-main{flex-direction:column;flex:1;min-width:0;display:flex}.resp-detail-cols{gap:var(--sp-5);margin-top:var(--sp-4);grid-template-columns:minmax(0,1fr) 380px;align-items:start;display:grid}.resp-detail-side{gap:var(--sp-4);flex-direction:column;align-self:start;max-height:calc(100vh - 150px);display:flex;position:sticky;top:0;overflow-y:auto}.resp-detail-side .review-bar{grid-template-columns:1fr;margin:0}@media (width<=1024px){.resp-detail-cols{grid-template-columns:1fr}.resp-detail-side{max-height:none;position:static;overflow:visible}}@media (width<=760px){.resp-split-list{display:none}}.cat-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));display:grid}.cat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.cat-card-h{padding:var(--sp-4) var(--sp-5);align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--divider);display:flex}.cat-card-icon{border-radius:var(--r-md);color:#fff;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.cat-card-name{font-size:var(--fs-md);margin:0;font-weight:700}.cat-card-slug{color:var(--text-faint);direction:ltr;font-family:ui-monospace,monospace;font-size:11px}.cat-card-body{padding:var(--sp-2) var(--sp-3) var(--sp-3)}.sub-row{align-items:center;gap:var(--sp-3);padding:9px var(--sp-3);border-radius:var(--r-sm);transition:background .1s;display:flex}.sub-row:hover{background:var(--surface-2)}.sub-name{color:var(--text-2);flex:1;font-weight:500}.sub-slug{color:var(--text-faint);direction:ltr;font-family:ui-monospace,monospace;font-size:11px}.sub-actions{opacity:0;gap:2px;transition:opacity .1s;display:flex}.sub-row:hover .sub-actions{opacity:1}.sub-add{padding:8px var(--sp-3);border:1.5px dashed var(--border);border-radius:var(--r-sm);color:var(--text-muted);font-size:var(--fs-sm);background:0 0;align-items:center;gap:8px;width:100%;margin-top:4px;font-weight:500;transition:border-color .12s,color .12s,background .12s;display:flex}.sub-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-softer)}.dash-hero{background:linear-gradient(135deg, var(--accent) 0%, color-mix(in oklch, var(--accent), #1d2a44 30%) 100%);border-radius:var(--r-lg);padding:var(--sp-6) var(--sp-7);color:#fff;margin-bottom:var(--sp-5);position:relative;overflow:hidden}.dash-hero:before{content:"";top:-40px;background:radial-gradient(circle,#ffffff2e,#0000 65%);border-radius:50%;width:220px;height:220px;position:absolute;inset-inline-end:-40px}.dash-hero:after{content:"";bottom:-60px;background:radial-gradient(circle,#ffffff14,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;inset-inline-start:20%}.dash-hero-grid{z-index:1;gap:var(--sp-5);grid-template-columns:1.5fr repeat(3,1fr);align-items:end;display:grid;position:relative}.dash-hero-title{letter-spacing:-.015em;margin:0 0 6px;font-size:24px;font-weight:700}.dash-hero-sub{opacity:.85;max-width:460px;margin:0 0 18px;font-size:14px}.dash-hero-stat-label{letter-spacing:.05em;text-transform:uppercase;opacity:.75;margin-bottom:4px;font-size:11px;font-weight:600}.dash-hero-stat-value{letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:1}.dash-hero-stat-delta{opacity:.85;align-items:center;gap:4px;margin-top:4px;font-size:12px;display:inline-flex}.dash-hero-cta{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:1px solid #ffffff4d}.dash-hero-cta:hover{color:#fff;background:#ffffff47}.mini-stats{gap:var(--sp-3);margin-bottom:var(--sp-5);grid-template-columns:repeat(4,1fr);display:grid}.mini-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);align-items:center;gap:var(--sp-3);display:flex}.mini-stat-icon{border-radius:var(--r-md);flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.mini-stat-v{letter-spacing:-.01em;font-size:20px;font-weight:700;line-height:1.1}.mini-stat-l{color:var(--text-muted);margin-top:2px;font-size:12px}.dash-grid{gap:var(--sp-4);margin-bottom:var(--sp-5);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5)}.stat-label{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--sp-2);align-items:center;gap:6px;display:flex}.stat-value{font-size:var(--fs-3xl);letter-spacing:-.02em;color:var(--text);font-weight:700;line-height:1.1}.stat-delta{font-size:var(--fs-xs);align-items:center;gap:2px;margin-top:6px;font-weight:600;display:inline-flex}.stat-delta.up{color:var(--success)}.stat-delta.down{color:var(--danger)}.stat-delta.flat{color:var(--text-muted)}.dash-row{gap:var(--sp-4);margin-bottom:var(--sp-4);grid-template-columns:2fr 1fr;display:grid}.dash-row-2{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.chart-svg{width:100%;height:200px;display:block}.chart-grid line{stroke:var(--divider);stroke-width:1px}.chart-area{fill:var(--accent);opacity:.08}.chart-line{stroke:var(--accent);stroke-width:2px;fill:none}.chart-dot{fill:var(--accent)}.chart-label{fill:var(--text-faint);font-size:11px;font-family:var(--font)}.chart-tip-line{stroke:var(--accent);stroke-width:1px;stroke-dasharray:3 3;opacity:.5}.chart-tip-bg{fill:var(--text)}.chart-tip-text{fill:#fff;font-size:11px;font-family:var(--font)}.list-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--divider);cursor:pointer;transition:background .1s;display:flex}.list-row:hover{background:var(--surface-2)}.list-row:last-child{border-bottom:0}.list-row-icon{border-radius:var(--r-md);background:var(--accent-soft);width:36px;height:36px;color:var(--accent);flex-shrink:0;place-items:center;display:grid}.list-row-main{flex:1;min-width:0}.list-row-title{font-size:var(--fs-sm);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.list-row-sub{font-size:var(--fs-xs);color:var(--text-muted);margin-top:1px}.list-row-meta{font-size:var(--fs-xs);color:var(--text-muted);text-align:end}.forms-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);cursor:pointer;gap:var(--sp-3);flex-direction:column;min-height:160px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.form-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.form-card-new{border:1.5px dashed var(--border-strong);color:var(--text-muted);font-size:var(--fs-sm);place-items:center;gap:var(--sp-2);text-align:center;background:0 0;font-weight:600;display:grid}.form-card-new:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-softer)}.form-card-title{font-size:var(--fs-lg);letter-spacing:-.005em;color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:700;display:-webkit-box;overflow:hidden}.form-card-stats{gap:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--divider);color:var(--text-muted);font-size:var(--fs-xs);margin-top:auto;display:flex}.form-card-stat-n{color:var(--text);font-weight:700;font-size:var(--fs-sm);display:block}.form-card-menu{opacity:0;margin-inline-start:auto;transition:opacity .15s}.form-card:hover .form-card-menu{opacity:1}.builder{grid-template-columns:260px 1fr 300px;grid-template-rows:var(--topbar-h) 1fr;background:var(--bg);gap:0;width:100%;min-height:100vh;display:grid}.builder-pane{background:var(--surface);border-inline-start:1px solid var(--border);border-inline-end:1px solid var(--border);padding:var(--sp-4);height:calc(100vh - var(--topbar-h));top:var(--topbar-h);position:sticky;overflow-y:auto}.builder-pane-h{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:0 0 var(--sp-3);padding:0 var(--sp-2);font-size:11px;font-weight:700}.block-cat{margin-bottom:var(--sp-5)}.block-cat-h{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);padding:0 var(--sp-2) var(--sp-2);font-size:11px;font-weight:700}.block-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.block-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:grab;text-align:center;color:var(--text-2);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:64px;padding:10px 6px;font-size:11.5px;font-weight:500;transition:all .12s;display:flex}.block-tile:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-softer);transform:translateY(-1px)}.block-tile:active{cursor:grabbing}.block-tile-icon{width:22px;height:22px;color:var(--text-2);place-items:center;display:grid}.block-tile:hover .block-tile-icon{color:var(--accent)}.block-tile.dragging{opacity:.4}.canvas{padding:var(--sp-6);min-width:0;height:calc(100vh - var(--topbar-h));overflow-y:auto}.canvas-inner{max-width:720px;margin:0 auto}.form-cover{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);margin-bottom:var(--sp-3);position:relative}.form-cover-title{font-size:var(--fs-2xl);width:100%;color:var(--text);letter-spacing:-.01em;background:0 0;border:0;outline:none;padding:0;font-family:inherit;font-weight:700}.form-cover-desc{font-size:var(--fs-sm);color:var(--text-muted);resize:none;background:0 0;border:0;outline:none;width:100%;margin-top:8px;padding:0;font-family:inherit;line-height:1.55}.canvas-blocks{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-2);min-height:200px}.canvas-pages{gap:var(--sp-5);flex-direction:column;display:flex}.canvas-pages .canvas-blocks{min-height:120px}.canvas-submit{margin-top:var(--sp-5);text-align:center}.canvas-submit-btn{border-radius:var(--r-md);background:var(--accent);color:#fff;width:100%;font-size:var(--fs-md);text-align:center;cursor:text;outline:none;padding:14px 28px;font-weight:700;display:block}.canvas-submit-btn.inline-editable-target:hover{filter:brightness(.95)}.canvas-submit-hint{font-size:var(--fs-xs);margin-top:6px}.canvas-page-sep{position:relative}.canvas-page-empty{padding:var(--sp-6) var(--sp-4);text-align:center;color:var(--text-faint);font-size:var(--fs-sm)}.canvas-empty{padding:var(--sp-7) var(--sp-4);text-align:center;color:var(--text-muted);font-size:var(--fs-sm);border:2px dashed var(--border);border-radius:var(--r-md)}.canvas-empty.dragover{background:var(--accent-softer);border-color:var(--accent);color:var(--accent)}.cblock{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-md);border:1px solid #0000;padding-inline-end:48px;transition:background .12s,border-color .12s;display:flex;position:relative}.cblock:hover{background:var(--surface-2)}.cblock.selected{background:var(--accent-softer);border-color:var(--accent)}.cblock.dragging{opacity:.4}.cblock-handle{width:22px;color:var(--text-faint);cursor:grab;opacity:0;flex-direction:column;flex-shrink:0;align-items:center;padding-top:6px;display:flex}.cblock:hover .cblock-handle,.cblock.selected .cblock-handle{opacity:1}.cblock-handle:hover{color:var(--text)}.cblock-handle:active{cursor:grabbing}.cblock-body{flex:1;min-width:0}.cblock-actions{top:8px;opacity:0;pointer-events:none;flex-direction:column;gap:3px;display:flex;position:absolute;inset-inline-end:8px}.cblock:hover .cblock-actions,.cblock.selected .cblock-actions{opacity:1;pointer-events:auto}.cblock-action{border:1px solid var(--border);background:var(--surface);width:26px;height:26px;color:var(--text-muted);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);place-items:center;transition:all .12s;display:grid}.cblock-action:hover{background:var(--surface-3);color:var(--text);border-color:var(--border-strong)}.cblock-action.danger:hover{background:var(--danger-soft);color:var(--danger);border-color:#0000}.drop-line{background:var(--accent);border-radius:2px;height:2px;margin:2px 8px;position:relative}.drop-line:before{content:"";inset-inline-start:-3px;background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px}.bp-label{font-size:var(--fs-sm);color:var(--text);align-items:center;gap:4px;margin:0 0 6px;font-weight:600;display:flex}.bp-required{color:var(--danger);font-weight:700}.bp-help{font-size:var(--fs-xs);color:var(--text-muted);margin:-2px 0 6px}.bp-h1{font-size:var(--fs-2xl);letter-spacing:-.01em;margin:var(--sp-2) 0;color:var(--text);font-weight:700}.bp-h2{font-size:var(--fs-xl);letter-spacing:-.005em;margin:var(--sp-2) 0;color:var(--text);font-weight:700}.bp-text{font-size:var(--fs-sm);color:var(--text-2);white-space:pre-line;margin:4px 0;line-height:1.65}.inline-editable-target{cursor:text}[contenteditable=true]{cursor:text;white-space:pre-wrap;outline:none}.bp-input,.bp-textarea,.bp-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:10px var(--sp-3);font-size:var(--fs-sm);color:var(--text);pointer-events:none;outline:none;width:100%}.bp-textarea{min-height:70px}.bp-radio,.bp-check{font-size:var(--fs-sm);color:var(--text-2);align-items:center;gap:8px;padding:6px 0;display:flex}.bp-radio-dot,.bp-check-box{border:1.5px solid var(--border-strong);flex-shrink:0;width:16px;height:16px}.bp-radio-dot{border-radius:50%}.bp-check-box{border-radius:4px}.bp-upload{border:1.5px dashed var(--border-strong);border-radius:var(--r-md);padding:var(--sp-5);text-align:center;color:var(--text-muted);font-size:var(--fs-sm)}.bp-rating-stars{color:var(--text-faint);gap:4px;display:flex}.bp-divider{background:var(--divider);height:1px;margin:var(--sp-3) 0}.bp-page{padding:var(--sp-3);background:var(--surface-3);border-radius:var(--r-md);color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;text-align:center;font-weight:600}.settings-pane h4{margin:0 0 var(--sp-2);font-size:var(--fs-sm);color:var(--text);font-weight:700}.settings-empty{padding:var(--sp-6) var(--sp-3);text-align:center;color:var(--text-muted);font-size:var(--fs-sm)}.settings-empty-icon{border-radius:var(--r-md);background:var(--surface-3);width:44px;height:44px;margin:0 auto var(--sp-3);color:var(--text-faint);place-items:center;display:grid}.setting-group{padding-bottom:var(--sp-4);margin-bottom:var(--sp-4);border-bottom:1px solid var(--divider)}.setting-group:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.setting-group-h{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--sp-3);font-size:11px;font-weight:700}.option-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.option-row .input{flex:1}.option-row-del{border-radius:var(--r-sm);width:28px;height:28px;color:var(--text-muted);background:0 0;border:0;flex-shrink:0;place-items:center;display:grid}.option-row-del:hover{color:var(--danger);background:var(--danger-soft)}.toggle{appearance:none;background:var(--border-strong);cursor:pointer;border-radius:999px;outline:none;flex-shrink:0;width:36px;height:20px;transition:background .18s;position:relative}.toggle:after{content:"";top:2px;background:#fff;border-radius:50%;width:16px;height:16px;transition:inset-inline-start .18s;position:absolute;inset-inline-start:2px;box-shadow:0 1px 3px #0003}.toggle:checked{background:var(--accent)}.toggle:checked:after{inset-inline-start:18px}.toggle-row{justify-content:space-between;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text-2);padding:6px 0;display:flex}.filetype-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.filetype-chip{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:7px 10px;font-size:13px;transition:border-color .12s,background .12s,color .12s;display:flex}.filetype-chip:hover{border-color:var(--border-strong)}.filetype-chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.filetype-chip input{accent-color:var(--accent);margin:0}.pub-file-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.pub-file-item{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.pub-file-item .pub-upload-name{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;text-decoration:none;overflow:hidden}.pub-file-del{color:var(--text-faint);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:0;padding:2px 4px;font-size:14px;line-height:1}.pub-file-del:hover{color:var(--danger,#c84b4b);background:var(--surface-3)}.builder-topbar{align-items:center;gap:var(--sp-3);padding:0 var(--sp-5);height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex}.builder-back{color:var(--text-muted);border-radius:var(--r-sm);font-size:var(--fs-sm);background:0 0;border:0;align-items:center;gap:6px;padding:6px 8px;font-weight:600;display:flex}.builder-back:hover{color:var(--text);background:var(--surface-3)}.builder-publish-item{border-radius:var(--r-sm);width:100%;font-family:inherit;font-size:var(--fs-sm);color:var(--text-2);cursor:pointer;text-align:start;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.builder-publish-item:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.builder-publish-item:disabled{color:var(--accent);cursor:default}.builder-form-name{font-size:var(--fs-md);color:var(--text);border-radius:var(--r-sm);background:0 0;border:0;outline:none;flex:0 280px;min-width:0;max-width:280px;padding:6px 8px;font-family:inherit;font-weight:700}.builder-form-name:focus{background:var(--surface-3)}.builder-tabs{background:var(--surface-3);border-radius:var(--r-md);gap:2px;margin-inline-start:var(--sp-4);padding:3px;display:flex}.builder-tab{font-size:var(--fs-sm);color:var(--text-muted);background:0 0;border:0;border-radius:6px;padding:5px 14px;font-weight:600}.builder-tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.resp-split{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);grid-template-columns:minmax(280px,340px) 1fr;gap:0;min-height:600px;display:grid;overflow:hidden}.resp-list{border-inline-end:1px solid var(--border);background:var(--surface);max-height:78vh;overflow-y:auto}.resp-list-h{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--divider);background:var(--surface-2);z-index:1;position:sticky;top:0}.resp-list-filters{margin-top:var(--sp-3);gap:6px;display:flex}.filter-chip{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-pill);font-size:var(--fs-xs);color:var(--text-2);cursor:pointer;padding:4px 12px;font-weight:600;transition:all .12s}.filter-chip:hover{border-color:var(--border-strong)}.filter-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.resp-item{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--divider);cursor:pointer;transition:background .1s}.resp-item:hover{background:var(--surface-2)}.resp-item.active{background:var(--accent-softer)}.resp-item.active:after{content:"";inset-inline-end:0;background:var(--accent);width:3px;position:absolute;top:0;bottom:0}.resp-item{position:relative}.resp-item-h{align-items:center;gap:var(--sp-2);margin-bottom:4px;display:flex}.resp-item-name{font-size:var(--fs-sm);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.resp-item-time{color:var(--text-faint);font-size:11px}.resp-item-preview{font-size:var(--fs-xs);color:var(--text-muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.resp-item-tags{gap:4px;margin-top:6px;display:flex}.resp-detail{padding:var(--sp-5);background:var(--surface);max-height:78vh;overflow-y:auto}.resp-detail-h{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);display:flex}.resp-avatar{border-radius:var(--r-pill);color:#fff;background:linear-gradient(135deg,#b6c8e7,#7a98c8);flex-shrink:0;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.resp-detail-name{font-size:var(--fs-lg);margin:0;font-weight:700}.resp-qa{padding:var(--sp-3) 0;border-bottom:1px solid var(--divider)}.resp-qa:last-child{border-bottom:0}.resp-q{font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:.01em;margin-bottom:4px;font-weight:600}.resp-a{font-size:var(--fs-sm);color:var(--text);word-break:break-word;line-height:1.6}.resp-a.empty{color:var(--text-faint);font-style:italic}.review-bar{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);margin-top:var(--sp-5);gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.review-block-h{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px;font-size:11px;font-weight:700}.star-pick{color:var(--text-faint);gap:4px;font-size:22px;display:flex}.star-pick button{color:inherit;background:0 0;border:0;padding:0;line-height:1;transition:color .1s,transform .1s}.star-pick button:hover{transform:scale(1.1)}.star-pick button.lit{color:#e0a92c}.status-pick{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);grid-template-columns:1fr 1fr 1fr;gap:4px;padding:3px;display:grid}.status-pick button{border-radius:var(--r-sm);font-size:var(--fs-xs);color:var(--text-muted);background:0 0;border:0;padding:6px 8px;font-weight:600}.status-pick button.active.approved{background:var(--success-soft);color:var(--success)}.status-pick button.active.pending{background:var(--warning-soft);color:var(--warning)}.status-pick button.active.rejected{background:var(--danger-soft);color:var(--danger)}.tag-list{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tag{background:var(--accent-soft);color:var(--accent);border-radius:var(--r-pill);font-size:var(--fs-xs);align-items:center;gap:4px;padding:3px 8px;font-weight:600;display:inline-flex}.tag-x{color:inherit;opacity:.6;background:0 0;border:0;padding:0;font-size:13px;line-height:1}.tag-x:hover{opacity:1}.tag-input{font-size:var(--fs-xs);width:100px;color:var(--text);background:0 0;border:0;outline:none;padding:3px 4px}.rating-final{margin-top:var(--sp-5);background:linear-gradient(135deg, var(--surface-2), var(--accent-softer));border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5)}.rating-final-h{align-items:center;gap:var(--sp-3);display:flex}.pub-shell{background:var(--bg);min-height:100vh;padding:var(--sp-8) var(--sp-4)}.pub-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);max-width:640px;padding:var(--sp-7) var(--sp-7);box-shadow:var(--shadow-sm);margin:0 auto}.pub-progress{z-index:1;background:var(--surface-3);height:5px;margin:calc(-1 * var(--sp-7)) calc(-1 * var(--sp-7)) var(--sp-6);border-top-left-radius:var(--r-lg);border-top-right-radius:var(--r-lg);position:relative;overflow:hidden}.pub-progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.pub-title{font-size:var(--fs-2xl);letter-spacing:-.01em;margin:0 0 8px;font-weight:700}.pub-desc{color:var(--text-muted);font-size:var(--fs-md);margin:0 0 var(--sp-5);line-height:1.6}.pub-block{margin-bottom:var(--sp-4)}.pub-label{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.pub-label .bp-required{color:var(--danger);margin-inline-start:2px}.pub-help{font-size:var(--fs-xs);color:var(--text-muted);margin-top:4px}.pub-input,.pub-textarea,.pub-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text);outline:none;padding:9px 14px;font-family:inherit;font-size:14px;transition:border-color .12s,box-shadow .12s}.pub-input:focus,.pub-textarea:focus,.pub-select:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.pub-textarea{resize:vertical;min-height:84px;line-height:1.6}.pub-error{color:var(--danger);font-size:var(--fs-xs);margin-top:4px}.pub-radios{flex-direction:column;gap:8px;display:flex}.pub-option{border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;align-items:center;gap:10px;padding:9px 14px;font-size:14px;transition:border-color .12s,background .12s;display:flex}.pub-option:hover{border-color:var(--border-strong)}.pub-option.checked{border-color:var(--accent);background:var(--accent-softer);color:var(--accent);font-weight:600}.pub-option input{accent-color:var(--accent)}.pub-upload{box-sizing:border-box;border:1.5px dashed var(--border-strong);border-radius:var(--r-md);width:100%;min-height:110px;padding:var(--sp-4);text-align:center;color:var(--text-muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;font-size:13px;transition:border-color .12s,background .12s;display:flex}.pub-upload:hover,.pub-upload.dragging{border-color:var(--accent);background:var(--accent-softer);color:var(--accent)}.pub-upload-name{color:var(--text);margin-top:4px;font-weight:600}.pub-rating{color:var(--text-faint);gap:6px;font-size:30px;display:flex}.pub-rating button{color:inherit;background:0 0;border:0;padding:0;line-height:1;transition:color .12s,transform .1s}.pub-rating button:hover{transform:scale(1.08)}.pub-rating button.lit{color:#e0a92c}.pub-sig{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);height:140px;position:relative;overflow:hidden}.pub-sig canvas{touch-action:none;cursor:crosshair;display:block}.pub-sig-clear{top:6px;position:absolute;inset-inline-end:6px}.pub-divider{background:var(--divider);height:1px;margin:var(--sp-4) 0}.pub-submit{background:var(--accent);color:#fff;border-radius:var(--r-md);width:100%;font-size:var(--fs-md);margin-top:var(--sp-4);border:0;padding:14px;font-weight:700;transition:background .15s}.pub-submit:hover{background:var(--accent-hover)}.pub-submit:disabled{opacity:.5;cursor:not-allowed}.pub-thanks{text-align:center;padding:var(--sp-7) var(--sp-4)}.pub-thanks-icon{width:64px;height:64px;margin:0 auto var(--sp-4);background:var(--success-soft);color:var(--success);border-radius:50%;place-items:center;display:grid}.spin-dot{border:2px solid var(--text-faint);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.sk{background:var(--surface-3);border-radius:var(--r-sm);position:relative;overflow:hidden}.sk:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--surface) 60%, transparent), transparent);animation:1.2s infinite sk-shimmer;position:absolute;inset:0;transform:translate(-100%)}[dir=rtl] .sk:after{animation-name:sk-shimmer-rtl}@keyframes sk-shimmer{to{transform:translate(100%)}}@keyframes sk-shimmer-rtl{to{transform:translate(100%)}}.sk-line{height:12px}.sk-circle{border-radius:50%}.modal-bd{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;padding:var(--sp-4);background:#0f1b2d66;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-6);width:100%;max-width:480px;max-height:calc(100vh - var(--sp-6));box-shadow:var(--shadow-lg);border:1px solid var(--border);overflow-y:auto}.modal h3{margin:0 0 var(--sp-2);font-size:var(--fs-lg);font-weight:700}.modal p{margin:0 0 var(--sp-4);color:var(--text-muted);font-size:var(--fs-sm)}.modal-actions{gap:var(--sp-2);justify-content:flex-start;display:flex}.toast{bottom:24px;background:var(--text);color:var(--surface);padding:10px var(--sp-4);border-radius:var(--r-pill);font-size:var(--fs-sm);box-shadow:var(--shadow-lg);z-index:1500;align-items:center;gap:8px;font-weight:500;display:flex;position:fixed;inset-inline-start:50%;transform:translate(50%)}.style-b .card,.style-b .form-card,.style-b .stat-card,.style-b .canvas-blocks,.style-b .form-cover,.style-b .resp-split,.style-b .pub-form{box-shadow:0 0 0 1px var(--divider), 0 2px 8px -3px #0f1b2d0d;border:0}.style-b{--bg:#eef2f8}.style-b.dark{--bg:#0b121c}.style-b .sb{background:0 0;border-inline-start:0}.style-b .topbar,.style-b .builder-topbar{border-bottom:1px solid var(--divider);background:0 0}@media (width<=1100px){.dash-grid{grid-template-columns:repeat(2,1fr)}.dash-row{grid-template-columns:1fr}.builder{grid-template-columns:240px 1fr 280px}}@media (width<=900px){.builder,.resp-split{grid-template-columns:1fr}}.pub-phone .PhoneInput{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;gap:8px;width:100%;padding:5px 14px;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.pub-phone .PhoneInput--focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.pub-phone .PhoneInputInput{color:var(--text);background:0 0;border:0;outline:none;width:100%;padding:4px 0;font-family:inherit;font-size:14px}.pub-phone .PhoneInputCountrySelect{color:var(--text)}.pub-phone .PhoneInputCountryIcon{box-shadow:0 0 0 1px var(--border)}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:.8;--PhoneInputInternationalIconGlobe-opacity:.65;--PhoneInputCountrySelect-marginRight:.35em;--PhoneInputCountrySelectArrow-width:.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{width:100%;height:100%;display:block}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{margin-right:var(--PhoneInputCountrySelect-marginRight);align-self:stretch;align-items:center;display:flex;position:relative}.PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity);display:block}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}