.portal{--p-bg:#faf7ef;--p-bg-grad:linear-gradient(160deg, #fdfbf6 0%, #f6f1e4 60%, #faf7ef 100%);--p-panel:#fff;--p-panel-2:#f4efe2;--p-hair:#31175924;--p-row-hair:#31175914;--p-gold:#9a7a33;--p-cream:#1c1226;--p-txt:#1c1226eb;--p-dim:#1c1226a8;--p-faint:#1c122675;--p-green:#2e7d46;--p-red:#b23a3a;--p-side-bg:#3117590d;--p-hover:#3117590f;--p-active:#9a7a3324;--p-input-bg:#3117590a;--p-th-bg:#3117590d;--p-switch-bg:#3117591a;background:var(--p-bg-grad);min-height:100svh;color:var(--p-txt);font-family:var(--font-inter), system-ui, sans-serif;-webkit-font-smoothing:antialiased;font-size:.92rem;line-height:1.5}html[data-bz-theme=dark] .portal{--p-bg:#12091d;--p-bg-grad:linear-gradient(160deg, #12091d 0%, #1b102d 60%, #140b21 100%);--p-panel:#1b102d;--p-panel-2:#241634;--p-hair:#bdafd229;--p-row-hair:#bdafd214;--p-gold:#c6a15b;--p-cream:#fffad1;--p-txt:#fffad1eb;--p-dim:#fffad1a3;--p-faint:#fffad16b;--p-green:#7dc98f;--p-red:#e08484;--p-side-bg:#0a051373;--p-hover:#fffad10d;--p-active:#c6a15b24;--p-input-bg:#0a051380;--p-th-bg:#0a051366;--p-switch-bg:#fffad114}html:not([data-bz-theme=dark]) .portal .portal-brand img,html:not([data-bz-theme=dark]) .portal .portal-login-card img{filter:invert(.82)}.portal *,.portal :before,.portal :after{box-sizing:border-box}.portal a{color:inherit;text-decoration:none}.portal-shell{grid-template-columns:230px minmax(0,1fr);min-height:100svh;display:grid}@media (max-width:860px){.portal-shell{grid-template-columns:1fr}}.portal-side{border-right:1px solid var(--p-hair);background:var(--p-side-bg);flex-direction:column;gap:1.4rem;padding:1.4rem 1.1rem;display:flex}@media (max-width:860px){.portal-side{border-right:0;border-bottom:1px solid var(--p-hair);flex-flow:wrap;align-items:center}}.portal-brand{align-items:center;gap:.6rem;display:flex}.portal-brand img{width:auto;height:34px}.portal-brand .t{font-family:var(--font-plex), monospace;letter-spacing:.24em;text-transform:uppercase;color:var(--p-gold);font-size:.62rem}.portal-nav{flex-direction:column;gap:.15rem;display:flex}@media (max-width:860px){.portal-nav{flex-flow:wrap}}.portal-nav a{color:var(--p-dim);border-radius:10px;padding:.55rem .75rem;font-weight:500;transition:background .2s,color .2s}.portal-nav a:hover{background:var(--p-hover);color:var(--p-txt)}.portal-nav a[data-active=true]{background:var(--p-active);color:var(--p-gold)}.portal-user{color:var(--p-faint);word-break:break-all;flex-direction:column;gap:.4rem;margin-top:auto;font-size:.78rem;display:flex}@media (max-width:860px){.portal-user{margin-top:0;margin-left:auto}}.portal-user button{border:1px solid var(--p-hair);color:var(--p-dim);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;padding:.3rem .7rem;font-size:.75rem}.portal-user button:hover{color:var(--p-cream);border-color:var(--p-gold)}.portal-main{width:100%;max-width:1200px;padding:1.8rem clamp(1.1rem,3vw,2.4rem) 4rem}.portal h1{color:var(--p-cream);margin:0 0 .35rem;font-size:1.35rem;font-weight:650}.portal .sub{color:var(--p-faint);max-width:70ch;margin:0 0 1.6rem;font-size:.85rem}.portal h2{font-size:.72rem;font-family:var(--font-plex), monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--p-gold);margin:2rem 0 .8rem}.portal-card{background:var(--p-panel);border:1px solid var(--p-hair);border-radius:14px;padding:1.2rem 1.3rem}.portal-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;display:grid}.portal-toggle-row{justify-content:space-between;align-items:flex-start;gap:1.2rem;padding:1rem 0;display:flex}.portal-toggle-row+.portal-toggle-row{border-top:1px solid var(--p-hair)}.portal-toggle-row .name{color:var(--p-cream);font-weight:600}.portal-toggle-row .desc{color:var(--p-faint);max-width:52ch;margin-top:.15rem;font-size:.8rem}.portal-switch{border:1px solid var(--p-hair);background:var(--p-switch-bg);cursor:pointer;border-radius:999px;flex:none;width:46px;height:26px;transition:background .2s,border-color .2s;position:relative}.portal-switch:after{content:"";background:var(--p-dim);border-radius:50%;width:20px;height:20px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.portal-switch[data-on=true]{background:#7dc98f40;border-color:#7dc98f99}.portal-switch[data-on=true]:after{background:var(--p-green);transform:translate(20px)}.portal-switch[disabled]{opacity:.5;cursor:wait}.portal input[type=text],.portal input[type=search],.portal input[type=date],.portal input[type=password],.portal textarea,.portal select{background:var(--p-input-bg);border:1px solid var(--p-hair);width:100%;color:var(--p-txt);font:inherit;border-radius:9px;padding:.5rem .65rem;font-size:.88rem}.portal textarea{resize:vertical;min-height:4.5rem}.portal input:focus,.portal textarea:focus,.portal select:focus{border-color:var(--p-gold);outline:none}.portal label{letter-spacing:.06em;text-transform:uppercase;color:var(--p-faint);margin-bottom:.3rem;font-size:.72rem;display:block}.portal-btn{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1.15rem;font-size:.85rem;font-weight:600;transition:transform .15s,box-shadow .2s;display:inline-flex}.portal-btn:hover{transform:translateY(-1px)}.portal-btn.primary{background:var(--p-gold);color:#0a0513}.portal-btn.ghost{border-color:var(--p-hair);color:var(--p-dim);background:0 0}.portal-btn.ghost:hover{border-color:var(--p-gold);color:var(--p-cream)}.portal-btn[disabled]{opacity:.55;cursor:wait;transform:none}.portal-table-wrap{border:1px solid var(--p-hair);border-radius:12px;overflow-x:auto}.portal table{border-collapse:collapse;width:100%;min-width:760px;font-size:.83rem}.portal th{text-align:left;font-family:var(--font-plex), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--p-faint);border-bottom:1px solid var(--p-hair);background:var(--p-th-bg);white-space:nowrap;padding:.7rem .85rem;font-size:.62rem}.portal td{border-bottom:1px solid var(--p-row-hair);vertical-align:top;padding:.6rem .85rem}.portal tr:last-child td{border-bottom:0}.portal-pill{border:1px solid var(--p-hair);color:var(--p-dim);white-space:nowrap;border-radius:999px;padding:.1rem .6rem;font-size:.72rem;display:inline-block}.portal-pill[data-tone=new]{color:var(--p-gold);border-color:#c6a15b99}.portal-pill[data-tone=responded],.portal-pill[data-tone=on]{color:var(--p-green);border-color:#7dc98f8c}.portal-pill[data-tone=off],.portal-pill[data-tone=archived]{color:var(--p-faint)}.portal .note{color:var(--p-faint);font-size:.78rem}.portal .error{color:var(--p-red);font-size:.84rem}.portal .ok{color:var(--p-green);font-size:.84rem}.portal-stat{background:var(--p-panel);border:1px solid var(--p-hair);border-radius:14px;padding:1rem 1.15rem}.portal-stat .v{color:var(--p-gold);font-size:1.7rem;font-weight:700;line-height:1.1}.portal-stat .l{letter-spacing:.14em;text-transform:uppercase;color:var(--p-faint);margin-top:.25rem;font-size:.72rem}.portal-bars{align-items:flex-end;gap:3px;height:90px;padding-top:.6rem;display:flex}.portal-bars .b{background:#c6a15ba6;border-radius:3px 3px 0 0;flex:1;min-width:4px}.portal-kv{border-bottom:1px solid var(--p-row-hair);justify-content:space-between;gap:1rem;padding:.35rem 0;font-size:.84rem;display:flex}.portal-kv:last-child{border-bottom:0}.portal-kv .k{color:var(--p-dim)}.portal-kv .v{color:var(--p-cream);font-variant-numeric:tabular-nums}.portal-field{padding:.85rem 0}.portal-field+.portal-field{border-top:1px solid var(--p-row-hair)}.portal-field .meta{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.portal-field .overridden{color:var(--p-gold);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.portal-field .default{color:var(--p-faint);word-break:break-word;margin-top:.3rem;font-size:.72rem}.portal-login{place-items:center;min-height:100svh;padding:2rem;display:grid}.portal-login-card{background:var(--p-panel);border:1px solid var(--p-hair);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:1.1rem;width:min(420px,100%);padding:2rem;display:flex}.portal-login-card img{width:auto;height:56px}@media print{.portal{color:#111;background:#fff}.portal-side,.portal-actions,.portal-filters{display:none!important}.portal-table-wrap{border:none;overflow:visible}.portal table{min-width:0}.portal th,.portal td{color:#111;background:#fff;border-color:#ddd}}
