@import url('/fonts.css');
:root{--ink:#122523;--muted:#66736e;--paper:#f3f5ef;--lime:#dcf783;--line:#dfe5d9;--white:#fff;--red:#a7392c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--ink);font-size:25px;font-weight:850;letter-spacing:-1px}.brand strong{display:block;font-size:9px;letter-spacing:2px;line-height:1.3}.symbol{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--ink);color:var(--lime);border-radius:14px;font-size:34px}.symbol span{font-size:20px;margin-left:-5px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:800;color:var(--muted)}h1{font-size:clamp(32px,5vw,55px);line-height:1.08;letter-spacing:-2px;font-weight:650;margin:16px 0}h2{font-size:23px;letter-spacing:-.6px;margin:0 0 14px}p{color:var(--muted)}main{max-width:1120px;margin:auto;min-height:calc(100vh - 166px);padding:50px 28px 65px}.auth{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding:35px 0}.hero-copy{max-width:480px}.hero-copy p{max-width:380px}.art{margin-top:45px;border-top:1px solid var(--line);padding-top:24px;display:flex;gap:20px;color:var(--muted);font-size:13px}.art b{display:block;color:var(--ink);font-size:22px;font-weight:500}.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 8px 40px #12252305}label{display:block;font-size:13px;font-weight:600;margin:15px 0 7px}input,select{width:100%;border:1px solid #ced7c7;background:#fff;border-radius:10px;padding:13px 14px;font:inherit;color:var(--ink);min-width:0}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #bfd68a;outline-offset:2px}button,.btn{border:0;border-radius:10px;padding:13px 19px;font:600 14px system-ui;cursor:pointer;background:var(--ink);color:#fff;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:7px}button:hover,.btn:hover{filter:brightness(1.12)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--lime);color:var(--ink)}.wide{width:100%;margin-top:22px}.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.small{font-size:12px;padding:8px 12px}.note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:16px}.error{color:var(--red);background:#fff1ec;padding:12px;border-radius:10px;margin:12px 0}.hidden{display:none!important}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-head h1{margin-bottom:0}.badge{font-size:11px;font-weight:700;letter-spacing:.7px;border:1px solid var(--line);border-radius:30px;padding:6px 10px;white-space:nowrap}.badge.active{background:#edf6d9;color:#3d5e10}.badge.pending{background:#fff5d4;color:#8a6815}.badge.blocked,.badge.rejected{background:#ffeae2;color:#9d3d21}.searchbox{padding:22px;background:var(--ink);border-radius:20px;display:flex;gap:12px}.searchbox input{border:0;background:#ffffff15;color:white;font-size:18px;padding:17px}.searchbox input::placeholder{color:#b2c1bb}.searchbox button{padding:0 27px}.search-meta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;margin:16px 2px}.empty{border:1px dashed #cad3c1;border-radius:20px;padding:65px 25px;text-align:center;margin-top:25px}.empty .circle{margin:0 auto 16px;border:1px solid var(--line);border-radius:50%;width:64px;height:64px;display:grid;place-items:center;font-size:26px}.empty p{font-size:14px;margin:5px auto;max-width:420px}.results{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.result{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.code{font-weight:700;font-size:17px;overflow-wrap:anywhere}.make{font-size:11px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-top:5px}.price{font-size:25px;letter-spacing:-1px;white-space:nowrap;font-weight:600}.price small{font-size:10px;letter-spacing:0;color:var(--muted);margin-left:5px}.tabs{display:flex;gap:7px;margin:28px 0;flex-wrap:wrap}.tabs button{background:transparent;color:var(--muted)}.tabs .selected{background:var(--ink);color:#fff}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.metric strong{font-size:30px;display:block;font-weight:500}.metric span{font-size:12px;color:var(--muted)}.client{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:15px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.client:last-child{border:0}.client strong{display:block}.client .actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.client .user{font-size:12px;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:12px}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.preview-price{background:#f3f6ec;padding:15px;border-radius:12px;font-size:14px;margin:16px 0}.buy-banner{background:var(--lime);padding:20px 24px;border-radius:15px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.buy-banner small{display:block}.buy-banner strong{font-size:22px}.cart{margin-top:25px}.cart-row{display:grid;grid-template-columns:1fr 85px 90px 40px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.total{display:flex;justify-content:space-between;align-items:center;font-size:24px;padding:24px 0}.purchase{padding:14px 0;border-bottom:1px solid var(--line)}dialog{border:1px solid var(--line);border-radius:22px;max-width:480px;width:calc(100% - 30px);padding:27px;color:var(--ink)}dialog::backdrop{background:#12252370}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{padding:7px;background:transparent;color:var(--ink)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border-radius:12px;padding:13px 20px;background:var(--ink);color:#fff;max-width:90%;display:none;z-index:99}footer{max-width:1120px;margin:auto;border-top:1px solid var(--line);padding:22px 28px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:15px}#session{display:flex;gap:12px;align-items:center;font-size:13px}.loading{text-align:center;padding:100px 0;color:var(--muted)}.back{margin-bottom:22px}#output-link{font-size:12px;word-break:break-all}.buttonrow{display:flex;gap:10px;flex-wrap:wrap}.loadingline{padding:25px;color:var(--muted)}
@media(max-width:700px){header{height:76px;padding:0 20px}.brand{font-size:21px}.symbol{width:42px;height:42px}main{padding:32px 18px}.auth{grid-template-columns:1fr;gap:22px;padding:0}.hero-copy p{font-size:14px}.art{display:none}.panel{padding:22px}h1{font-size:36px;letter-spacing:-1.4px}.section-head{align-items:center}.results{grid-template-columns:1fr}.searchbox{padding:12px;gap:7px}.searchbox input{font-size:16px;padding:14px;width:70%}.searchbox button{padding:0 16px}.client{grid-template-columns:1fr 1fr}.client .actions{grid-column:1/-1;justify-content:flex-start}.metrics{gap:7px}.metric{padding:14px}.metric strong{font-size:26px}.metric span{font-size:11px}footer{padding:20px;display:block}footer span{display:block;margin-top:6px}#session>span{display:none}.result{padding:20px}.edit-grid{grid-template-columns:1fr}.buy-banner{padding:17px;gap:10px}.cart-row{grid-template-columns:1fr 65px 70px 30px;font-size:12px;gap:7px}}