:root{font-family:Inter,system-ui,-apple-system,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app{--bg:#f7f8fa;--surface:#fff;--surface2:#f2f3f6;--ink:#24262d;--muted:#858993;--line:#e6e7eb;--accent:#c23b4d;background:var(--bg);color:var(--ink);min-height:100vh}.app.dark{--bg:#15171b;--surface:#1d2025;--surface2:#282c32;--ink:#f1f2f4;--muted:#9da2ad;--line:#353941}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--surface);border-right:1px solid var(--line);padding:24px 14px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:2px 12px 30px}.brand-mark{height:38px;width:38px;border-radius:11px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:800;font-size:22px}.brand strong{display:block;letter-spacing:2px;font-size:16px}.brand small,.account small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.search{display:flex;align-items:center;gap:10px;background:var(--surface2);padding:12px;border-radius:11px;color:var(--muted);font-size:13px}.search kbd{margin-left:auto;font-size:10px}.nav-label{color:var(--muted);font-size:10px;letter-spacing:1.2px;margin:28px 12px 12px}.sidebar nav{display:grid;gap:4px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;border:0;background:none;color:var(--muted);padding:12px;border-radius:10px;text-align:left;font:inherit;font-size:13px;cursor:pointer}.nav-item svg{width:20px;height:20px;stroke-width:1.5}.nav-item:hover{background:var(--surface2);color:var(--ink)}.nav-item.active{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-weight:650}.sidebar-bottom{margin-top:auto}.account{display:flex;align-items:center;gap:10px;padding:18px 8px 0;border-top:1px solid var(--line);font-size:12px}.account>svg{margin-left:auto;color:var(--muted)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);font-weight:700}.main{margin-left:260px;min-height:100vh}.desktop-header{height:70px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;justify-content:space-between;align-items:center;padding:0 44px;color:var(--muted);font-size:12px}.demo-pill{font-size:10px;letter-spacing:1px;color:var(--accent);font-weight:700}.content{max-width:1250px;padding:48px 44px;margin:auto}.eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:1.6px}h1{font-size:32px;letter-spacing:-1px;margin:10px 0}.intro{color:var(--muted);font-size:14px;margin:0 0 35px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat,.panel{background:var(--surface);border:1px solid var(--line);border-radius:15px}.stat{padding:24px;display:flex;flex-direction:column;gap:14px}.stat span{font-size:12px;color:var(--muted)}.stat strong{font-size:32px;font-weight:650;letter-spacing:-1px}.stat small{font-size:11px;color:var(--muted)}.panel{margin-top:24px;padding:26px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-heading h2,.placeholder h2{font-size:17px;margin:0}.panel-heading span{font-size:11px;color:var(--muted)}.event{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:19px 0}.event:first-of-type{margin-top:20px}.event strong,.event small{display:block;font-size:13px}.event small{color:var(--muted);margin-top:6px}.event time{font-size:11px;color:var(--muted)}.placeholder{display:flex;flex-direction:column;align-items:center;text-align:center;padding:65px 20px;color:var(--muted)}.placeholder h2{color:var(--ink);margin-top:16px}.placeholder p{max-width:360px;font-size:13px;line-height:1.7}.bottom-note{color:var(--muted);font-size:11px;margin-top:35px}.mobile-trigger,.backdrop{display:none}@media(max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:40px 26px}.desktop-header{padding:0 26px}}@media(max-width:700px){.sidebar{transform:translate(-105%);transition:transform .22s ease;top:0;padding-top:calc(28px + env(safe-area-inset-top));width:min(300px,85vw)}.sidebar.open{transform:translate(0)}.main{margin-left:0}.desktop-header{display:none}.content{padding:calc(92px + env(safe-area-inset-top)) 18px 35px}.mobile-trigger{display:grid;place-items:center;position:fixed;top:calc(14px + env(safe-area-inset-top));left:16px;width:48px;height:48px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--ink);z-index:35;box-shadow:0 3px 15px #00000012;cursor:pointer;transition:opacity .18s,transform .18s}.mobile-trigger svg{width:28px;height:28px;stroke-width:1}.mobile-trigger.hidden{opacity:0;transform:translateY(-65px);pointer-events:none}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;border:0;z-index:15}.stats{gap:10px}.stat{padding:17px;gap:12px}.stat strong{font-size:26px}.panel{padding:18px}.panel-heading{align-items:flex-start;flex-direction:column}.event time{text-align:right;max-width:95px}h1{font-size:29px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}:root{--dh-black-lt: #2e2a38;--dh-black: #282430;--dh-black-dk: #24202b;--dh-black-dk-most: #1e1b24;--dh-red-lt: #d64353;--dh-red: #c23b4d;--dh-red-dk: #a83343;--dh-white-lt: #fefefe;--dh-white: #f0f0f0;--dh-white-dk: #e8e3e7;--dh-lt-grey: #dadada;--maestro-icon-size: 26px;--maestro-icon-stroke: 2;--maestro-icon-button-size: 48px;--maestro-button-radius: 30px}.app.dark{--bg: var(--dh-black-dk-most);--surface: var(--dh-black);--surface2: #303030;--ink: var(--dh-white);--muted: rgba(238, 238, 238, .68);--line: #424242;--accent: var(--dh-red)}.mobile-trigger{border-radius:var(--maestro-button-radius)}.mobile-trigger svg{width:var(--maestro-icon-size);height:var(--maestro-icon-size);stroke-width:var(--maestro-icon-stroke)}.nav-item svg{width:var(--maestro-icon-size);height:var(--maestro-icon-size);stroke-width:var(--maestro-icon-stroke)}@font-face{font-family:Inter;src:url(/fonts/inter/InterVariable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Martian Mono Condensed;src:url(/fonts/martian-mono/MartianMonoCondensedVF.woff2) format("woff2");font-weight:100 800;font-style:normal;font-stretch:75% 112.5%;font-display:swap}@font-face{font-family:Martian Mono Condensed Adjusted;src:url(/fonts/martian-mono/MartianMonoCondensedVF.woff2) format("woff2");font-weight:100 800;font-style:normal;font-stretch:75% 112.5%;size-adjust:91%;font-display:swap}@font-face{font-family:Martian Mono;src:url(/fonts/martian-mono/MartianMonoCondensed-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-stretch:condensed;font-display:swap}:root{--maestro-font-ui: "Inter", system-ui, sans-serif;--maestro-font-mono: "Martian Mono Condensed Adjusted", monospace}body,button,input,select,textarea{font-family:var(--maestro-font-ui)}code,pre,.mono,.technical-value,.sku-code{font-family:var(--maestro-font-mono)}.content h1{font-family:var(--maestro-font-ui);letter-spacing:-.25px;font-weight:650}.brand strong{font-family:Martian Mono Condensed,monospace;font-size:18px;font-weight:700;font-stretch:condensed;letter-spacing:1.2px;line-height:1.2}.brand small{font-family:var(--maestro-font-ui);font-size:11px;letter-spacing:0}@media(max-width:700px){.sidebar{position:fixed;inset:0 0 auto 0;top:0;left:0;width:100%;height:auto;max-height:85dvh;padding:calc(20px + env(safe-area-inset-top)) 20px 22px;overflow-y:auto;overscroll-behavior:contain;border-right:0;border-bottom:1px solid var(--line);border-radius:0 0 22px 22px;transform:translateY(-105%);transition:transform .28s cubic-bezier(.22,1,.36,1);z-index:30}.sidebar.open{transform:translateY(0)}.sidebar .brand{padding:0 58px 22px 0}.sidebar nav{gap:4px}.sidebar .nav-item{min-height:48px}.sidebar-bottom{margin-top:22px}.mobile-trigger{position:fixed;top:calc(14px + env(safe-area-inset-top));left:auto;right:16px;width:48px;height:48px;border-radius:30px;z-index:40}.mobile-trigger svg{width:26px;height:26px;stroke-width:2}.mobile-trigger.hidden{opacity:0;transform:translateY(-65px)}.backdrop{background:#000000a6;z-index:25}}@media(max-width:700px){.sidebar{top:calc(12px + env(safe-area-inset-top));left:18px;right:18px;width:auto;max-height:calc(85dvh - 24px - env(safe-area-inset-top));background:color-mix(in srgb,var(--surface) 75%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 50px #00000040;transform:translateY(calc(-100% - 30px))}.sidebar.open{transform:translateY(0)}.mobile-trigger{top:calc(24px + env(safe-area-inset-top));right:30px}}@media(max-width:700px){.sidebar{top:0;max-height:85dvh;padding-top:calc(20px + env(safe-area-inset-top));border-radius:0 0 22px 22px;transform:translateY(-105%)}.sidebar.open{transform:translateY(0)}.mobile-trigger{top:calc(14px + env(safe-area-inset-top));right:30px}}@media(max-width:700px){.sidebar{border:none}}@media(max-width:700px){.sidebar{background:color-mix(in srgb,var(--surface) 50%,transparent)}}.sidebar .nav-item{font-size:15px}@media(max-width:1199px){.sidebar{position:fixed;inset:0 18px auto 18px;width:auto;height:auto;max-height:85dvh;padding:calc(20px + env(safe-area-inset-top)) 20px 22px;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;background:color-mix(in srgb,var(--surface) 50%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:0 0 22px 22px;box-shadow:0 16px 50px #00000040;transform:translateY(calc(-100% - 30px));transition:transform .28s cubic-bezier(.22,1,.36,1);z-index:30}.sidebar.open{transform:translateY(0)}.sidebar .brand{padding:0 58px 22px 0}.sidebar .nav-item{min-height:48px}.sidebar-bottom{margin-top:22px}.main{margin-left:0}.desktop-header{display:none}.mobile-trigger{display:grid;place-items:center;position:fixed;top:calc(14px + env(safe-area-inset-top));right:30px;left:auto;width:48px;height:48px;background:var(--surface);border:1px solid var(--line);border-radius:30px;color:var(--ink);z-index:40;cursor:pointer}.mobile-trigger svg{width:26px;height:26px;stroke-width:2}.mobile-trigger.hidden{opacity:0;transform:translateY(-65px);pointer-events:none}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;border:0;z-index:25}.content{padding-top:calc(92px + env(safe-area-inset-top))}}@media(min-width:768px)and (max-width:1199px){.content{padding-right:26px;padding-left:26px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.content{padding-right:18px;padding-left:18px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}.notification-root{position:relative}.notification-bell{position:relative;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:30px;background:var(--surface);color:var(--ink);cursor:pointer}.notification-count{position:absolute;top:-4px;right:-4px;min-width:19px;height:19px;padding:0 4px;display:grid;place-items:center;border-radius:20px;background:var(--dh-red, #c23b4d);color:#fff;font-size:10px;font-weight:700}.notification-panel{position:absolute;z-index:100;bottom:58px;left:0;width:min(390px,calc(100vw - 36px));max-height:min(620px,75dvh);overflow:hidden;display:flex;flex-direction:column;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 65px #0006}.notification-heading{display:flex;align-items:center;justify-content:space-between;padding:20px}.notification-heading h2{margin:0 0 4px;font-size:19px}.notification-heading small,.notification-footer{color:var(--muted);font-size:11px}.notification-icon-button,.notification-read-all{display:grid;place-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer}.notification-toolbar{display:flex;justify-content:space-between;padding:0 16px 12px;border-bottom:1px solid var(--line)}.notification-filters{display:flex;gap:6px}.notification-filters button{padding:8px 11px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;font-size:12px}.notification-filters button.selected{background:var(--surface2);color:var(--ink)}.notification-read-all:disabled{opacity:.35;cursor:default}.notification-list{overflow-y:auto}.notification-item{width:100%;display:flex;align-items:flex-start;gap:12px;padding:16px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.notification-item:hover{background:var(--surface2)}.notification-item.unread{background:color-mix(in srgb,var(--accent) 5%,transparent)}.notification-type{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:var(--surface2)}.notification-type.marking{color:#dca45e}.notification-type.order{color:var(--accent)}.notification-copy{flex:1;min-width:0}.notification-copy strong,.notification-copy small,.notification-copy time{display:block}.notification-copy strong{font-size:13px}.notification-copy small{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.45}.notification-copy time{margin-top:7px;color:var(--muted);font-size:10px}.notification-dot{flex:0 0 7px;height:7px;margin-top:7px;border-radius:50%;background:var(--accent)}.notification-empty{padding:35px 20px;color:var(--muted);text-align:center;font-size:13px}.notification-footer{padding:13px 16px;border-top:1px solid var(--line)}.toast-viewport{position:fixed;z-index:200;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;width:min(380px,calc(100vw - 36px));pointer-events:none}.maestro-toast{display:flex;align-items:center;gap:12px;padding:15px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:13px;box-shadow:0 10px 35px #0005;pointer-events:auto;font-size:13px}.maestro-toast.success>svg{color:#57b88a}.maestro-toast.error>svg{color:#df6570}.maestro-toast.warning>svg{color:#dca45e}.maestro-toast.info>svg{color:#78a9dc}.maestro-toast span{flex:1}.maestro-toast button{border:0;background:transparent;color:var(--muted);cursor:pointer}@media(max-width:1199px){.notification-root{position:fixed;top:calc(14px + env(safe-area-inset-top));right:88px;z-index:45}.notification-panel{position:fixed;top:calc(72px + env(safe-area-inset-top));right:18px;bottom:auto;left:auto;max-height:75dvh}}@media(max-width:767px){.toast-viewport{right:18px;bottom:18px}}@media(min-width:1200px){.sidebar .notification-root{position:relative;width:100%}.sidebar .notification-bell{display:flex;justify-content:flex-start;gap:13px;width:100%;height:48px;padding:12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:15px;font-family:var(--maestro-font-ui);text-align:left}.sidebar .notification-bell:hover{background:var(--surface2);color:var(--ink)}.sidebar .notification-bell:after{content:"Уведомления"}.sidebar .notification-count{position:static;margin-left:auto;min-width:19px;height:19px}.sidebar .notification-panel{position:fixed;bottom:80px;left:275px;top:auto}}@media(max-width:1199px){.sidebar .notification-root{position:fixed;top:calc(14px + env(safe-area-inset-top));left:30px;right:auto;z-index:45}.sidebar .notification-bell{width:48px;height:48px;border-radius:30px}.sidebar .notification-panel{position:fixed;top:calc(72px + env(safe-area-inset-top));left:18px;right:18px;bottom:auto;width:auto;max-height:75dvh}}.notification-bell-icon{position:relative;display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px}.notification-bell-icon .notification-count{position:absolute;top:-8px;right:-9px;margin:0;min-width:18px;height:18px;padding:0 4px;font-size:10px}.notification-bell-label{display:none}@media(min-width:1200px){.app>.notification-root{position:fixed;left:14px;bottom:214px;width:232px;z-index:45}.app>.notification-root .notification-bell{display:flex;justify-content:flex-start;align-items:center;gap:13px;width:100%;height:48px;padding:12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-family:var(--maestro-font-ui);font-size:15px;text-align:left}.app>.notification-root .notification-bell:hover{background:var(--surface2);color:var(--ink)}.app>.notification-root .notification-bell-label{display:inline}.app>.notification-root .notification-panel{position:fixed;left:260px;bottom:80px;top:auto}}@media(max-width:1199px){.app>.notification-root{position:fixed;top:calc(14px + env(safe-area-inset-top));left:30px;right:auto;z-index:45}.app>.notification-root .notification-bell{width:48px;height:48px;padding:0;border-radius:30px}.app>.notification-root .notification-panel{position:fixed;top:calc(72px + env(safe-area-inset-top));left:18px;right:18px;bottom:auto;width:auto;max-height:75dvh}}