:root{--bg:#f3f6f9;--surface:#fff;--ink:#172c40;--ink2:#3a5066;--muted:#62768a;--line:#dce5ec;--soft:#edf3f7;--brand:#08786d;--brand-soft:#e0f4ef;--brand-line:#b6ddd4;--nav:#102c3b;--danger:#c63445;--danger-soft:#ffedf0;--blue:#2160bb;--blue-soft:#eaf1ff;--warn:#995b08;--warn-soft:#fff2d9}
body{font-size:15px}.side{width:182px;align-items:stretch;padding:22px 12px;overflow-y:auto;gap:5px;background:linear-gradient(160deg,#102c3b,#123e46)}.side .logo{margin:0 auto 20px;width:51px;height:51px}.navlink{width:100%;flex-direction:row;padding:11px 13px;gap:11px;font-size:13px;color:#cadbe4;border-radius:12px}.navlink.on{background:#08786d;color:white;box-shadow:0 5px 15px #0002}.navlink:hover{background:#ffffff15}.navlink.on:hover{background:#08786d}.navlink svg{width:20px;height:20px;flex:none}.topbar{min-height:76px;padding:16px 26px;background:var(--surface)}.topbar h1{font-size:22px;font-weight:700}.page{padding:24px;gap:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 20px #173f5b06;padding:22px}.card h2{font-size:18px;margin-bottom:12px}.btn{min-height:42px;border-radius:10px;font-weight:500}.btn.pri{background:var(--brand);box-shadow:0 3px 9px #08786d20}.in{border-radius:10px;min-height:44px;background:var(--surface);border-color:var(--line);padding:10px 12px}.in:focus{outline:3px solid #12a89525;border-color:var(--brand)}.t th{background:var(--soft);font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap}.t td,.t th{padding:13px 12px}.t tr:hover td{background:var(--brand-soft)}.pro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pro-kpi{font-size:34px;font-weight:700;letter-spacing:-1px;color:var(--brand)}.pro-eyebrow{font-size:12px;color:var(--brand);font-weight:700}.pro-hero{display:flex;gap:24px;align-items:center;justify-content:space-between;border-radius:20px;background:linear-gradient(120deg,#08786d,#17435b);color:white;padding:30px}.pro-hero h2{font-size:26px;margin-bottom:10px}.pro-hero p{max-width:650px;color:#daefeb}.pro-tabs{display:flex;gap:8px;flex-wrap:wrap}.pro-tabs a{padding:10px 16px;border-radius:10px;background:var(--surface);border:1px solid var(--line);text-decoration:none;font-weight:500}.pro-form{display:grid;gap:12px}.pro-form label{display:grid;gap:6px}.pro-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.pro-media img,.pro-media video{width:100%;height:150px;object-fit:contain;border-radius:12px;background:var(--soft)}.pro-mode{padding:12px 24px;background:var(--warn-soft);color:var(--warn);border-bottom:1px solid var(--line)}.pro-check{display:flex;align-items:center;gap:14px;text-decoration:none;padding:18px;border-bottom:1px solid var(--line)}.pro-check span:first-child{background:var(--brand-soft);color:var(--brand);border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.pro-scroll{overflow:auto}.pro-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.pro-toolbar label{display:grid;gap:5px}.pro-output{white-space:pre-wrap;background:var(--soft);border-radius:12px;padding:18px;line-height:1.9}.pro-more{display:none}.priority-toggle.selected{background:#fff3d2!important;color:#956200!important;border-color:#ecd188!important}.ai{border-color:var(--brand-line);background:var(--brand-soft)}
[data-theme=dark]{--bg:#0c1824;--surface:#152636;--ink:#e9f2f7;--ink2:#c0d2e1;--muted:#9bb1c4;--line:#2b4054;--soft:#1d3347;--brand:#43c6af;--brand-soft:#153f3b;--brand-line:#29665d;--danger:#ff7e8c;--danger-soft:#492634;--blue:#83b6ff;--blue-soft:#213d60;--warn:#f3c16a;--warn-soft:#45371f}
[data-theme=dark] .topbar,[data-theme=dark] .bottomnav,[data-theme=dark] .status-btn,[data-theme=dark] .convlist,[data-theme=dark] .chat,[data-theme=dark] .panel,[data-theme=dark] .btn,[data-theme=dark] .msg{background:var(--surface);color:var(--ink)}[data-theme=dark] .btn.pri{background:#08786d;color:white}[data-theme=dark] .t th{background:var(--soft)}
@media(max-width:1100px){.side{width:155px}.pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.side{display:none}.page{padding:14px}.topbar{padding:14px;min-height:65px}.topbar h1{font-size:20px}.card{padding:16px;border-radius:15px}.pro-grid{grid-template-columns:1fr}.pro-hero{padding:22px}.pro-hero h2{font-size:23px}.pro-more{display:flex;overflow-x:auto;gap:8px;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0}.pro-more a{white-space:nowrap;font-size:12px;text-decoration:none;background:var(--soft);padding:7px 10px;border-radius:9px}.btn{min-height:44px}.bottomnav{background:var(--surface);padding-bottom:env(safe-area-inset-bottom)}.settings-nav{gap:8px}.pro-toolbar .in{max-width:160px}}
@media(prefers-reduced-motion:no-preference){.card{animation:pro-in .18s ease-out}@keyframes pro-in{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:none}}}
[data-theme=dark] input.in,[data-theme=dark] select.in,[data-theme=dark] textarea.in{background:var(--surface)!important;color:var(--ink)!important;color-scheme:dark}.pro-media{padding:8px}#productMediaStrip{max-height:220px;overflow:auto;background:var(--surface)}
.offer-card{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;background:var(--warn-soft);border:1px solid #e5b95c;border-radius:12px;width:100%}.chat-head{flex-wrap:wrap}.offer-card [data-offer-deadline]{margin-inline-end:auto;font-variant-numeric:tabular-nums}
[data-theme=dark] .settings-link,[data-theme=dark] .seg button.on,[data-theme=dark] .tab.on{background:var(--surface);color:var(--ink)}[data-theme=dark] .settings-link.on{background:#08786d;color:#fff}[data-theme=dark] .note.info{background:var(--blue-soft);color:var(--blue)}[data-theme=dark] .note.warn{background:var(--warn-soft);color:var(--warn)}.offer-card b{font-size:14px}#reviewReply{flex-basis:100%;font-size:12px}
