:root{--ink:#233942;--muted:#697e87;--line:#e1e9ed;--green:#137b68}
body{background:#f3f6f7;color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,.button-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:40px;padding:9px 17px;border:1px solid #cbd7dc;border-radius:8px;background:white;color:var(--ink);font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none}button:hover,.button-link:hover{background:#f1f7f5;border-color:#9abfb5;text-decoration:none}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#09604f;border-color:#09604f}.danger{color:#b73544;border-color:#efc9ce;background:#fff7f8}.danger:hover{background:#ffeef0}
header{min-height:80px;padding:18px max(28px,calc((100vw - 1440px)/2));gap:24px;border-color:var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);white-space:nowrap}.brand:hover{text-decoration:none}.brand strong{font-size:26px;color:var(--green);letter-spacing:-1px;margin:0}.brand span{border-left:1px solid var(--line);padding-left:16px;margin-left:6px;font-size:15px;font-weight:600}.account-actions{gap:8px}.account-actions>a{padding:8px 14px;color:#536871;border-radius:7px;font-weight:500}.account-actions>a:hover{background:#f5f8f8;text-decoration:none}.account-actions>a[aria-current=page]{background:#e9f5f0;color:#08725d}.account-actions form{margin-left:14px}.account-actions button{font-weight:500}
main{max-width:1440px;padding:0 32px;margin:40px auto 72px}h1{font-size:29px;letter-spacing:-.7px;line-height:1.3;margin:9px 0 12px}h2{font-size:18px;margin:30px 0 16px}.heading{gap:24px;margin-bottom:30px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--green)}.subtitle{color:var(--muted);margin:0}.list-panel{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 22px #203e4d04;overflow:hidden}.panel-heading{display:flex;align-items:center;gap:12px;padding:22px 24px 0}.panel-heading h2{margin:0;font-size:16px}.count-label{font-size:12px;color:var(--muted);background:#f1f5f6;padding:3px 10px;border-radius:20px}
input,select{padding:10px 13px;min-height:42px;border-color:#cfdbdf;border-radius:7px;color:var(--ink)}input::placeholder{color:#82929a}input[type=checkbox]{min-height:0;accent-color:var(--green)}label{gap:7px;color:#526771;font-size:13px;font-weight:500}input:focus,select:focus{outline:3px solid #16836b22;border-color:var(--green)}a:focus-visible,button:focus-visible{outline:3px solid #16836b66;outline-offset:3px}.search{gap:12px;padding:20px 24px 24px;margin:0;max-width:none}.search input{max-width:440px;background:#fafcfc}.search select{min-width:140px}
.table-scroll{border:1px solid var(--line);border-radius:10px}.list-panel .table-scroll{border-radius:0;border-left:0;border-right:0;border-bottom:0}table{font-variant-numeric:tabular-nums}th{background:#f6f9fa;color:#5d727b;font-size:12px;font-weight:600;letter-spacing:.15px}td,th{padding:16px 22px;border-color:#edf1f3;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f9fcfb}td{color:#425862}small{margin-top:5px;font-size:11px;color:#7a8e98;font-family:ui-monospace,Consolas,monospace}.customer-cell{min-width:245px}.customer-cell a{font-size:14px;font-weight:600;color:#244951}.customer-cell small{max-width:330px}.number{font-weight:600;color:var(--ink)}.version-tag{font-size:12px;padding:3px 8px;background:#f0f4f6;color:#687f89;border-radius:5px}.state{display:inline-flex;align-items:center;gap:7px;color:#117357;background:#eaf7f0;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.state:before{content:"";height:6px;width:6px;border-radius:50%;background:currentColor}.state.disabled,.state.expired{color:#b23847;background:#fff0f2}.state.pending{color:#987016;background:#fff7e3}.empty{padding:70px 24px;color:var(--muted)}.pagination{padding:18px 24px;margin:0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.pagination a{border:1px solid var(--line);border-radius:6px;padding:5px 12px}
.fields{gap:22px;max-width:760px;margin:0 0 26px}.license-editor{background:white;border:1px solid var(--line);border-radius:12px;padding:28px;margin-top:24px}.machine-id{color:var(--muted);font-size:13px}.success{color:#087159;background:#eaf7f0;border:1px solid #cce9dc;border-radius:8px;padding:12px 16px}.login{max-width:440px;padding:30px 34px 34px;margin:65px auto;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 36px #1d3c4610}.login h1{font-size:24px;margin:0 0 25px}.login .primary{width:100%}.login .actions{flex-wrap:nowrap}.login .actions .primary{width:auto;flex:1}.visit-filters{background:white;border:1px solid var(--line);border-radius:10px;padding:20px}.visit-filters a{padding-bottom:9px}
@media(max-width:900px){header{padding:16px 22px;gap:12px}main{padding:0 22px;margin-top:28px}.account-actions>a{padding:7px 10px}.machine-list table{min-width:1050px}}
@media(max-width:600px){header{padding:15px 18px}.brand strong{font-size:23px}.account-actions{width:100%;gap:4px;justify-content:space-between}.account-actions>a{padding:7px 8px;font-size:12px}.account-actions form{margin-left:0}.account-actions button{font-size:12px;min-height:34px;padding:6px 9px}main{padding:0 16px;margin:25px auto 40px}h1{font-size:25px}.heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:22px}.subtitle{font-size:13px}.panel-heading{padding:18px 16px 0}.search{padding:16px;gap:10px}.search input{max-width:none}.search select{flex:1}.license-editor{padding:20px}.login{margin:25px auto;padding:26px 23px}.visit-filters{padding:16px;gap:12px}.visit-filters label{flex:1 1 130px}.visit-filters label:first-of-type{flex-basis:100%}td,th{padding:13px 16px}.pagination{padding:16px}.machine-list{overflow:visible}.machine-list table{min-width:0}.machine-list thead{display:none}.machine-list table,.machine-list tbody,.machine-list tr,.machine-list td{display:block;width:100%}.machine-list tr{padding:16px;border-bottom:1px solid var(--line)}.machine-list tr:last-child{border-bottom:0}.machine-list td{padding:7px 0;border:0}.machine-list .customer-cell{padding:0 0 15px;min-width:0}.customer-cell small{max-width:100%}.machine-list td[data-label]{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.machine-list td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:12px;flex-shrink:0}.machine-list .empty{padding:24px 0}}

.share-result{padding:24px;background:#eff9f4;border:1px solid #cce9dc;border-radius:12px;margin:24px 0}.share-result h2{margin-top:0}.share-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.share-controls label{max-width:180px}.share-result input{font-family:ui-monospace,monospace}.share-result .actions{flex-wrap:wrap}@media(max-width:600px){.share-result{padding:18px}.account-actions{justify-content:flex-start}}