:root{--bg:#0a0910;--surface:#1b1829;--surface-2:#242038;--line:#342f4d;--text:#f6f1e8;--muted:#a9a3bd;--orange:#ff8a3d;--gold:#ffb627;--teal:#2fd9c7;--red:#ff4d5e;--ok:#35dc9a;--on-accent:#1a0f05}*{box-sizing:border-box}[hidden]{display:none!important}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;min-height:100vh}h1,h2,h3{margin:0 0 .5rem}h2{font-size:1.15rem}a{color:var(--teal)}p{margin:.25rem 0 .75rem}.wrap{max-width:1240px;margin:0 auto;padding:1.25rem 1rem 3rem}.wrap.narrow{max-width:420px;padding-top:4rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.brand{font-family:Bungee,Manrope,sans-serif;color:var(--orange);text-decoration:none;font-size:1.4rem;letter-spacing:.02em}.brand.big{display:block;text-align:center;font-size:2.2rem;margin-bottom:1.5rem}.who{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.title{font-family:Bungee,sans-serif;color:var(--orange);font-size:1.8rem;margin-bottom:.25rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.25rem;margin-bottom:1.25rem}.card label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.9rem}.card input{padding:.6rem .75rem;background:var(--bg)}.card .form-grid select,.card input{display:block;width:100%;margin-top:.3rem;color:var(--text);border:1px solid var(--line);border-radius:8px;font:inherit}.card .form-grid select{padding:.6rem 2rem .6rem .75rem;background-color:var(--bg);font-weight:400;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted,#9a9ab0) 50%),linear-gradient(135deg,var(--muted,#9a9ab0) 50%,transparent 50%);background-position:calc(100% - 17px) 55%,calc(100% - 12px) 55%;background-size:5px 5px;background-repeat:no-repeat}.card .form-grid select:focus,.card input:focus{outline:2px solid var(--orange);outline-offset:1px}.card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.notice{border-color:var(--gold)}.notice h2{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.btn:hover{border-color:var(--orange)}.btn:disabled{opacity:.6;cursor:default}.btn.primary{background:var(--orange);color:var(--on-accent);border-color:var(--orange)}form .btn.primary{width:100%}.btn.ghost{background:transparent}.muted{color:var(--muted)}.mono{font-family:IBM Plex Mono,ui-monospace,Consolas,monospace;font-size:.85rem}.error{color:var(--red);font-weight:600}.link{color:var(--teal);font-weight:700;text-decoration:none}.link:hover{text-decoration:underline}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-family:IBM Plex Mono,ui-monospace,Consolas,monospace}td.neg{color:var(--red);font-weight:600}td.tank{font-weight:700}.pill{display:inline-block;padding:.15rem .7rem;border-radius:999px;font-size:.8rem;font-weight:800;border:1px solid transparent}.pill.ok{background:rgba(53,220,154,.14);color:var(--ok);border-color:rgba(53,220,154,.4)}.pill.over{background:rgba(255,77,94,.14);color:var(--red);border-color:rgba(255,77,94,.45)}.pill.waived,.pill.warn{background:rgba(255,182,39,.14);color:var(--gold);border-color:rgba(255,182,39,.45)}.pill.muted{background:transparent;color:var(--muted);border-color:var(--line)}.reg-head{text-align:center;margin-bottom:1.25rem}.reg-head .title{font-size:1.6rem}.btn.small{padding:.3rem .75rem;font-size:.8rem}.small-note{margin-top:.75rem}h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:0 1rem;gap:0 1rem}.shop-buttons{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.shop{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;text-align:left;margin-top:1rem;padding:1rem;background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-basis:100%}.shop-list{list-style:none;margin:0 0 .75rem;padding:0;max-height:260px;overflow-y:auto}.shop-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem 0;border-bottom:1px solid var(--line)}.shop-total{margin:.5rem 0}.fish-layout{display:flex;gap:1rem;align-items:flex-start}.fish-grid{flex:1 1;min-width:0}.fish-grid td,.fish-grid th{padding:.5rem .4rem}.fish-grid input,.fish-grid select{width:100%;min-width:4.6rem;padding:.4rem .3rem;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;font:inherit;font-size:.85rem}.fish-grid input:disabled,.fish-grid select:disabled{opacity:.55}.fish-grid input[type=date]{display:block;width:8.6rem;min-width:0;height:33px;margin:0;font-size:.8rem;padding:0 .3rem;line-height:1;color-scheme:dark;cursor:pointer}.fish-grid input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;margin-left:.1rem;padding:2px}.fish-grid td{vertical-align:top}.active-row td{background:rgba(255,138,61,.06)}.row-actions{white-space:normal;min-width:8rem;box-shadow:-10px 0 10px -10px rgba(0,0,0,.7)}.fish-grid thead th:last-child,.row-actions{position:-webkit-sticky;position:sticky;right:0;background:var(--surface)}.active-row td.row-actions{background:var(--surface-2)}.row-actions .btn{margin-right:.35rem}.row-note{font-size:.78rem;margin-top:.35rem}.saved{color:var(--ok)}.guide{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:.75rem 1.5rem;gap:.75rem 1.5rem}.guide dt{color:var(--gold);font-weight:800}.guide dd{margin:0 0 .5rem;color:var(--muted);font-size:.9rem}@media (max-width:900px){.fish-layout{flex-direction:column;align-items:stretch}.fish-grid{width:100%;max-width:100%}.shop{grid-template-columns:1fr}}.photo-cell{white-space:normal;min-width:8rem}.thumb{display:block;width:56px;height:auto;border-radius:6px;border:1px solid var(--line);margin-bottom:.35rem}.modal-back{position:fixed;inset:0;z-index:50;background:rgba(5,4,10,.8);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:1rem}.modal{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.25rem;width:100%;max-width:920px;margin:1rem 0}.photo-layout{gap:1.5rem;align-items:flex-start}.photo-layout,.photo-tools{display:flex;flex-wrap:wrap}.photo-tools{gap:.5rem;margin-bottom:.75rem}.photo-tools label.btn{cursor:pointer}.photo-stage{position:relative;padding:14px;background:#000;border-radius:10px;max-width:100%;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.photo-inner{position:relative;line-height:0}.photo-canvas{width:100%;height:auto;display:block}.photo-clip{position:absolute;inset:14px;-webkit-clip-path:inset(-14px);clip-path:inset(-14px);pointer-events:none}.crop-frame{border:2px solid var(--orange);box-shadow:0 0 0 9999px rgba(0,0,0,.55);cursor:move}.crop-frame,.crop-handle{position:absolute;pointer-events:auto;touch-action:none}.crop-handle{width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--orange);border:2px solid #1a0f05}.photo-preview{display:block;width:300px;max-width:100%;height:auto;border:1px solid var(--line);background:#fff}.photo-main{min-width:0;max-width:100%}.guide-heading{margin:0}.guide-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:0;background:none;border:0;color:var(--text);font:inherit;font-weight:700;cursor:pointer;text-align:left}.guide-toggle:hover{color:var(--orange)}.guide-toggle .chevron{color:var(--orange);transition:transform .15s;transform:rotate(-90deg)}.guide-toggle .chevron.open{transform:rotate(0deg)}.guide-heading+.guide,.guide-heading+p{margin-top:1rem}.zoom-row{display:flex;align-items:center;gap:.75rem;margin:0 0 .75rem;font-size:.85rem;font-weight:600;max-width:520px}.zoom-row input[type=range]{flex:1 1;accent-color:var(--orange)}.pick-add{display:flex;gap:.25rem;align-items:center}.pick-add select{width:auto;flex:1 1 auto;min-width:4.4rem;max-width:5.4rem}.btn.add-new{padding:.2rem .42rem;font-size:1rem;line-height:1;flex:none}.modal.small-modal{max-width:460px;margin-top:12vh}.small-modal h2{margin-top:0}.small-modal .field{display:block;font-weight:700;margin:.75rem 0}.small-modal .field select{padding:.55rem 2rem .55rem .7rem;background-color:var(--bg);font:inherit;font-weight:400;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted,#9a9ab0) 50%),linear-gradient(135deg,var(--muted,#9a9ab0) 50%,transparent 50%);background-position:calc(100% - 17px) 55%,calc(100% - 12px) 55%;background-size:5px 5px;background-repeat:no-repeat}.small-modal .field input,.small-modal .field select{display:block;width:100%;margin-top:.3rem;color:var(--text);border:1px solid var(--line);border-radius:8px}.small-modal .field input{padding:.55rem .7rem;background:var(--bg);font:inherit}.dialog-actions{display:flex;gap:.6rem;margin:1rem 0 0}.tips{border:1px solid var(--line);border-radius:12px;padding:.6rem .85rem;margin:0 0 1rem;background:var(--surface-2)}.tips-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:0;background:none;border:0;color:var(--text);font:inherit;font-weight:700;cursor:pointer;text-align:left}.tips-toggle:hover{color:var(--orange)}.tips-toggle .chevron{margin-left:auto;color:var(--orange);transition:transform .15s;transform:rotate(-90deg)}.tips-toggle .chevron.open{transform:rotate(0deg)}.tips-body{display:flex;gap:1.25rem;align-items:flex-start;margin-top:.85rem}.tips-sample{margin:0;flex:none;text-align:center}.tips-sample img{display:block;width:150px;height:auto;border-radius:8px;border:1px solid var(--line)}.tips-sample figcaption{font-size:.78rem;margin-top:.3rem}.tips-list{margin:0;padding-left:1.2rem;font-size:.9rem}.tips-list li{margin-bottom:.4rem}.tips-list li:last-child{color:var(--gold)}@media (max-width:560px){.tips-body{flex-direction:column;align-items:center}}.btn.google{width:100%;display:block;text-align:center;padding:.65rem 1rem;font-weight:700}.or-line{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.85rem;margin:1rem 0}.or-line:after,.or-line:before{content:"";flex:1 1;height:1px;background:var(--line)}.linklike{background:none;border:0;padding:0;color:var(--teal);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}.small-note{font-size:.8rem}.notice-inline{border-left:3px solid var(--gold);padding:.4rem .75rem;font-size:.88rem}.kv,.notice-inline{margin:.5rem 0 1rem}.kv{display:grid;grid-template-columns:max-content 1fr;grid-gap:.35rem 1.25rem;gap:.35rem 1.25rem}.kv dt{color:var(--muted);font-weight:600;font-size:.85rem}.kv dd{margin:0}.welcome-back{border-color:var(--ok)}.dealer-pin-link{margin:.25rem 0 0}.dealer-pin{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.5rem 0}.dealer-pin label{font-weight:700;margin:0}.dealer-pin input{padding:.45rem .6rem;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;font:inherit;min-width:14rem}.dealer-pin-error{flex-basis:100%;margin:.25rem 0 0}.dup-warning{border:1px solid var(--gold);border-radius:8px;padding:.5rem .75rem;margin:.5rem 0;background:rgba(255,182,39,.08)}.owner-cell{display:flex;align-items:center;gap:.3rem}.owner-cell select{min-width:8rem;max-width:11rem}.btn.fix-person{padding:.15rem .4rem;font-size:.85rem;line-height:1;flex:none}.readonly-row td{opacity:.92}.section-sub{margin:1.25rem 0 .5rem;font-size:1.05rem}.status-note{display:block;font-size:.75rem;color:var(--muted);margin-top:.2rem}.fish-grid th.date-col{white-space:normal;width:8.6rem}.guide dt{display:flex;align-items:center;gap:.45rem}.pic-search{display:inline-flex;align-items:center;justify-content:center;padding:.2rem;border-radius:6px;color:var(--muted);line-height:0}.pic-search:focus-visible,.pic-search:hover{color:var(--orange);background:rgba(255,138,61,.12)}.tankmap-wrap{overflow-x:auto;padding-bottom:.25rem}.tankmap{position:relative;min-width:640px;width:100%;container-type:inline-size;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;overflow:hidden;touch-action:manipulation}.tankmap-img{position:absolute;inset:0;width:100%;height:100%;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.tm-tank{position:absolute;transform:translate(-50%,-50%);aspect-ratio:1;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font:inherit;font-weight:800;line-height:1;border:2px solid var(--ok);background:rgba(10,9,16,.55);color:#fff;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.8);overflow:visible}.tm-tank:disabled{cursor:default;opacity:1}.tm-tank.tm-available:not(:disabled):focus-visible,.tm-tank.tm-available:not(:disabled):hover{background:rgba(53,220,154,.5);outline:2px solid #fff;outline-offset:1px}.tm-tank.tm-incart{border-color:var(--teal);background:rgba(47,217,199,.75);color:#04201d;text-shadow:none}.tm-tank.tm-mine{border-color:var(--gold);background:rgba(255,182,39,.8);color:#2a1c00;text-shadow:none}.tm-tank.tm-taken{border-color:#8a8599;background:rgba(60,56,78,.78);color:#d5d1e0}.tm-name{position:relative;z-index:1;pointer-events:none}.tm-x{inset:12%;width:76%;height:76%;color:var(--red)}.tm-check,.tm-x{position:absolute;pointer-events:none;z-index:2}.tm-check{right:-14%;top:-14%;width:46%;height:46%;padding:8%;border-radius:50%;background:#2a1c00;color:var(--gold)}.tm-owner{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:2px;white-space:nowrap;pointer-events:none;font-size:.8em;font-weight:700;padding:0 .3em;border-radius:4px;background:rgba(10,9,16,.85);color:#fff;z-index:3}.tankmap-key{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;list-style:none;margin:.5rem 0 0;padding:0;font-size:.8rem;color:var(--muted)}.tankmap-key li{display:flex;align-items:center;gap:.4rem}.tm-swatch{width:14px;height:14px;border-radius:50%;border:2px solid var(--ok);background:rgba(10,9,16,.55);display:inline-block}.tm-swatch.tm-incart{border-color:var(--teal);background:rgba(47,217,199,.75)}.tm-swatch.tm-mine{border-color:var(--gold);background:rgba(255,182,39,.8)}.tm-swatch.tm-taken{border-color:#8a8599;background:rgba(60,56,78,.78)}.tankmap-hint{margin:0 0 .6rem}.shop-map{grid-column:1/-1}.tankmap-panel .card-head{margin-bottom:.5rem}.map-setup{display:grid;grid-template-columns:240px minmax(0,1fr);grid-gap:1.25rem;gap:1.25rem;align-items:start}.map-side{display:flex;flex-direction:column;gap:1rem}.map-tank-list{list-style:none;margin:0;padding:0;max-height:420px;overflow-y:auto;border:1px solid var(--line);border-radius:8px}.map-tank-list li button{display:flex;width:100%;justify-content:space-between;gap:.5rem;align-items:center;padding:.4rem .6rem;background:transparent;color:var(--text);border:0;border-bottom:1px solid var(--line);font:inherit;cursor:pointer;text-align:left}.map-tank-list li button[aria-pressed=true]{background:rgba(255,138,61,.22)}.map-tank-list .placed{color:var(--ok);font-size:.75rem}.map-tank-list .unplaced{color:var(--muted);font-size:.75rem}.tankmap.editing{cursor:crosshair}.tankmap.editing .tm-tank{cursor:-webkit-grab;cursor:grab;touch-action:none;pointer-events:auto}.tankmap.editing .tm-tank.dragging{cursor:-webkit-grabbing;cursor:grabbing}.tm-tank.tm-picked{border-color:var(--orange);background:rgba(255,138,61,.8);color:#2a1100;text-shadow:none;outline:3px solid #fff;z-index:4}.map-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.map-row select{padding:.4rem .6rem;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;font:inherit}@media (max-width:800px){.map-setup{grid-template-columns:1fr}}.map-row label{display:flex;align-items:center;gap:.5rem;font-weight:700}.map-row input[type=range]{width:160px}.notice-inline{color:var(--teal)}.tank-modal{max-width:1180px}.tank-modal .card-head{margin-bottom:.25rem}.tank-modal .shop{margin-top:.5rem;padding:0;background:transparent;border:0}.tank-modal .shop-map{margin-bottom:.25rem}.tank-modal .shop-with-map{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.tile{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem}.tile-value{font-family:Bungee,Manrope,sans-serif;font-size:2rem;line-height:1.1;color:var(--orange)}.tile-label{font-weight:700}.tile-sub{font-size:.8rem}.split-bar{height:16px;border-radius:8px;background:rgba(53,220,154,.35);border:1px solid rgba(53,220,154,.6);overflow:hidden}.split-taken{display:block;height:100%;background:var(--orange)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));grid-gap:1rem;gap:1rem}.chart-grid .card{margin-bottom:0}.bars{list-style:none;margin:0 0 .5rem;padding:0}.bars li{display:grid;grid-template-columns:minmax(6rem,38%) 1fr 2.2rem;grid-gap:.5rem;gap:.5rem;align-items:center;padding:.15rem 0;font-size:.85rem}.bar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:12px;background:var(--surface-2);overflow:hidden}.bar-fill,.bar-track{display:block;border-radius:6px}.bar-fill{height:100%;background:var(--orange)}.bar-fill.over{background:var(--red)}.bar-count{text-align:right;font-family:ui-monospace,monospace}.mine-line{font-size:1.05rem}.mini-tanks{list-style:none;margin:.5rem 0 0;padding:0}.mini-tanks li{display:grid;grid-template-columns:6rem 5rem minmax(80px,1fr) 8.5rem auto;grid-gap:.6rem;gap:.6rem;align-items:center;padding:.3rem 0;border-top:1px solid var(--line)}@media (max-width:640px){.mini-tanks li{grid-template-columns:1fr 1fr}.mini-tanks .bar-track{grid-column:1/-1}.chart-grid{grid-template-columns:1fr}}.mini-tanks .neg{color:var(--red);font-weight:600}.fish-heading{display:flex;align-items:center;gap:.6rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:var(--surface-2);color:var(--teal);border:1px solid var(--line);border-radius:8px;cursor:pointer}.icon-btn:hover{border-color:var(--teal)}.fish-card-bar{flex-wrap:wrap;gap:.6rem;justify-content:space-between;margin-bottom:1rem}.fish-card-bar,.fish-card-nav{display:flex;align-items:center}.fish-card-nav{gap:.75rem}.fish-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);grid-gap:1.5rem;gap:1.5rem;align-items:start}.fish-card-photo{display:flex;flex-direction:column;gap:.75rem;align-items:center}.fish-card-img{display:block;width:100%;max-height:72vh;object-fit:contain;background:#000;border:1px solid var(--line);border-radius:12px}.fish-card-noimg{width:100%;min-height:320px;display:flex;flex-direction:column;gap:.4rem;align-items:center;justify-content:center;background:var(--bg);border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.fish-card-photo-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.fish-card-fields{gap:.7rem}.cf,.fish-card-fields{display:flex;flex-direction:column}.cf{gap:.25rem}.cf-id{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:.5rem}.cf-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700}.cf-help{font-size:.82rem;margin:.1rem 0 0}.fish-card-fields input[type=date],.fish-card-fields select{width:100%;padding:.5rem .55rem;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;font:inherit;font-size:.95rem;color-scheme:dark;min-height:38px}.fish-card-fields input:disabled,.fish-card-fields select:disabled{opacity:.55}.fish-card-fields .owner-cell select,.fish-card-fields .pick-add select{flex:1 1 auto;width:auto;max-width:none;min-width:0}.fish-card-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:.4rem}.fish-card-status{flex-basis:100%}@media (max-width:800px){.fish-card{grid-template-columns:1fr}.fish-card-img{max-height:60vh}}.brand-row{display:flex;align-items:center;gap:.9rem;min-width:0}.brand-logo-link{display:inline-flex;line-height:0;border-radius:6px}.brand-logo{display:block;max-height:52px;max-width:220px;width:auto;height:auto;object-fit:contain}.brand-show{font-family:Bungee,Manrope,sans-serif;color:var(--orange);text-decoration:none;font-size:1.15rem;letter-spacing:.02em}@media (max-width:560px){.brand-logo{max-height:40px;max-width:150px}.brand-show{font-size:1rem}}.logo-samples{display:flex;gap:1rem;margin:.75rem 0;flex-wrap:wrap}.logo-sample{padding:.75rem 1rem;border:1px solid var(--line);border-radius:10px}.plain-label{display:block;margin-top:1rem;font-weight:600;font-size:.9rem}.plain-label input{display:block;width:100%;max-width:560px;margin-top:.3rem;padding:.6rem .75rem;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;font:inherit}.color-grid{display:grid;grid-gap:.6rem;gap:.6rem;max-width:780px}.color-row{display:grid;grid-template-columns:minmax(150px,1fr) 56px 110px auto;grid-gap:.75rem;gap:.75rem;align-items:center}.color-label{display:flex;flex-direction:column}.color-row input[type=color]{width:56px;height:38px;padding:2px;cursor:pointer}.color-row input.hex,.color-row input[type=color]{background:var(--bg);border:1px solid var(--line);border-radius:8px}.color-row input.hex{width:110px;padding:.5rem .6rem;color:var(--text);font:inherit;font-family:IBM Plex Mono,monospace}@media (max-width:560px){.color-row{grid-template-columns:1fr 56px}.color-row input.hex{width:100%}}.brand-preview{border:1px solid var(--line);border-radius:12px;padding:1rem}.preview-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:.75rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}.preview-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1rem 1.25rem}.preview-title{font-family:Bungee,sans-serif;color:var(--orange);font-size:1.2rem}.preview-muted{color:var(--muted)}.preview-link{color:var(--teal);text-decoration:underline}.preview-btn{display:inline-block;cursor:default}.staff-table select{padding:.35rem 1.8rem .35rem .6rem}.staff-add select,.staff-table select{background-color:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;font:inherit}.staff-add select{display:block;margin-top:.3rem;padding:.55rem 2rem .55rem .7rem;max-width:560px;width:100%}.staff-add .btn{width:auto;display:inline-block}