:root{--brand:#0f766e;--brand-hover:#115e59;--brand-tint:#ccfbf1;--brand-wash:#f0fdfa;--accent:#f59e0b;--accent-tint:#fef3c7;--ink:#111827;--ink-muted:#4b5563;--ink-faint:#6b7280;--surface-000:#fff;--surface-100:#f5f7f6;--border:#e5e7eb;--border-strong:#9ca3af;--success:#15803d;--success-tint:#dcfce7;--danger:#b91c1c;--danger-tint:#fee2e2;--neutral-tint:#f3f4f6;--sidebar:#111827;--sidebar-hover:#1f2937;--sidebar-text:#d1d5db;--font-sans:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-md:0 8px 24px #1118271a;--shadow-lg:0 20px 48px #1118272e}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--ink);background:var(--surface-100);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3,p{margin:0}a{color:var(--brand)}a:hover{color:var(--brand-hover)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.muted{color:var(--ink-muted)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar);flex-direction:column;gap:24px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:8px;padding:0 12px;text-decoration:none;display:flex}.brand b{color:#fff;letter-spacing:-.02em;font-size:22px;font-weight:700}.brand span{color:var(--ink);background:var(--brand-tint);border-radius:var(--radius-sm);padding:2px 6px;font-size:11px;font-weight:700}.side-nav{flex-direction:column;gap:2px;display:flex}.side-nav a{border-radius:var(--radius-md);height:40px;color:var(--sidebar-text);align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.side-nav a:hover{background:var(--sidebar-hover);color:#fff}.side-nav a[aria-current=page]{background:var(--brand);color:#fff}.side-nav svg{flex-shrink:0}.count{text-align:center;background:var(--accent);min-width:22px;color:var(--ink);border-radius:var(--radius-full);margin-left:auto;padding:1px 7px;font-size:12px;font-weight:700}.side-foot{border-top:1px solid var(--sidebar-hover);color:var(--sidebar-text);align-items:center;gap:10px;margin-top:auto;padding:16px 12px 0;font-size:13px;display:flex}.side-foot .avatar{border-radius:var(--radius-full);background:var(--brand);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.side-foot a{color:var(--sidebar-text);font-size:12px}.side-foot a:hover{color:#fff}.main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);z-index:20;background:#fff;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.topbar h1{font-size:20px;font-weight:600}.topbar-actions{align-items:center;gap:12px;display:flex}.topbar .menu-btn{display:none}.content{flex-direction:column;gap:24px;padding:24px 32px 48px;display:flex}@media (max-width:960px){.shell{grid-template-columns:1fr}.sidebar{z-index:60;width:260px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.shell.nav-open .sidebar{box-shadow:var(--shadow-lg);transform:none}.topbar .menu-btn{display:inline-flex}.topbar,.content{padding-left:16px;padding-right:16px}}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-lg{height:44px}.btn-block{width:100%}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-hover);color:#fff}.btn-secondary{color:var(--ink);border-color:var(--border-strong);background:#fff}.btn-secondary:hover{background:var(--surface-100);color:var(--ink)}.btn-danger{color:var(--danger);border-color:var(--danger);background:#fff}.btn-danger:hover{background:var(--danger-tint);color:var(--danger)}.btn-danger-solid{background:var(--danger);color:#fff}.btn-danger-solid:hover{color:#fff;background:#991b1b}.btn-ghost{color:var(--ink-muted)}.btn-ghost:hover{background:var(--surface-100);color:var(--ink)}.btn-sm{height:32px;padding:0 12px;font-size:13px}.icon-btn{width:40px;padding:0}.link-btn{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600;text-decoration:none}.link-btn:hover{color:var(--brand-hover);text-decoration:underline}.link-btn.danger{color:var(--danger)}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-head h2{font-size:16px;font-weight:600}.card-body{padding:20px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat{flex-direction:column;gap:6px;padding:20px;display:flex}.stat .label{color:var(--ink-muted);align-items:center;gap:6px;font-size:13px;display:flex}.stat .value{letter-spacing:-.01em;font-size:28px;font-weight:700;line-height:1.2}.stat .sub{color:var(--ink-muted);font-size:13px}.stat .value.warn{color:var(--danger)}@media (max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.stats{grid-template-columns:1fr}}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}@media (max-width:1100px){.grid-2{grid-template-columns:minmax(0,1fr)}}.badge{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-pending{background:var(--accent-tint);color:#92400e}.badge-active,.badge-approved,.badge-published{background:var(--success-tint);color:var(--success)}.badge-rejected,.badge-suspended{background:var(--danger-tint);color:var(--danger)}.badge-expired,.badge-draft{background:var(--neutral-tint);color:var(--ink-muted)}.toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.tabs{flex-wrap:wrap;gap:4px;display:flex}.tabs button{border-radius:var(--radius-md);height:34px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex}.tabs button:hover{background:var(--surface-100);color:var(--ink)}.tabs button[aria-selected=true]{background:var(--brand-tint);color:var(--brand-hover);font-weight:600}.tabs .n{color:inherit;opacity:.8;font-size:12px}.search{position:relative}.search input{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#fff;width:280px;max-width:100%;height:38px;padding:0 12px 0 36px}.search svg{color:var(--ink-faint);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}@media (max-width:600px){.search,.search input{width:100%}}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--ink-muted);background:var(--surface-100);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 16px;font-size:13px;font-weight:500}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px}tbody tr:last-child td{border-bottom:0}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:var(--surface-100)}tbody tr.selected{background:var(--brand-wash)}td .strong{color:var(--ink);font-weight:500}td .sub{color:var(--ink-muted);font-size:12px;display:block}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.actions{flex-wrap:wrap;gap:14px;display:flex}.empty{text-align:center;color:var(--ink-muted);padding:48px 16px}.warn-text{color:var(--danger);font-weight:500}.split{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;display:grid}.detail{flex-direction:column;gap:16px;padding:20px;display:flex;position:sticky;top:88px}.detail-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-head h2{font-size:18px;font-weight:600}.proof{border-radius:var(--radius-md);border:1px dashed var(--border-strong);background:var(--surface-100);height:200px;color:var(--ink-muted);text-align:center;cursor:zoom-in;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}@media (max-width:1100px){.split{grid-template-columns:minmax(0,1fr)}.detail{position:static}}dl.kv{margin:0}dl.kv div{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:9px 0;font-size:14px;display:flex}dl.kv div:last-child{border-bottom:0}dl.kv dt{color:var(--ink-muted)}dl.kv dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:500}.field{flex-direction:column;gap:6px;display:flex}.field label,.label{font-size:14px;font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#fff;width:100%;height:42px;padding:0 12px;font-size:14px}.field textarea{resize:vertical;height:auto;min-height:80px;padding:10px 12px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}.field .help{color:var(--ink-muted);font-size:13px}.field.invalid input,.field.invalid textarea{border-color:var(--danger)}.field .err{color:var(--danger);font-size:13px}.prefix{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#fff;display:flex;overflow:hidden}.prefix span{background:var(--surface-100);color:var(--ink-muted);border-right:1px solid var(--border);align-items:center;padding:0 12px;font-size:14px;display:flex}.prefix input{border:0!important;border-radius:0!important}.prefix:focus-within{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}.prefix input:focus{outline:none}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (max-width:700px){.form-grid{grid-template-columns:1fr}}.section-title{font-size:16px;font-weight:600}.form-actions{justify-content:flex-end;gap:12px;display:flex}.app-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.app-card{flex-direction:column;gap:12px;padding:20px;display:flex}.app-top{align-items:center;gap:12px;display:flex}.app-icon{border-radius:var(--radius-md);background:var(--brand-tint);width:44px;height:44px;color:var(--brand-hover);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.app-top h3{font-size:16px;font-weight:600}.app-top .cat{color:var(--ink-muted);font-size:12px}.app-card p{color:var(--ink-muted);flex:1;font-size:14px}.app-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}.switch{color:var(--ink-muted);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.switch input{appearance:none;border-radius:var(--radius-full);background:var(--border-strong);cursor:pointer;width:36px;height:20px;margin:0;transition:background .15s;position:relative}.switch input:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch input:checked{background:var(--brand)}.switch input:checked:after{transform:translate(16px)}.chart-card .card-head{border-bottom:0;padding-bottom:0}.chart-sub{color:var(--ink-muted);font-size:13px}.chart{padding:12px 20px 16px;position:relative}.chart svg{width:100%;height:220px;display:block;overflow:visible}.chart .grid line{stroke:var(--border);stroke-width:1px}.chart .axis text{fill:var(--ink-muted);font-size:12px}.chart .bar{fill:var(--brand)}.chart .bar-hit{fill:#0000;cursor:default}.chart .bar-hit:hover+.bar,.chart .bar.hl{fill:var(--brand-hover)}.chart .val{fill:var(--ink);font-size:12px;font-weight:600}.tooltip{pointer-events:none;background:var(--ink);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--shadow-md);z-index:5;padding:6px 10px;font-size:12px;position:absolute;transform:translate(-50%,-100%)}.tooltip b{font-size:13px;display:block}.chart-table{margin:0 20px 16px}.chart-table table{font-size:13px}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;font-size:14px;display:flex}.list li:last-child{border-bottom:0}.list .who{flex-direction:column;min-width:0;display:flex}.list .who span{color:var(--ink-muted);font-size:12px}.modal-backdrop{z-index:100;background:#11182780;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;width:100%;max-width:480px;max-height:calc(100vh - 32px);overflow:auto}.modal.wide{max-width:720px}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 0;display:flex}.modal-head h2{font-size:18px;font-weight:600}.modal-body{color:var(--ink-muted);flex-direction:column;gap:16px;padding:16px 24px;display:flex}.modal-foot{justify-content:flex-end;gap:12px;padding:0 24px 20px;display:flex}.proof-large{border-radius:var(--radius-md);background:var(--surface-100);border:1px dashed var(--border-strong);height:60vh;color:var(--ink-muted);justify-content:center;align-items:center;display:flex}.toasts{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--ink);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);align-items:center;gap:10px;max-width:360px;padding:12px 16px;font-size:14px;animation:.2s ease-out toast-in;display:flex}.toast.ok svg{color:#4ade80}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.login-page{background:var(--sidebar);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{flex-direction:column;gap:20px;width:100%;max-width:400px;padding:32px;display:flex}.login-card .brand{padding:0}.login-card .brand b{color:var(--ink)}.profile-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex}.profile-head h2{flex-wrap:wrap;align-items:center;gap:12px;font-size:22px;font-weight:700;display:flex}.profile-head p{margin-top:4px}.back{color:var(--ink-muted);align-items:center;gap:6px;font-size:14px;text-decoration:none;display:inline-flex}.back:hover{color:var(--ink)}.notice{border-radius:var(--radius-md);background:var(--brand-wash);color:var(--brand-hover);border:1px solid var(--brand-tint);padding:12px 16px;font-size:14px}.notice.warn{background:var(--accent-tint);color:#92400e;border-color:#fde68a}.badge-live,.badge-active{background:var(--success-tint);color:var(--success)}.badge-invited{background:var(--accent-tint);color:#92400e}.badge-disabled,.badge-archived{background:var(--neutral-tint);color:var(--ink-muted)}.badge-featured{background:var(--brand-tint);color:var(--brand-hover)}.badge-featured:before{display:none}.check-inline{color:var(--ink);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.check-inline input{width:16px;height:16px;accent-color:var(--brand);margin:0}.notice a{color:var(--brand-hover)}.plan-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.plan-card{flex-direction:column;gap:12px;padding:20px;display:flex}.plan-card.is-featured{border:2px solid var(--brand);padding:19px}.plan-card.is-archived{opacity:.7}.plan-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.plan-card-head h3{margin:0;font-size:18px;font-weight:700}.plan-card-head p{margin-top:2px;font-size:13px}.plan-badges{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.plan-price b{letter-spacing:-.01em;font-size:28px}.plan-price span{color:var(--ink-muted);margin-left:4px}.plan-kv{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4px 0}.plan-kv div{padding:7px 0;font-size:13px}.plan-feats{flex-direction:column;flex:1;gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.plan-feats li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.plan-feats li:before{content:"✓";color:var(--success);font-weight:700}.plan-feats li.soon-item{color:var(--ink-muted)}.plan-feats li.soon-item:before{content:"○";color:var(--border-strong)}.plan-actions{align-items:center;gap:8px;padding-top:4px;display:flex}.btn:disabled{opacity:.4;cursor:not-allowed}.feat-list{flex-direction:column;gap:8px;display:flex}.feat-row{align-items:center;gap:10px;display:flex}.feat-row .feat-text{border:1px solid var(--border-strong);border-radius:var(--radius-md);flex:1;height:38px;padding:0 10px;font-size:14px}.feat-row .feat-text:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}.modal-body .field label,.modal-body .label{color:var(--ink)}.who-cell{align-items:center;gap:10px;display:flex}.avatar-sm{background:var(--brand-tint);width:34px;height:34px;color:var(--brand-hover);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.role-chip{border:1px solid var(--border);background:#fff;border-radius:9999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.perm-table th.c,.perm-table td.c{text-align:center;width:110px}.perm-table tbody th{text-align:left;border-bottom:1px solid var(--border);color:var(--ink);background:0 0;padding:12px 16px;font-weight:400}.perm-table tbody tr:last-child th{border-bottom:0}.perm-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand)}.perm-table input[type=checkbox]:disabled{opacity:.6}.links-layout{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:24px;display:grid}.links-editor{flex-direction:column;gap:24px;min-width:0;display:flex}.links-preview{flex-direction:column;gap:12px;display:flex;position:sticky;top:88px}.preview-bar{justify-content:space-between;align-items:center;gap:8px;display:flex}.preview-shell{border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fff;margin:0 auto;overflow:hidden}.preview-shell.phone{border:10px solid var(--ink);border-radius:36px;width:360px;height:680px}.preview-shell.desktop{border-radius:var(--radius-lg);width:100%;height:680px}.preview-shell iframe{border:0;width:100%;height:100%;display:block}.link-list{flex-direction:column;gap:12px;display:flex}.link-row{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;flex-direction:column;gap:12px;padding:14px;display:flex}.link-row.is-hidden{background:var(--surface-100)}.link-row.is-hidden .link-row-title{color:var(--ink-muted)}.link-row-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.link-row-ic{background:var(--brand-tint);width:32px;height:32px;color:var(--brand-hover);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.link-row-ic svg{width:18px;height:18px}.link-row-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.dirty{color:#92400e;background:var(--accent-tint);border-radius:9999px;padding:4px 10px;font-size:13px;font-weight:600}.tabs button[aria-pressed=true]{background:var(--brand-tint);color:var(--brand-hover);font-weight:600}@media (max-width:1180px){.links-layout{grid-template-columns:minmax(0,1fr)}.links-preview{position:static}}@media (max-width:600px){.preview-shell.phone{width:100%;max-width:340px}.topbar-actions .btn{padding:0 10px}.topbar-actions .dirty{display:none}}.perm-table th .strong,.perm-table th .sub{display:block}.perm-table th .sub{color:var(--ink-muted);margin-top:2px;font-size:12px}[hidden]{display:none!important}.brand-logo{align-items:center;gap:8px;text-decoration:none;display:flex}.brand-logo img{height:auto;display:block}.brand-logo span{letter-spacing:.08em;color:#fff;background:#ffffff1f;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.login-card .brand-logo span{background:var(--brand-tint,#ccfbf1);color:var(--brand,#0f766e)}.copy-row{align-items:stretch;gap:8px;display:flex}.copy-row input{flex:1;min-width:0;font-size:13px}.pw-rules{color:var(--ink-muted);margin:0;padding-left:18px;font-size:13px}.activity{margin:0;padding:0;list-style:none}.activity li{border-top:1px solid var(--border);justify-content:space-between;gap:12px;padding:10px 20px;font-size:14px;display:flex}.activity li:first-child{border-top:0}.activity .who{color:var(--ink-muted);white-space:nowrap;font-size:12px}.form-msg{margin:0;font-size:14px}.form-msg.ok{color:var(--success,#15803d)}.form-msg.err{color:var(--danger,#b91c1c)}.link-plain{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.side-foot a,.side-foot .link-plain{color:#cbd5e1}.side-foot a:hover,.side-foot .link-plain:hover{color:#fff}.brand img{width:92px}.login-card .brand img{width:110px}@media (min-width:961px){.shell{background:linear-gradient(90deg, var(--sidebar) 240px, var(--surface-100) 240px)}}
