*{box-sizing:border-box}
:root{color-scheme:light;--ink:#172b2b;--muted:#516764;--line:#d1dcd5;--paper:#fffefa;--green:#bdec83;--teal:#1d5149;--shadow:0 6px 22px #173c2a09;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f0f3ed}
body{margin:0}a{color:var(--teal);text-underline-offset:.2em}button,input,select{font:inherit;color:inherit}
button,a,summary,input,select{touch-action:manipulation}button,summary{cursor:pointer}button:disabled{opacity:.55;cursor:wait}
button{border:0;background:none}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3d8165;outline-offset:3px}
[hidden]{display:none!important}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:absolute;z-index:5;background:white;padding:12px}
.wrap{max-width:1260px;margin:auto;padding-inline:clamp(16px,4vw,56px)}
.top{background:var(--paper);border-bottom:1px solid var(--line)}.bar,.brand,.bar nav,.dir-title,.dialog-head,.dialog-foot,.product-chip,.pair,.license-actions,.tabs,.support{display:flex;align-items:center}
.bar{min-height:70px;justify-content:space-between;gap:12px}.brand{gap:11px;color:var(--ink);font-weight:760;letter-spacing:-.045em;font-size:1.35rem;text-decoration:none;white-space:nowrap}
.mark{display:flex;align-items:flex-end;justify-content:center;gap:2px;background:#193933;padding:8px;width:32px;height:32px;border-radius:8px}.mark i{display:block;width:4px;background:var(--green);transform:skew(-15deg);height:70%}.mark i:nth-child(2){height:100%}.mark i:nth-child(3){height:48%}
.bar nav{gap:clamp(7px,2vw,22px);font-size:.83rem;font-weight:620}.bar nav a{text-decoration:none}.bar nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
#logout,.soft,.mini,.square{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:9px 13px;font-weight:630}
main{padding-top:clamp(18px,3vw,36px);padding-bottom:50px}.mast{position:relative;isolation:isolate;overflow:hidden;background:#193d37;color:#fcfff6;border-radius:17px;padding:clamp(25px,3.5vw,45px);border:1px solid #25433b}.mast:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#142f2d 0%,#204b40 64%,#315c42)}
.kicker{font-size:.66rem;font-weight:770;letter-spacing:.15em;color:#4e7163;margin:0 0 8px}.mast .kicker{color:#c2eb9e}.mast h1{font-size:clamp(2.25rem,4.8vw,4.15rem);letter-spacing:-.064em;line-height:1.04;margin:0;font-weight:680}
.mast-note{color:#e2ece0;max-width:43em;margin:13px 0 0;font-size:.98rem;line-height:1.5}.mast-art{position:absolute;z-index:-1;pointer-events:none;inset:0 0 0 68%;overflow:hidden;opacity:.72;background:repeating-linear-gradient(0deg,transparent 0 26px,#e0f8c711 26px 27px),repeating-linear-gradient(90deg,transparent 0 26px,#e0f8c711 26px 27px);mask-image:linear-gradient(90deg,transparent,#000 32%)}
.mast-art i{width:250px;height:140px;position:absolute;border:1px solid #e0f8c775;border-radius:24px;transform:rotate(-28deg);right:-8px;top:20px}.mast-art i:nth-child(2){top:47px;right:28px}.mast-art i:nth-child(3){top:74px;right:64px;border-color:var(--green)}
#connection{color:var(--muted);font-size:.85rem;margin:13px 2px;overflow-wrap:anywhere}#connection:empty{display:none}
.card,.stat{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px}
.login,.directory{padding:clamp(17px,2.4vw,32px)}.login{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px}.login p{max-width:63ch;line-height:1.55}.login .fine{margin-bottom:0}.login>div:last-child{flex-shrink:0}
h2,h3,p{overflow-wrap:break-word}h2,h3{letter-spacing:-.038em}h2{margin:0;font-size:clamp(1.4rem,2vw,1.8rem);line-height:1.15}.fine,.meta,.support,.stock-ref,.hint{font-size:.81rem;color:var(--muted);line-height:1.5}
.primary{padding:11px 18px;border-radius:8px;font-weight:700;color:#173027;background:var(--green);border:1px solid #98c865}.primary:hover{background:#afe570}.soft:hover,.mini:hover,.square:hover{background:#eef3ed}.primary.danger{background:#a62e35;border-color:#972932;color:white}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:17px 0}
.stat{padding:18px 19px;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;top:0;left:19px;width:32px;height:3px;background:#77aa85}.stat:nth-child(2):before{background:#4c8baf}.stat:nth-child(3):before{background:#c59350}.stat:nth-child(4):before{background:#919481}
.stat b{display:block;margin:7px 0 0;font-size:clamp(1.65rem,3vw,2.5rem);line-height:1;font-weight:680;letter-spacing:-.065em;font-variant-numeric:tabular-nums}.stat span{font-size:.78rem;font-weight:630;color:var(--muted)}
.dir-title,.dialog-head,.dialog-foot{justify-content:space-between;gap:12px}.tabs{gap:3px;background:#edf1eb;display:inline-flex;border-radius:9px;padding:3px;margin:19px 0 6px}.tabs button{font-size:.86rem;font-weight:650;border-radius:7px;padding:9px 14px;color:var(--muted)}.tabs [aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #173a2426}
.filters{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 15px}.filters label{min-width:0}
input:not([type=checkbox]),select{border:1px solid #bfcfc4;border-radius:7px;background:white;padding:10px;min-height:41px;max-width:100%}
.filters select{font-size:.83rem}.search{display:flex;align-items:center;gap:7px;flex:1 1 200px;border:1px solid #bfcfc4;border-radius:7px;background:white;padding-left:12px}.search span:first-child{font-size:1.35rem}.search input{border:0;flex:1;min-width:0;width:100%;font-size:.88rem}.search:focus-within{outline:2px solid #3d8165}
#data-note:not(:empty){padding-bottom:12px}.customer,.stockrow,.my-license{border-top:1px solid var(--line)}
.customer>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:15px 2px}.customer summary::-webkit-details-marker{display:none}.customer summary:after{content:"⌄";color:var(--muted);font-size:1.15rem;margin-left:2px}.customer[open]>summary:after{transform:rotate(180deg)}
.avatar{flex:none;display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#e3ecdb;color:#31533e;font-weight:750;letter-spacing:-.04em}.person{min-width:0;flex:1}.person strong,.person small{display:block;overflow-wrap:anywhere}.person small{font-size:.8rem;color:var(--muted);margin-top:2px}.pair{gap:7px;flex-wrap:wrap}.product-chip,.badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border-radius:5px;font-size:.72rem;font-weight:680;padding:4px 7px}
.product-chip.lw{background:#e4edf6;color:#355476}.product-chip.coc{background:#f9e8ce;color:#735126}.qty{font-size:.78rem;color:var(--muted);white-space:nowrap}.detail-body{padding:0 0 17px 53px}.detail-body>.meta{margin:0 0 10px}
.license{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#f5f7f1;margin:5px 0}.stockrow,.my-license{padding:8px 0}.stockrow .license,.my-license .license{border:0;margin:0;background:transparent}
.license-main{display:grid;gap:5px;min-width:0}.license-main strong{font-weight:650}.badge{background:#e5ebe4;color:#47604f}.badge.active,.badge.lifetime{color:#205a35;background:#dceddc}.badge.expired,.badge.revoked{color:#8a3436;background:#f9e4df}.badge.soon,.badge.unactivated{color:#75531b;background:#f7edca}
.license-actions{gap:6px;flex-wrap:wrap}.mini{font-size:.78rem;padding:7px 10px}.mini.warn{color:#8d4142}.blank{padding:25px 0;color:var(--muted);line-height:1.5}.support{gap:14px;flex-wrap:wrap}.support a{font-weight:620}#more button{margin-top:12px}#google{max-width:100%;overflow:hidden}
dialog{width:min(470px,calc(100% - 28px));border:1px solid var(--line);color:var(--ink);background:var(--paper);border-radius:17px;padding:22px;box-shadow:0 22px 75px #10281b55;max-height:88dvh;overflow:auto}dialog::backdrop{background:#142a23a8}.square{font-size:1.3rem;line-height:1}.dialog-foot{justify-content:flex-end;margin-top:16px}.dialog-head h2{font-size:1.5rem}dialog label:not([hidden]){display:block;margin:12px 0;font-size:.87rem;font-weight:650}dialog input:not([type=checkbox]),dialog select{display:block;width:100%;margin-top:5px}dialog .check{line-height:1.45}#dlg-detail{font-size:.9rem;line-height:1.55;color:var(--muted);overflow-wrap:anywhere}#dlg-issue{color:#9a3034;font-size:.85rem}
@media(max-width:720px){.stats{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:15px}.login{display:block}.login>div:last-child{margin-top:16px}.mast-art{inset-inline-start:72%;opacity:.4}.detail-body{padding-left:0}.customer>summary{gap:8px;flex-wrap:wrap}.summary-products{display:none}.bar{min-height:60px}.bar nav{font-size:.76rem}.brand{font-size:1.08rem}.brand .mark{width:26px;height:26px;padding:6px}.dir-title .primary{padding:9px 12px}.filters{gap:6px}.filters label.search{flex-basis:100%}.filters label:not(.search){flex:1 1 44%}.filters select{width:100%}.filters input,.filters select,dialog input,dialog select{font-size:16px}.stockrow .license{padding-inline:0}.tabs button{padding:8px 10px}.mast-note{font-size:.87rem;max-width:75%}}
@media(max-width:440px){.bar nav{gap:8px}#logout{padding:7px;font-size:.72rem}.brand{gap:5px}.bar nav a[aria-current=page]{display:none}.person{min-width:90px}.dir-title h2{font-size:1.35rem}}