:root{color:#1c1915;background:#f3efe6;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:15px;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}a{color:inherit}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.side{background:#1c1915;color:#f3efe6;padding:22px 16px;display:flex;flex-direction:column;gap:18px}.brand{font-family:IBM Plex Sans Condensed,sans-serif;letter-spacing:.04em;font-size:18px}.brand span{display:block;color:#c8b89a;font-family:IBM Plex Sans,sans-serif;font-size:12px;letter-spacing:0;margin-top:4px}.nav{display:flex;flex-direction:column;gap:4px}.nav a,.side button.link{text-decoration:none;padding:8px 10px;border-radius:8px;background:transparent;border:0;text-align:left;cursor:pointer}.nav a.active,.nav a:hover{background:#34302a}.side .grow{flex:1}.main{padding:28px 32px 48px}h1{font-size:28px;margin:0 0 6px;font-weight:600}.lead{color:#5e574c;margin:0 0 20px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.product-edit{align-items:end}.grid{display:grid;gap:14px}.accounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}@media(max-width:1100px){.accounts{grid-template-columns:1fr}}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.card,.table-wrap,.auth{background:#fffdf8;border:1px solid #e2d9c8;border-radius:14px}.card{padding:16px}.auth{width:min(440px,calc(100% - 32px));margin:10vh auto;padding:28px}label{display:grid;gap:6px;font-size:13px;color:#5e574c}input,select,textarea{background:#fff;border:1px solid #d9d0c1;border-radius:8px;padding:8px 10px}textarea{font:inherit;width:100%;box-sizing:border-box}input[type=checkbox]{appearance:none;box-sizing:border-box;width:16px;height:16px;min-width:16px;min-height:16px;margin:0;padding:0;border:1px solid #c9bfae;border-radius:0;background:#fff;display:inline-grid;place-content:center;cursor:pointer;flex:0 0 16px;vertical-align:middle}input[type=checkbox]:after{content:"";width:8px;height:4px;border:2px solid transparent;border-top:0;border-right:0;transform:rotate(-45deg) translateY(-1px)}input[type=checkbox]:checked{background:#1f6b4a;border-color:#1f6b4a}input[type=checkbox]:checked:after{border-color:#fff}.filters{align-items:end}button.primary,button.ghost{border-radius:8px;padding:8px 12px;cursor:pointer}button.primary{background:#1f6b4a;color:#fff;border:0}button.ghost{background:transparent;border:1px solid #d9d0c1}button.danger{background:transparent;color:#9b2c2c;border:1px solid #e7c1c1;border-radius:8px;padding:8px 12px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.error{color:#9b2c2c}.ok{color:#1f6b4a}.muted{color:#5e574c}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #eee6d8;vertical-align:top}th{font-size:12px;color:#5e574c;font-weight:500}.num{font-variant-numeric:tabular-nums;text-align:right}.tag{display:inline-block;border:1px solid #e2d9c8;border-radius:999px;padding:1px 8px;font-size:12px}.tag.ok{color:#1f6b4a;border-color:#b7d7c6;background:#e7f3ec}.tag.bad{color:#9b2c2c;border-color:#e7c1c1;background:#fdecec}.account{display:flex;flex-direction:column;gap:6px;padding:12px 14px;min-width:0;height:100%;box-sizing:border-box}.account .actions{margin-top:auto}.webhook{overflow-wrap:anywhere;line-height:1.4}.webhook span{display:block}.account p{margin:0}.account .row{gap:8px}.account .sync{margin:0;gap:1px;line-height:1.35}.trend{width:100%;height:auto}.trend line{stroke:#e4e1d8;stroke-width:1}.trend text{fill:#6d6a62;font-size:11px}.trend .now{fill:none;stroke:#1f6b4a;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.trend .past{fill:none;stroke:#8a84c7;stroke-width:2;stroke-dasharray:5 4;stroke-linejoin:round;stroke-linecap:round}.trend-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px;color:#6d6a62;font-size:13px}.trend-legend i{display:inline-block;width:22px;height:0;border-top:2px solid #1f6b4a;margin-right:6px;vertical-align:middle}.trend-legend i.past{border-top-style:dashed;border-top-color:#8a84c7}.share{display:grid;gap:8px;margin-top:12px}.share-row{display:grid;grid-template-columns:140px 1fr 48px 120px;gap:8px;align-items:center;font-size:13px}.share-row i{display:block;height:8px;background:#1f6b4a;border-radius:99px;min-width:0}.bars{display:grid;gap:6px}.bar{display:grid;grid-template-columns:110px 1fr 80px;gap:8px;align-items:center;font-size:13px}.bar i{display:block;height:8px;background:#1f6b4a;border-radius:99px}.empty{padding:28px;color:#5e574c}.modal-backdrop{position:fixed;inset:0;background:#1c191573;display:grid;place-items:center;padding:24px;z-index:20}.modal{width:min(480px,100%);max-height:calc(100vh - 48px);overflow:auto}.check{display:flex;flex-direction:row;align-items:center;gap:8px;line-height:16px;font-size:13px}.sync{display:grid;gap:2px;margin:8px 0;font-size:13px;color:#3f3a33}.sold-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #eee6d8;font-size:14px}.sold-row:last-child{border-bottom:0}.bar{grid-template-columns:70px 1fr 150px}.pager{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:16px}.pager button{min-width:36px;border:1px solid #d9d0c1;background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}.pager button.current{background:#1f6b4a;color:#fff;border-color:#1f6b4a}.pager button:disabled{opacity:.45;cursor:default}
