:root{--ink:#12261e;--green:#18a96b;--paper:#f4f6f4;--line:#dce4df;--muted:#718078;--white:#fff;--red:#d75442;--shadow:0 14px 40px #163a290b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 system-ui,sans-serif;display:grid;grid-template-columns:245px 1fr;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}aside{position:sticky;top:0;height:100vh;background:var(--ink);color:#aab9b2;padding:27px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;color:#fff;text-decoration:none;font-size:20px;gap:9px}.brand i{font-style:normal;width:36px;height:36px;display:grid;place-items:center;background:var(--green);border-radius:10px}.brand b{font-size:20px}aside nav{display:grid;gap:5px;margin-top:50px}aside nav>span{font-size:9px;letter-spacing:.16em;margin:0 12px 10px}aside nav button,aside nav a{border:0;background:none;text-align:left;padding:11px 12px;border-radius:9px;color:inherit;text-decoration:none}aside nav button:hover,aside nav a:hover,aside nav .active{background:#ffffff12;color:#fff}.aside-status{display:flex;gap:10px;align-items:center;margin-top:auto;background:#ffffff08;padding:12px;border-radius:10px}.aside-status>i{width:9px;height:9px;background:#55dc9c;border-radius:50%;box-shadow:0 0 0 5px #55dc9c18}.aside-status span,.aside-status small{display:block}.aside-status span{color:#fff;font-size:12px}.aside-status small{color:#92a69c;font-size:9px}main{max-width:1200px;width:100%;padding:45px 55px;margin:auto}main>div>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}header>div>span{color:var(--green);font-size:9px;font-weight:800;letter-spacing:.16em}h1{font-size:36px;letter-spacing:-.035em;margin:3px 0}header p,.panel p,.view-intro p,#auth p{color:var(--muted);margin:0}.header-actions{display:flex;gap:9px}.header-actions a,.header-actions button{border:0;border-radius:9px;padding:11px 15px;text-decoration:none;font-weight:750}.new-sale{background:var(--green);color:#fff}.icon-button{background:#fff;border:1px solid var(--line)!important;font-size:18px}#auth,.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}#auth{max-width:600px;padding:28px;margin-top:70px}#auth h2{margin:0}#auth-form{display:flex;gap:9px;margin:20px 0 10px}#auth-form input{flex:1}code{background:#eef2ef;padding:3px 6px;border-radius:4px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;position:relative;overflow:hidden}.metric>i{position:absolute;right:16px;top:16px;width:35px;height:35px;border-radius:10px;background:#e9f8f0;color:var(--green);display:grid;place-items:center;font-style:normal}.metric span,.metric strong,.metric small{display:block}.metric span{color:var(--muted);font-size:11px}.metric strong{font-size:27px;letter-spacing:-.03em;margin:8px 0 2px}.metric small{color:#5e6e66;font-size:10px}.split{display:grid;grid-template-columns:1.5fr .8fr;gap:18px}.panel{padding:23px;margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:8px}.panel-head h2,.view-intro h2{margin:0;font-size:19px}.panel-head button{border:0;background:none;color:var(--green);font-weight:700}.order-row{display:grid;grid-template-columns:1.3fr 1fr .7fr .65fr;gap:12px;align-items:center;padding:14px 4px;border-bottom:1px solid #eef2ef}.order-row:last-child{border:0}.order-main b,.order-main small{display:block}.order-main small,.order-row time{color:var(--muted);font-size:10px}.money{font-weight:800;text-align:right}.status{justify-self:start;border-radius:15px;padding:4px 8px;font-size:9px;font-weight:800;text-transform:uppercase}.status.completed{background:#e3f8ed;color:#087c4d}.status.awaiting_payment{background:#fff3dc;color:#9a6817}.health-item{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid var(--line)}.health-item:last-child{border:0}.health-item>i{width:32px;height:32px;border-radius:9px;background:#eef2f0;display:grid;place-items:center;font-style:normal}.health-item div{flex:1}.health-item b,.health-item small{display:block}.health-item small{color:var(--muted);font-size:9px}.health-item>span{font-size:9px;padding:4px 7px;border-radius:12px}.health-item>span.ok{background:#e3f8ed;color:#087c4d}.health-item>span.off{background:#edf1ef;color:#75827c}#order-search{width:250px}.table-head{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--muted);background:#f5f7f6;border-radius:7px}.view-intro{margin-bottom:20px}.product-editor{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.product-edit{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.product-edit header{display:flex;justify-content:space-between;align-items:center}.product-edit header b{font-size:18px}.toggle{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:11px}.toggle input{width:auto}.product-edit form{display:grid;gap:13px;margin-top:15px}.product-edit form button{justify-self:end}.integration{padding:26px}.service-title{display:flex;gap:13px;align-items:center}.service-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;font-weight:900}.mp{background:#e4f3ff;color:#1385c9}.mail{background:#e4f8ee;color:var(--green)}.badge{margin-left:auto;background:#edf1ef;color:var(--muted);padding:5px 9px;border-radius:14px;font-size:9px;font-weight:800}.badge.ok{background:#e3f8ed;color:#087c4d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wide{grid-column:1/-1}label{font-size:11px;font-weight:750}label small{float:right;color:var(--green)}input,select{display:block;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;margin-top:5px;background:#fff;outline:none}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #18a96b17}form button{border:0;border-radius:8px;padding:11px 16px;background:var(--green);color:#fff;font-weight:750}.secondary{background:#edf3f0;color:var(--ink)}.note{background:#f4f7f5;color:var(--muted);padding:10px;border-radius:8px;font-size:11px}#toast{position:fixed;z-index:20;bottom:24px;right:24px;background:var(--ink);color:#fff;padding:12px 17px;border-radius:9px;opacity:0;transform:translateY(15px);transition:.2s}#toast.show{opacity:1;transform:none}.empty{text-align:center;color:var(--muted);padding:35px}@media(max-width:900px){body{grid-template-columns:80px 1fr}aside{padding:20px 10px}.brand b,aside nav>span,aside nav button,aside nav a,.aside-status{font-size:0}.brand{justify-content:center}.brand i{margin:0}aside nav button::first-letter,aside nav a::first-letter{font-size:18px}.metrics-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}@media(max-width:650px){body{display:block}aside{display:none}main{padding:25px 15px}.metrics-grid,.product-editor,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.order-row{grid-template-columns:1.3fr .7fr}.order-row time{display:none}.split{grid-template-columns:1fr}.header-actions .icon-button{display:none}}