@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--ink:#1b2224;--ink-2:#3a4548;--muted:#6c7b85;--line:#e3e9eb;--bg:#f4f7f8;--panel:#fff;--teal:#17b894;--teal-d:#0e8f73;--teal-l:#e6f7f2;--dark:#161c1e;--dark-2:#1f2729;--danger:#d9624e;--danger-l:#fdecea;--warn:#c98a12;--warn-l:#fff5e0;--blue:#2c4f8a;--blue-l:#e8eef7;--radius:14px;--shadow:0 1px 2px #141e200d, 0 8px 24px -12px #141e202e;--sidebar-w:260px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans Arabic,Dubai,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--dark);color:#cfd8db;border-inline-end:1px solid #ffffff0d;flex-direction:column;flex:none;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:18px;padding:4px 8px 22px;display:flex}.brand img{object-fit:contain;width:44px;height:44px}.brand .t{color:#fff;font-size:17px;font-weight:700;line-height:1.2}.brand .s{color:var(--teal);font-size:12px;font-weight:500}.nav{flex-direction:column;gap:4px;display:flex}.nav a{color:#b7c3c7;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav a svg{opacity:.85;flex:none;width:20px;height:20px}.nav a:hover{color:#fff;background:#ffffff0d}.nav a.active{background:var(--teal);color:#0b1d18;font-weight:700}.nav a.active svg{opacity:1}.nav .badge{background:#ffffff1a;border-radius:20px;margin-inline-start:auto;padding:1px 8px;font-size:11.5px}.nav a.active .badge{background:#00000026}.sidebar .foot{color:#6f7f85;margin-top:auto;padding:8px;font-size:12px;line-height:1.7}.main{flex:1;min-width:0;padding:28px 32px 48px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-head h1{letter-spacing:-.2px;margin:0;font-size:26px;font-weight:700}.page-head h1 span{color:var(--teal)}.page-head p{color:var(--muted);margin:4px 0 0}.filters{flex-wrap:wrap;gap:8px;display:flex}.seg{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.seg button{color:var(--ink-2);background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.seg button:hover{background:var(--bg)}.seg button.on{background:var(--dark);color:#fff}.seg button .n{background:#0000000f;border-radius:20px;padding:0 7px;font-size:12px;font-weight:600}.seg button.on .n{background:var(--teal);color:#0b1d18}.search{background:var(--panel);border:1px solid var(--line);min-width:240px;box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex}.search input{font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.search svg{width:18px;height:18px;color:var(--muted)}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;text-align:start;flex-direction:column;gap:10px;padding:18px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.card:before{content:"";inset-inline-start:0;background:var(--accent,var(--teal));width:4px;position:absolute;top:0;bottom:0}.card:hover{border-color:#cfd9dc;transform:translateY(-2px);box-shadow:0 2px 4px #141e200f,0 16px 32px -16px #141e2047}.card .top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card .name{font-size:16.5px;font-weight:700;line-height:1.3}.card .sub{color:var(--muted);margin-top:2px;font-size:13px}.mono{color:#fff;background:var(--accent,var(--teal));border-radius:11px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:inline-flex}.card .price{color:var(--teal-d);font-size:14.5px;font-weight:700}.card .price.na{color:var(--muted);font-weight:500}.card .desc{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.card .foot{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:4px;display:flex}.chip{background:var(--bg);color:var(--ink-2);border-radius:20px;padding:2px 10px;font-size:12px;font-weight:500}.chip.threat-high{background:var(--danger-l);color:#a8402f}.chip.threat-medium{background:var(--warn-l);color:#8a5d05}.chip.threat-low{background:var(--teal-l);color:var(--teal-d)}.chip.threat-partner{background:var(--blue-l);color:var(--blue)}.chip.ok{background:var(--teal-l);color:var(--teal-d)}.chip.warn{background:var(--warn-l);color:#8a5d05}.empty{text-align:center;color:var(--muted);background:var(--panel);border:1px dashed var(--line);border-radius:var(--radius);padding:60px}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;background:#0c121473;animation:.18s fade;position:fixed;inset:0}.drawer{top:0;bottom:0;background:var(--panel);z-index:50;flex-direction:column;width:min(560px,100%);animation:.22s slide;display:flex;position:fixed;inset-inline-start:0;box-shadow:0 0 60px #00000040}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}.drawer .dh{border-bottom:1px solid var(--line);align-items:flex-start;gap:14px;padding:22px 24px 16px;display:flex}.drawer .dh .mono{border-radius:13px;width:52px;height:52px;font-size:20px}.drawer .dh h2{margin:0;font-size:20px}.drawer .dh .sub{color:var(--muted);font-size:13.5px}.drawer .close{background:var(--bg);width:36px;height:36px;color:var(--ink-2);border:0;border-radius:10px;place-items:center;margin-inline-start:auto;display:grid}.drawer .close:hover{background:var(--line)}.drawer .db{padding:8px 24px 32px;overflow:auto}.sec{margin-top:20px}.sec h4{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;margin:0 0 8px;font-size:13px;font-weight:600}.kv{grid-template-columns:96px 1fr;gap:6px 12px;font-size:14px;display:grid}.kv .k{color:var(--muted)}.kv .v a{color:var(--teal-d);font-weight:600}.pricebox{background:var(--teal-l);border-inline-start:4px solid var(--teal);border-radius:10px;padding:12px 14px}.pricebox .big{color:var(--teal-d);font-size:17px;font-weight:700}.pricebox ul,.list{margin:8px 0 0;padding-inline-start:18px}.pricebox li,.list li{margin:3px 0;font-size:14px}.list.good li::marker{color:var(--teal)}.list.bad li::marker{color:var(--danger)}.two{grid-template-columns:1fr 1fr;gap:16px;display:grid}.note{background:var(--warn-l);color:#6b4a04;border-radius:10px;padding:10px 12px;font-size:13.5px}.tags{flex-wrap:wrap;gap:6px;display:flex}.phone{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:embed}.placeholder{background:var(--panel);border:1px dashed var(--line);border-radius:var(--radius);min-height:50vh;color:var(--muted);text-align:center;place-items:center;display:grid}.placeholder .ic{width:56px;height:56px;color:var(--teal);margin:0 auto 12px}@media (width<=900px){.main{padding:20px 16px 40px}.two{grid-template-columns:1fr}}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink-2);box-shadow:var(--shadow);border-radius:10px;padding:8px 14px;font-weight:600}.btn:hover{background:var(--bg)}.btn.ghost{box-shadow:none}.btn.sm{border-radius:8px;padding:5px 10px;font-size:12.5px}.btn.danger{color:#a8402f}.btn.danger:hover{background:var(--danger-l)}.board{grid-template-columns:1.35fr 1fr 1fr 1fr;align-items:start;gap:14px;min-height:70vh;display:grid}.col{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;max-height:calc(100vh - 190px);display:flex}.col-h{border-bottom:1px solid var(--line);background:var(--dark);color:#fff;border-radius:var(--radius) var(--radius) 0 0;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-weight:700;display:flex}.col-h .n{background:var(--teal);color:#0b1d18;border-radius:20px;padding:0 9px;font-size:12px;font-weight:700}.col.features .col-h{background:var(--panel);color:var(--ink)}.col.features .col-h .n{background:var(--bg);color:var(--ink-2)}.col-b{flex:1;padding:10px;overflow:auto}.col-f{border-top:1px solid var(--line);justify-content:space-between;gap:6px;padding:8px 10px;display:flex}.pkg-name{color:#fff;font:inherit;background:0 0;border:0;border-bottom:1px dashed #0000;outline:none;width:100%;padding:2px 0;font-weight:700}.pkg-name:focus{border-bottom-color:var(--teal)}.col.pkg{min-height:60vh}.col.pkg.over{outline:2px dashed var(--teal);outline-offset:-4px;background:var(--teal-l)}.drop-hint{border:2px dashed var(--line);text-align:center;color:var(--muted);border-radius:10px;padding:26px;font-size:13.5px}.fgroup{margin-bottom:10px}.fgroup-h{color:var(--muted);letter-spacing:.2px;padding:6px 6px 4px;font-size:11.5px;font-weight:700}.frow{border:1px solid var(--line);cursor:grab;background:#fff;border-radius:10px;margin-bottom:6px;transition:box-shadow .15s,border-color .15s}.frow:hover{box-shadow:var(--shadow);border-color:#c9d5d9}.frow.dragging{opacity:.55}.frow.open{border-color:var(--teal)}.frow-h{text-align:start;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:9px 10px;font-weight:600;display:flex}.frow-h .grip{color:#b9c5ca;letter-spacing:-2px;cursor:grab;font-size:12px}.frow-title{flex:1}.frow-id{color:var(--muted);background:var(--bg);font-variant-numeric:tabular-nums;border-radius:6px;padding:0 6px;font-size:11px}.frow-full{color:var(--ink-2);border-top:1px dashed var(--line);padding:0 12px 10px;margin-top:2px;padding-top:8px;font-size:13.5px;line-height:1.6}.frow-tags{flex-wrap:wrap;gap:4px;padding:0 12px 8px;display:flex}.frow-tags .chip{padding:0 8px;font-size:11px}.dot{background:var(--teal);vertical-align:middle;border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.dot[data-status=partial]{background:var(--warn)}.dot[data-status=planned]{background:#9aa9af}.pkg-item{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:6px;position:relative}.pkg-item-name{text-align:start;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:9px 34px 9px 10px;font-weight:600;display:flex}.pkg-item .x{inset-inline-end:6px;width:26px;height:26px;color:var(--muted);background:0 0;border:0;border-radius:7px;font-size:18px;line-height:1;position:absolute;top:6px}.pkg-item .x:hover{background:var(--danger-l);color:#a8402f}.pkg-item-full{color:var(--ink-2);border-top:1px dashed var(--line);padding:8px 12px 10px;font-size:13px}@media (width<=1100px){.board{grid-template-columns:1fr 1fr}.col{max-height:none}}@media (width<=700px){.board{grid-template-columns:1fr}}.btn.primary{background:var(--teal);color:#0b1d18;border-color:var(--teal)}.btn.primary:hover{background:var(--teal-d);color:#fff}.btn.danger.solid{background:var(--danger);color:#fff;border-color:var(--danger)}.btn:disabled{opacity:.6;cursor:default}.modal{top:6vh;background:var(--panel);z-index:60;border-radius:16px;flex-direction:column;width:min(640px,94vw);max-height:88vh;margin:0 auto;animation:.18s fade;display:flex;position:fixed;inset-inline:0;box-shadow:0 30px 80px #00000059}.modal.wide{width:min(960px,96vw)}.modal-h{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.modal-h h3{margin:0;font-size:17px}.modal-h .close{background:var(--bg);width:34px;height:34px;color:var(--ink-2);border:0;border-radius:9px;font-size:20px}.modal-b{padding:18px 22px 22px;overflow:auto}.form{flex-direction:column;gap:12px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.field{flex-direction:column;gap:5px;display:flex}.field-l{color:var(--muted);font-size:12.5px;font-weight:600}.field-hint{color:var(--muted);font-size:12px}.field-err{color:#a8402f;font-size:12.5px}.field input,.field select,.field textarea,.list-item input{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:10px;outline:none;width:100%;padding:9px 12px}.field input:focus,.field select:focus,.field textarea:focus,.list-item input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-l)}.field input[type=color]{height:40px;padding:3px}.list-editor{flex-direction:column;gap:6px;display:flex}.list-item{align-items:center;gap:6px;display:flex}.list-item .x{background:var(--bg);width:32px;height:36px;color:var(--muted);border:0;border-radius:8px;flex:none;font-size:18px}.list-item .x:hover{background:var(--danger-l);color:#a8402f}.checks{flex-wrap:wrap;gap:18px;font-size:14px;display:flex}.checks label{align-items:center;gap:8px;display:flex}.actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.toasts{bottom:20px;z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed;inset-inline-start:20px}.toast{background:var(--dark);color:#fff;border-inline-start:4px solid var(--teal);border-radius:10px;padding:10px 16px;font-size:14px;animation:.2s fade;box-shadow:0 10px 30px #00000040}.toast.err{border-color:var(--danger)}.login-wrap{background:var(--dark);place-items:center;min-height:100vh;padding:20px;display:grid}.login{background:var(--panel);text-align:center;border-radius:18px;flex-direction:column;gap:12px;width:min(400px,94vw);padding:32px 30px 26px;display:flex;box-shadow:0 30px 80px #0006}.login img{width:84px;margin:0 auto}.login h1{margin:0;font-size:22px}.login .field{text-align:start}.sidebar .foot .me{color:#cfd8db;justify-content:space-between;margin-bottom:8px;display:flex}.crumb{color:var(--muted);font-weight:500}.crumb:hover{color:var(--teal)}.col-h.light{background:var(--panel);color:var(--ink)}.col-h.light .n{background:var(--bg);color:var(--ink-2)}.hactions{align-items:center;gap:4px;display:inline-flex}.pkg-title{flex-direction:column;line-height:1.25;display:flex}.pkg-title small{opacity:.85;font-size:11.5px;font-weight:500}.fcols{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:14px;display:grid}.fgroup-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.fgroup-card .col-b{padding:10px}.board.two-cols{grid-template-columns:1.2fr 1fr 1.1fr}.pkg-item.addon .pkg-item-name{cursor:pointer;padding-inline-end:10px}.pkg-item.addon.on{border-color:var(--teal);background:var(--teal-l)}.addon-price{color:var(--teal-d);white-space:nowrap;font-size:13px}.addon-price small{color:var(--muted);font-weight:500}.addon-actions .x{position:static}.col-f.quote{background:var(--teal-l);border-radius:0 0 var(--radius) var(--radius);flex-direction:column;align-items:stretch;gap:4px}.quote-totals{flex-wrap:wrap;gap:14px;font-size:14px;display:flex}.quote-totals b{color:var(--teal-d)}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:start;background:var(--dark);color:#fff;white-space:nowrap;padding:10px 12px;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 12px}.table tr.muted td{opacity:.55}.chip.lvl-none{background:var(--bg);color:var(--muted)}.chip.lvl-read{background:var(--warn-l);color:#8a5d05}.chip.lvl-write{background:var(--teal-l);color:var(--teal-d)}.perm-grid{background:var(--bg);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.perm-row{justify-content:space-between;align-items:center;gap:10px;font-weight:600;display:flex}.seg.small{box-shadow:none;padding:3px}.seg.small button{padding:5px 12px;font-size:12.5px}@media (width<=700px){.form-grid{grid-template-columns:1fr}}.pkg-item.addon .pkg-item-name{flex-wrap:wrap;padding-inline-end:10px}.addon-actions{justify-content:flex-end;gap:4px;padding:0 8px 6px;display:flex;position:static}.addon-actions .x{width:26px;height:26px}.col-f{flex-wrap:wrap}.toasts{inset-inline:auto 20px}.mini{color:var(--muted);font-size:12.5px;line-height:1.7}.mini .dot{margin-inline-end:3px}.sec-title{margin:26px 0 12px;font-size:16px;font-weight:700}.tiles{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;display:grid}.tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.tile .n{letter-spacing:-.5px;font-size:30px;font-weight:700;line-height:1.15}.tile .l{color:var(--muted);margin-top:2px;font-size:13px}[data-tier=exclusive]{--tier-fg:#7c3aed;--tier-bg:#f1e9fe}[data-tier=advanced]{--tier-fg:#17b894;--tier-bg:#e6f7f2}[data-tier=core]{--tier-fg:#6c7b85;--tier-bg:#eef2f4}.chip.tier{background:var(--tier-bg);color:var(--tier-fg);font-weight:600}.chip.tier.xs{padding:1px 7px;font-size:10.5px}.frow[data-tier],.pkg-item[data-tier]{border-inline-start:3px solid var(--tier-fg)}.tier-tile{border-inline-start:4px solid var(--tier-fg)}.tier-tile .n{color:var(--tier-fg)}.tier-tile .l b{color:var(--ink);font-size:14px;display:block}.tier-tile .l span{font-size:12.5px;display:block}.tier-filter button[data-tier]{gap:6px}.tier-filter button[data-tier]:before{content:"";background:var(--tier-fg);border-radius:50%;flex:none;width:8px;height:8px}.tier-filter button[data-tier].on{background:var(--tier-fg);color:#fff}.tier-filter button[data-tier].on:before{background:#fff}.tier-filter button[data-tier].on .n{color:#fff;background:#ffffff40}.tier-picker{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.tier-count{flex-wrap:wrap;gap:4px;margin-top:4px;font-size:10.5px;font-weight:700;display:flex}.tier-count .sep{display:none}.tier-count b[data-tier]{background:var(--tier-bg);color:var(--tier-fg);white-space:nowrap;border-radius:20px;padding:1px 7px}.tier-board{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));align-items:start;gap:14px;display:grid}.tier-col{max-height:none}.col-h.tier-h{background:var(--tier-bg);color:var(--tier-fg);border-bottom:2px solid var(--tier-fg)}.col-h.tier-h small{color:var(--tier-fg);opacity:.8}.col-h.tier-h .n{background:var(--tier-fg);color:#fff}.tier-col.over{outline:2px dashed var(--tier-fg);outline-offset:-4px;background:var(--tier-bg)}.fgroup-h.tier-gh{color:var(--tier-fg);align-items:center;gap:6px;font-size:12px;display:flex}.fgroup-h.tier-gh .n{background:var(--tier-bg);color:var(--tier-fg);border-radius:20px;padding:0 7px}.topbar,.drawer-close{display:none}body.no-scroll{overflow:hidden}@media (width<=1024px){html{overflow-x:hidden}@supports (overflow:clip){html{overflow-x:clip}}.app{flex-direction:column}.topbar{z-index:30;background:var(--dark);color:#fff;align-items:center;gap:10px;padding:9px 14px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0000002e}.topbar img{object-fit:contain;width:30px;height:30px}.topbar .t{font-size:15px;font-weight:700}.burger{color:#fff;background:#ffffff1f;border:0;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.burger:hover{background:#fff3}.burger svg{width:22px;height:22px}.sidebar{z-index:50;border-inline-end:0;width:min(285px,84vw);height:100dvh;transition:transform .24s;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto;transform:translate(100%)}[dir=ltr] .sidebar{transform:translate(-100%)}.sidebar.open{transform:none}.nav-overlay{z-index:45}.drawer-close{color:#fff;background:#ffffff1a;border:0;border-radius:9px;place-items:center;width:32px;height:32px;margin-inline-start:auto;font-size:20px;line-height:1;display:grid}.main{padding:18px 14px 40px}}.user-cards{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;display:grid}.ucard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:11px;padding:14px 16px;display:flex}.ucard.muted{opacity:.6}.ucard>header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ucard .nm{flex-wrap:wrap;align-items:center;gap:6px;font-weight:700;display:flex}.ucard .em{color:var(--muted);text-align:start;direction:ltr;font-size:13px}.ucard .perms{background:var(--bg);border-radius:11px;gap:7px;padding:10px 12px;display:grid}.ucard .prow{justify-content:space-between;align-items:center;gap:8px;font-size:13.5px;display:flex}.ucard>footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.col-tools{border-bottom:1px solid var(--line);background:var(--panel);padding:8px 10px}.ftools{flex-wrap:wrap;gap:8px;display:flex}.ftools .seg.small button{padding:5px 11px;font-size:12px}.plan-tabs{gap:8px;margin-bottom:14px;padding:2px 2px 8px;display:flex;overflow-x:auto}.plan-tabs button{border:1px solid var(--line);background:var(--panel);color:var(--ink-2);box-shadow:var(--shadow);border-inline-start:3px solid var(--pk,var(--teal));border-radius:12px;flex:none;align-items:center;gap:8px;padding:9px 14px;font-weight:600;display:inline-flex}.plan-tabs button .n{background:var(--bg);border-radius:20px;padding:0 8px;font-size:11.5px;font-weight:700}.plan-tabs button.on{background:var(--pk,var(--dark));border-color:var(--pk,var(--dark));color:#fff}.plan-tabs button.on .n{color:#fff;background:#ffffff40}.active-plan{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--pk,var(--teal));border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden}.active-plan>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.active-plan>header b{font-size:15.5px;display:block}.active-plan>header small{color:var(--muted);font-size:12px;display:block}.active-plan>header .n{background:var(--pk,var(--teal));color:#fff;border-radius:20px;flex:none;padding:1px 10px;font-size:12px;font-weight:700}.active-plan .chosen{padding:10px}.active-plan .drop-hint{margin:12px;padding:18px}.active-plan .col-f{border-top:1px solid var(--line)}.compact-features{max-height:none}.compact-features .col-b{overflow:visible}.frow-line{align-items:center;gap:6px;padding-inline-end:8px;display:flex}.frow-line .frow-h{flex:1;width:auto;min-width:0}.frow-line .frow-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pick{border:1px solid var(--line);background:var(--panel);width:34px;height:34px;color:var(--teal-d);border-radius:10px;flex:none;place-items:center;font-size:19px;font-weight:700;line-height:1;display:grid}.pick:hover{background:var(--teal-l);border-color:var(--teal)}.pick.on{background:var(--teal);border-color:var(--teal);color:#0b1d18}@media (width<=560px){.page-head{align-items:stretch}.page-head h1{font-size:21px}.filters{width:100%}.search{flex:1;min-width:0}.tiles{grid-template-columns:1fr 1fr}.tile .n{font-size:25px}.user-cards,.fcols,.tier-board,.grid{grid-template-columns:1fr}.modal{top:0;border-radius:0;width:auto;height:100dvh;max-height:100dvh;inset-inline:0}.toasts{inset-inline:12px}}.pkg-item-name{padding:9px 10px;padding-inline-end:34px}.pkg-item.addon .pkg-item-name{padding-inline-end:10px}