:root{--green:#164d3d;--deep:#10382f;--orange:#ff6c2e;--lime:#d8ed91;--ink:#183d33;--muted:#65746d;--line:#dfe6e1}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f4f7f5;font:16px/1.5 Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);min-height:42px;padding:9px 15px;font-size:14px;font-weight:600}button:hover{border-color:var(--green);background:#edf4ee}a{color:var(--green)}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}aside{width:238px;position:fixed;inset:0 auto 0 0;background:var(--deep);color:#fff;display:flex;flex-direction:column;z-index:10}.brand{padding:32px 28px 26px;display:flex;align-items:center;gap:10px}.brand img{width:130px;height:auto}.brand span{font-size:11px;letter-spacing:2px;border-left:1px solid #668879;padding-left:12px;color:var(--lime)}.workspace{border-top:1px solid #2c5148;padding:24px 25px 14px;color:#b6c7bd;font-size:11px;letter-spacing:1.3px}.workspace span{display:block;color:#e4ede7;font-size:13px;margin-top:8px;letter-spacing:0}nav{padding:0 14px;display:grid;gap:7px}nav button{border:0;background:transparent;color:#c4d3cc;display:flex;align-items:center;text-align:left;gap:14px;padding:13px 14px;width:100%;font-size:14px;min-height:48px}nav button.active{background:#2b5549;color:white;box-shadow:inset 3px 0 var(--lime)}nav button:hover{background:#234d41;color:white}nav svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.6}.sidebottom{margin-top:auto;padding:24px;border-top:1px solid #2c5148;font-size:13px}.sidebottom p{color:#b6c7bd;font-size:12px}.sidebottom a{color:#d8ed91}.test-dot:before{content:'';display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:9px}main{margin-left:238px;min-height:100vh}header{height:79px;padding:0 38px;border-bottom:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}header b{font-weight:400;margin:0 15px;color:#b7c2bb}header strong{font-weight:500;color:var(--ink)}header>div{display:flex;align-items:center;gap:22px}.test-label{font-size:10px;font-weight:700;letter-spacing:1.3px;color:#775126;background:#fff5e6;border:1px solid #efdfc7;padding:5px 9px;border-radius:5px}.avatar{background:#ecf2ed;border-radius:50%;width:36px;height:36px;min-height:36px;padding:0;font-size:12px}.content{padding:32px 38px 42px;max-width:1700px;margin:auto}.pageheading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.eyebrow{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1.8px;margin:0 0 8px}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 8px;font-weight:700}h2{font-size:18px;letter-spacing:-.3px;margin:0 0 12px}h3{font-size:16px;margin:0 0 6px}p{margin:0 0 14px}.pageheading p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:var(--deep);color:#fff}.orange{background:var(--orange);border-color:var(--orange);color:var(--deep)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.metric{background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px 23px}.metric .label{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.metric .value{font-size:32px;letter-spacing:-1px;font-weight:650;margin:12px 0 9px}.metric .sub{font-size:12px;color:var(--muted)}.metric .symbol{border:1px solid var(--line);border-radius:7px;padding:3px 8px;color:var(--green);font-size:15px}.metric.featured{background:var(--green);color:#fff;border-color:var(--green)}.metric.featured .label,.metric.featured .sub{color:#d3e1d8}.metric.featured .symbol{border-color:#61836c;color:var(--lime)}.grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:22px;margin-bottom:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:23px;min-width:0}.panelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:14px}.panelhead h2{margin:0}.panelhead .muted{font-size:12px}.linkbutton{border:0;padding:4px;background:transparent;min-height:32px;color:var(--green)}.attention{border-bottom:1px solid #edf0ee;padding:14px 0;display:flex;gap:13px;align-items:center}.attention:last-child{border:0;padding-bottom:0}.attention .alerticon{background:#fff1e7;color:#ac5024;width:37px;height:37px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;font-weight:bold}.attention p{margin:2px 0 0;font-size:12px;color:var(--muted)}.attention h3{font-size:14px;margin:0}.attention button{margin-left:auto;white-space:nowrap;font-size:12px;min-height:34px;padding:6px 10px}.connection{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf0ee;font-size:14px}.connection:last-of-type{border:0}.connection small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.pill{display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;white-space:nowrap;border-radius:5px;background:#f0f3f1;color:#55675d}.pill.good{background:#e9f3e6;color:#315d36}.pill.warn{background:#fff1e2;color:#8d4b1d}.pill.bad{background:#fbeceb;color:#98423a}.pill.blue{background:#eaf0fb;color:#436286}.shop{font-size:12px;display:inline-block;border:1px solid #dce5df;background:#f4f7f4;padding:3px 7px;border-radius:5px;white-space:nowrap}.shop.second{background:#f4f2fa;border-color:#e5e0ef;color:#655585}.tablewrap{overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{font-weight:500;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line);padding:11px 12px;background:#f8faf8;white-space:nowrap}td{padding:16px 12px;border-bottom:1px solid #ecf0ed;white-space:nowrap}tr:last-child td{border:0}tbody tr:hover{background:#f9fbf9}td small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.orderlink{padding:0;border:0;background:none;font-size:14px;color:var(--green);min-height:24px}td.money{font-variant-numeric:tabular-nums;font-weight:500}.panel.tablepanel{padding:0;overflow:hidden}.tablepanel .panelhead{padding:23px 23px 0}.tablefoot{padding:15px 23px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:19px}.filters input{flex:1;min-width:160px}.filters input,.filters select{width:auto}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:12px;flex-wrap:wrap}.tabs button{background:transparent;border:0}.tabs .selected{background:#e4ede6;color:var(--green)}input,select,textarea{display:block;border:1px solid #cfdad2;border-radius:7px;background:white;padding:10px 12px;width:100%;min-height:42px;color:var(--ink);font-size:14px}textarea{min-height:110px;resize:vertical}label{display:block;font-size:14px;font-weight:500;margin:16px 0 7px}label>input,label>textarea,label>select{margin-top:7px}label .muted{font-size:12px;font-weight:400}.muted{color:var(--muted)}.note{font-size:13px;color:var(--muted);padding:14px;background:#f6f8f6;border-radius:7px;margin-top:18px}.error{color:#9c3328;background:#ffefeb;padding:12px;border-radius:8px;font-size:14px}.empty{padding:35px;text-align:center;color:var(--muted)}.settingsgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.settingsgrid .panel{height:100%}.actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.fieldvalue{border-bottom:1px solid var(--line);padding:10px 0;font-size:14px}.fieldvalue small{display:block;color:var(--muted);font-size:12px}.inboxgrid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px}.categories{padding:15px}.categories button{display:flex;justify-content:space-between;width:100%;border:0;text-align:left;background:transparent;margin:3px 0;gap:10px;align-items:center}.categories button.selected{background:#eaf2ec}.messagecard{padding:18px 0;border-bottom:1px solid var(--line)}.messagecard:last-child{border:0}.messagecard p{white-space:pre-wrap;margin:12px 0;color:#40594a;font-size:14px}.messagecard.outgoing{border-left:3px solid var(--green);padding-left:15px}.messagecard.note-message{background:#fff9e9;padding:15px;border-radius:8px}.threadmeta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:10px}.summary{background:#f2f6f3;padding:17px;border-radius:9px;margin-bottom:20px}.summary p{font-size:13px;margin:5px 0}dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(720px,100%);height:100dvh;max-width:100%;max-height:100dvh;border:0;box-shadow:-10px 0 50px #123c3022;padding:0;color:var(--ink)}dialog::backdrop{background:#102e2766;backdrop-filter:blur(2px)}.dialoghead{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:23px 27px;border-bottom:1px solid var(--line);z-index:2}.dialoghead h2{margin:0}.dialoghead button{border:0;font-size:20px}#detailbody{padding:27px}.timeline{border-left:1px solid #d0ddd3;padding-left:17px;margin:20px 0}.timeline>div{padding-bottom:15px;font-size:14px}.timeline small{display:block;color:var(--muted);font-size:12px}#flash{background:#e8f2e9;border:1px solid #a4c7ab;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:20px}#flash.failure{background:#fff0ea;border-color:#f2c4b2}.login{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr;background:white}.loginbrand{background:var(--deep);color:#fff;padding:70px;display:flex;flex-direction:column;justify-content:center}.loginbrand img{width:180px;margin-bottom:70px}.loginbrand h1{font-size:44px;line-height:1.2;letter-spacing:-1.5px;color:#fff}.loginbrand p{color:#c9dace;margin:25px 0 75px;font-size:18px}.loginbrand span{color:var(--lime);font-size:13px}.loginform{padding:60px;display:grid;place-items:center}.loginform form{max-width:380px;width:100%}.loginform h1{margin-bottom:12px}.loginform form>p{color:var(--muted);font-size:14px}.wide{width:100%;margin-top:20px;min-height:46px}.account-box{border:1px solid var(--line);padding:14px;border-radius:8px;word-break:break-all}.subheading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}.subheading h2{margin:0}@media(max-width:1100px){aside{width:200px}main{margin-left:200px}.brand{padding:28px 18px}.brand img{width:108px}.brand span{font-size:9px}.content{padding:26px 24px}header{padding:0 24px}.metrics{gap:10px}.metric{padding:16px}.metric .value{font-size:26px}.grid{grid-template-columns:1fr}.settingsgrid{grid-template-columns:1fr}.loginbrand{padding:40px}.loginbrand h1{font-size:36px}}@media(max-width:700px){aside{width:100%;height:67px;inset:auto 0 0;display:block}.brand,.workspace,.sidebottom{display:none}nav{display:grid;grid-template-columns:repeat(6,1fr);padding:0;gap:0;height:100%}nav button{padding:7px 2px;flex-direction:column;gap:4px;font-size:9px;min-height:60px;border-radius:0;justify-content:center}nav button.active{box-shadow:inset 0 3px var(--lime)}nav svg{width:19px;height:19px}main{margin:0;padding-bottom:70px}header{height:60px;padding:0 18px}header>span{font-size:12px}header>div{gap:10px}.content{padding:23px 16px}.pageheading{align-items:flex-start;flex-direction:column;gap:16px}h1{font-size:27px}.pageheading .actions{margin-top:0}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:16px}.metric .value{font-size:27px}.metric .label{font-size:12px}.metric .sub{font-size:11px}.metric .symbol{display:none}.grid{gap:16px}.panel{padding:18px}.attention button{font-size:11px}.attention .alerticon{width:30px}.attention p{font-size:11px}.inboxgrid{grid-template-columns:1fr}.categories{display:flex;overflow:auto;gap:5px}.categories button{white-space:nowrap;width:auto}.settingsgrid{gap:16px}.fields{grid-template-columns:1fr}.filters{gap:8px}.filters input{min-width:100%;width:100%}.filters select{flex:1;min-width:120px}.login{display:block}.loginbrand{padding:28px}.loginbrand img{width:140px;margin:0}.loginbrand h1,.loginbrand p,.loginbrand span{display:none}.loginform{padding:35px 25px}.panelhead{gap:8px}.panelhead h2{font-size:16px}.test-label{font-size:9px}#detailbody{padding:19px}.dialoghead{padding:18px}.tablefoot{gap:12px}.tablepanel .panelhead{padding:18px 18px 0}}
input[type=checkbox]{display:inline-block;width:18px;min-height:18px;height:18px;vertical-align:middle;margin:0 7px 0 0;accent-color:var(--green)}details{border:1px solid var(--line);padding:14px;border-radius:8px;margin:18px 0}summary{cursor:pointer;font-size:14px;font-weight:600}form>button{margin-top:18px}.fields label{min-width:0}.filters label{margin:0;font-size:12px}.filters label input{margin-top:2px;min-width:130px}.tablewrap{overscroll-behavior-x:contain}dialog .error{position:sticky;top:75px;z-index:3}

.brand{padding:26px 18px;gap:8px}.brand img{background:white;border-radius:6px;padding:8px;width:135px}.brand span{font-size:10px;padding-left:8px}.loginbrand img{background:white;padding:14px;border-radius:10px}@media(max-width:1100px){.brand img{width:108px}.brand{padding:26px 13px;gap:7px}.brand span{font-size:9px}}

.readonly #view > .panel + .panel { margin-top: 20px; }

.readonly .message-text { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.65; }
.readonly .fieldvalue { margin-bottom: 16px; }

.revenue-metrics .value { font-size: clamp(23px, 2.1vw, 34px); white-space: nowrap; letter-spacing: -1px; }
.revenue-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); gap: 20px; margin: 22px 0; align-items: start; }
.readonly .revenue-grid .panel { min-width: 0; }
.revenue-grid .panelhead { flex-wrap: wrap; gap: 12px; }
.revenue-grid table { min-width: 330px; }
.revenue-grid td, .revenue-grid th { padding: 12px 8px; }
.revenue-grid select { max-width: 160px; }
.revenue-plot { overflow-x: auto; padding-top: 12px; }
.revenue-plot svg { display: block; width: 100%; min-width: 420px; }
.period-buttons { display: flex; gap: 4px; }
.period-buttons button { padding: 8px 12px; }
.revenue-leader { background: #f0f5e9; border-radius: 12px; padding: 18px; margin: 8px 0 12px; }
.revenue-leader small { color: #536451; font-size: 10px; letter-spacing: 1px; }
.revenue-leader h3 { margin: 8px 0; font-size: 19px; }
.revenue-leader strong { font-size: 25px; color: #164d3d; }
.rank-number { color: #859389; font-variant-numeric: tabular-nums; }
.chart-values { margin-top: 10px; font-size: 12px; color: #596b60; }
.chart-values summary { cursor: pointer; }
.revenue-definition { line-height: 1.6; margin-top: 20px; }
@media(max-width:1100px) { .revenue-grid { grid-template-columns: minmax(0,1fr); } }
@media(max-width:600px) { .revenue-metrics .value { font-size: 25px; } .dashboard-orders .panelhead { flex-wrap: wrap; gap: 12px; } }