:root{--ex-cyan:#18b8c4;--ex-ink:#101214;--ex-muted:#899195;--ex-line:#dfe2e3;--ex-paper:#fdfdfc}
.ex-sync{margin-left:auto;display:flex;align-items:center;gap:8px;color:#899195;font-size:9px;letter-spacing:.9px}.ex-sync i{width:7px;height:7px;border-radius:50%;background:var(--ex-cyan);box-shadow:0 0 0 4px rgba(24,184,196,.12)}
.ex-main{display:block;width:auto;margin:0;padding:0 clamp(28px,5vw,76px);background:var(--ex-paper)}
.dashboard-head{min-height:92px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,.7fr) auto;align-items:center;gap:28px;padding:18px 0;border-bottom:1px solid var(--ex-line)}.dashboard-title p{margin:0 0 6px;color:#7c8589;font-size:8px;font-weight:700;letter-spacing:1.1px}.dashboard-title h1{margin:0;font-size:24px;line-height:1;font-weight:600;letter-spacing:-.02em}.dashboard-title h1 span{color:var(--ex-cyan)}.dashboard-goal{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 12px;padding-left:22px;border-left:1px solid var(--ex-line)}.dashboard-goal span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ex-cyan);border-radius:50%;color:#078d99;font-size:7px;font-weight:700;letter-spacing:.7px}.dashboard-goal strong{font-size:13px;line-height:1.2}.dashboard-goal small{color:var(--ex-muted);font-size:7.5px;letter-spacing:.45px}.dashboard-live{display:flex;align-items:center;gap:7px;color:var(--ex-muted);font-size:8px;letter-spacing:.55px;white-space:nowrap}.dashboard-live i{width:7px;height:7px;border-radius:50%;background:var(--ex-cyan);box-shadow:0 0 0 4px rgba(24,184,196,.12)}.dashboard-live time{color:var(--ex-ink);font-variant-numeric:tabular-nums}
.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:0;border-bottom:1px solid var(--ex-line);background:var(--ex-line)}.dashboard article{position:relative;min-height:86px;padding:14px 17px;background:#fff;box-shadow:none}.dashboard article.accent{color:#fff;background:#122e32}.dashboard span{display:block;color:#139ca7;font-size:8px;font-weight:700;letter-spacing:.8px}.dashboard strong{display:block;margin:12px 0 2px;font-size:20px;line-height:1}.dashboard small{color:var(--ex-muted);font-size:8px}.dashboard .accent small{color:#aabec1}.dashboard .accent::after{content:"";position:absolute;right:14px;bottom:14px;width:20px;height:3px;background:var(--ex-cyan)}
.data-section{padding:26px 0 54px;border-bottom:1px solid var(--ex-line);scroll-margin-top:54px}.data-section[hidden]{display:none}.section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 24px;margin-bottom:17px}.section-head>p{grid-column:1/-1;margin:0;color:#7c8589;font-size:8px;font-weight:600;letter-spacing:1.1px}.section-head h2{margin:0;color:var(--ex-ink);font:600 24px/1.05 "Open Sans",Arial,sans-serif;letter-spacing:-.025em}.section-head h2 span{color:var(--ex-cyan)}.section-head>div{display:flex;align-items:center;justify-content:flex-end;gap:22px;margin:0;color:var(--ex-muted);font-size:9px}
.rule{display:grid;grid-template-columns:120px 190px 1fr;align-items:center;gap:20px;margin:0;padding:10px 18px;background:#122e32;color:#fff}.rule span{color:#9eb1b4;font-size:8px;font-weight:700;letter-spacing:.9px}.rule strong{color:#4ed4df;font-size:12px}.rule p{margin:0;color:#aebdc0;font-size:8px;letter-spacing:.4px}
.section-nav{position:sticky;z-index:11;top:0;display:flex;overflow-x:auto;margin:0 calc(clamp(28px,5vw,76px)*-1);padding:0 clamp(28px,5vw,76px);border-bottom:1px solid #d9ddde;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.section-nav a{position:relative;min-width:max-content;margin-right:33px;padding:13px 0;color:#5f686c;text-decoration:none;font-size:9px;font-weight:700;letter-spacing:.55px}.section-nav a:hover,.section-nav a.active{color:#078d99}.section-nav a.active::after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--ex-cyan)}.section-nav b{margin-left:7px;color:var(--ex-cyan);font-weight:700}
.add-button{appearance:none;border:0;border-bottom:1px solid var(--ex-cyan);background:transparent;padding:7px 0;color:#078d99;cursor:pointer;font-size:9px;font-weight:700;letter-spacing:.55px}.add-button:hover{color:var(--ex-ink);border-color:var(--ex-ink)}
.table-wrap{overflow-x:auto;background:#fff;box-shadow:0 16px 42px rgba(18,25,29,.08),0 2px 8px rgba(18,25,29,.04)}table{width:100%;min-width:980px;border-collapse:collapse;table-layout:fixed;background:#fff}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--ex-line);border-right:1px solid #edf0f0}th:last-child,td:last-child{border-right:0}th{padding:13px 16px;background:#f1f3f3;color:#7c8589;font-size:8.5px;text-transform:uppercase;letter-spacing:1px}td{padding:18px 16px}th:nth-child(1){width:34%}th:nth-child(2){width:10%}th:nth-child(3){width:21%}th:nth-child(4){width:13%}th:nth-child(5){width:22%}
.item-title{display:block;margin-bottom:7px;font-size:12.5px;font-weight:700;line-height:1.4}.item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:var(--ex-muted);font-size:8.5px}.item-meta b{color:#109da8}.tag{display:inline-block;padding:3px 6px;background:#eef2f2;color:#687277;font-size:8px;font-weight:700;letter-spacing:.45px;text-transform:uppercase}.tag.ok{background:#ddf6f7;color:#087e87}.tag.warn{background:#fff0d2;color:#8c5912}.tag.reject{background:#fbe3df;color:#8c2e22}.qty{font-size:17px;font-weight:600}.price-main{display:block;font-size:13.5px;font-weight:700}.price-range{display:block;margin-top:5px;color:var(--ex-muted);font-size:8.8px;line-height:1.55}.date-main{display:block;font-variant-numeric:tabular-nums}.date-sub{display:block;margin-top:5px;color:var(--ex-muted);font-size:8.5px}
.actions{display:grid;gap:9px}.actions a{width:max-content;color:#078d99;font-weight:700;text-underline-offset:3px}.action-note{width:100%;min-height:56px;resize:vertical;border:1px solid var(--ex-line);border-radius:0;background:#fafcfc;padding:8px;color:var(--ex-ink);font-size:9.5px}.action-note:focus{outline:2px solid rgba(24,184,196,.3);border-color:var(--ex-cyan)}.save-note{justify-self:start;border:0;background:#122e32;color:#fff;padding:7px 10px;cursor:pointer;font-size:8px;font-weight:700;letter-spacing:.65px}.save-note.saved{background:#078d99}.empty-row{padding:34px;text-align:center;color:var(--ex-muted)}
.entry-dialog{width:min(520px,calc(100vw - 30px));padding:0;border:1px solid var(--ex-line);border-radius:0;box-shadow:0 30px 90px rgba(0,0,0,.23)}.entry-dialog::backdrop{background:rgba(16,18,20,.58)}.entry-dialog form{display:grid;gap:16px;padding:24px}.entry-dialog header{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--ex-line);font-weight:700;letter-spacing:1px}.entry-dialog header span{color:#078d99}.entry-dialog header button{border:0;background:none;font-size:24px;cursor:pointer}.entry-dialog label{display:grid;gap:6px;font-size:9px;font-weight:700;letter-spacing:.65px;text-transform:uppercase}.entry-dialog input,.entry-dialog textarea{width:100%;border:1px solid var(--ex-line);border-radius:0;padding:10px;background:#fafcfc;color:var(--ex-ink);text-transform:none}.entry-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding-top:8px}.entry-dialog footer button{border:1px solid var(--ex-ink);background:#fff;padding:9px 13px;cursor:pointer;font-size:9px;font-weight:700}.entry-dialog footer .primary{border-color:var(--ex-cyan);background:var(--ex-cyan);color:#fff}
.ex-footer{display:flex;justify-content:space-between;gap:20px;padding:52px clamp(28px,5vw,76px);border-top:0;background:#fff;color:#929da4;font-size:9px;letter-spacing:.8px}.ex-footer a{color:var(--ex-ink);text-decoration:none}.ex-footer a:last-child{color:#078d99}
@media(max-width:1100px){.dashboard-head{grid-template-columns:1fr auto}.dashboard-live{display:none}.dashboard{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.ex-sync{margin-left:auto;margin-right:8px}.ex-sync span{display:none}.ex-main{padding:0 14px}.dashboard-head{grid-template-columns:1fr;gap:12px;padding:15px 0}.dashboard-goal{padding:0;border:0}.section-nav{top:64px;margin:0 -14px;padding:0 14px}.data-section{padding:22px 0 46px;scroll-margin-top:116px}.ex-footer{padding:46px 22px}}
@media(max-width:580px){.dashboard{grid-template-columns:repeat(2,1fr)}.dashboard article{min-height:82px;padding:12px}.dashboard strong{font-size:17px}.rule{grid-template-columns:1fr auto;gap:4px 14px}.rule p{grid-column:1/-1}.section-head{grid-template-columns:1fr}.section-head>div{justify-content:space-between}.ex-footer{flex-direction:column}}