@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&family=DM+Sans:wght@300;400;500;600;700&display=swap";:root{--bg: #f7f2ec;--surface: #ffffff;--line: rgba(0,0,0,.08);--fg: #1a1613;--muted: #8a7e72;--accent: #c8a882;--accent-dark: #a88960;--accent-ink: #fff;--ok: #4ade80;--warn: #f0c05a;--bad: #f87171;--gold: #c8a882;--wine: 200,168,130;--display: "Playfair Display", Georgia, serif;--font-head: "DM Sans", "Helvetica Neue", sans-serif;--font-mono: "DM Sans", ui-monospace, monospace;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-head);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;letter-spacing:-.02em;font-weight:800}h1{font-size:clamp(28px,4vw,40px);line-height:1.05}h2{font-size:22px}h3{font-size:16px}p{margin:0}.muted{color:var(--muted)}.small{font-size:13px}.accent{color:var(--accent)}.shell{min-height:100%;display:grid;grid-template-rows:auto 1fr}.top{position:sticky;top:0;z-index:10;background:#f7f2eceb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.top .in{max-width:1080px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{font-size:20px;font-weight:700;letter-spacing:-.04em}.logo span{color:var(--accent)}.nav{display:flex;gap:18px;align-items:center;font-size:13px;color:var(--muted)}.nav a.active,.nav a:hover{color:var(--fg)}.wrap{max-width:1080px;margin:0 auto;padding:32px 20px 80px;width:100%}.narrow{max-width:520px;margin:0 auto}.grid{display:grid;gap:16px}.cols-2{grid-template-columns:1fr 1fr}@media (max-width: 760px){.cols-2,.cols-3{grid-template-columns:1fr}}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}.card.hl{border-color:#c8a88273;background:#c8a8820d}.card.hl.ok{border-color:#4ade8073;background:#4ade800d}.card.hl.ok h2 svg{color:var(--ok)}.stat{display:grid;gap:4px}.stat .n{font-size:30px;font-weight:700;letter-spacing:-.04em}.stat .n.accent{color:var(--accent)}.list{display:grid;gap:10px}.item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .2s}.item:hover{border-color:#c8a88280}.item .t{font-weight:600}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.new{color:#fff}.badge.quoted{color:var(--warn)}.badge.accepted,.badge.in_production{color:var(--accent)}.badge.delivered{color:var(--ok)}.badge.closed{color:var(--muted)}.badge.cancelled{color:var(--bad)}.badge.sample{color:#c4b5fd}label{display:grid;gap:6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}input,select,textarea{width:100%;background:#f0ebe3;border:1px solid rgba(0,0,0,.1);color:var(--fg);padding:12px 14px;border-radius:10px;font:inherit;font-size:15px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{min-height:90px;resize:vertical}input[type=file]{padding:9px 12px;font-size:13px;color:var(--muted)}input[type=file]::file-selector-button{background:#0000000a;color:var(--fg);border:1px solid rgba(0,0,0,.12);border-radius:8px;padding:6px 10px;margin-right:10px;font:inherit;font-size:13px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:600;font-size:14px;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:transform .2s,background .2s,opacity .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover:not(:disabled){transform:translateY(-1px)}.btn.ghost{border-color:#00000026;color:var(--fg);background:#00000005}.btn.ghost:hover:not(:disabled){background:#0000000d}.btn.danger{border-color:#f8717166;color:var(--bad);background:transparent}.btn.sm{padding:8px 14px;font-size:13px}.msg{padding:12px 14px;border-radius:10px;font-size:14px}.msg.ok{background:#4ade801a;border:1px solid rgba(74,222,128,.3)}.msg.err{background:#f871711a;border:1px solid rgba(248,113,113,.3)}.msg.info{background:#c8a88214;border:1px solid rgba(200,168,130,.3)}hr{border:0;border-top:1px solid var(--line);margin:16px 0}.kv{display:grid;grid-template-columns:140px 1fr;gap:6px 12px;font-size:14px}.kv dt{color:var(--muted)}.kv dd{margin:0}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{background:none;border:1px solid var(--line);color:var(--muted);padding:7px 12px;border-radius:999px;font:inherit;font-size:13px;cursor:pointer}.tabs button.on{color:var(--fg);border-color:var(--accent)}.chat{display:grid;gap:8px;max-height:420px;overflow-y:auto;padding:4px}.bubble{max-width:80%;padding:10px 14px;border-radius:14px;font-size:14px}.bubble.me{justify-self:end;background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:4px}.bubble.them{justify-self:start;background:#0000000a;border-bottom-left-radius:4px}.bubble .time{display:block;font-size:10px;opacity:.6;margin-top:4px}.photos{display:flex;gap:8px;flex-wrap:wrap}.photos img{width:84px;height:84px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.qr{background:#fff;padding:12px;border-radius:12px;display:inline-block}.spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.12);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.ic{vertical-align:-3px;flex:none}.top .in{gap:10px}.topbar-right{display:flex;align-items:center;gap:8px}.balance-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#00000005;font-size:13px}.balance-pill b{color:var(--accent)}.balance-pill .hold{color:var(--muted);font-size:11px}.iconbtn{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#00000005;color:var(--fg);display:grid;place-items:center;cursor:pointer}.iconbtn:hover{border-color:var(--accent)}.iconbtn .dot{position:absolute;top:6px;right:6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}.menu-links{display:flex;gap:14px;font-size:13px;color:var(--muted)}.menu-links a.active,.menu-links a:hover{color:var(--fg)}@media (max-width: 760px){.menu-links,.balance-pill .hold{display:none}}.dropdown{position:absolute;right:0;top:46px;width:min(380px,92vw);max-height:70vh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 60px #0000001f;z-index:30}.dropdown .hd{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);font-size:13px}.notif{display:grid;grid-template-columns:10px 1fr;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);cursor:pointer}.notif:hover{background:#00000008}.notif .d{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:6px}.notif.read .d{background:transparent;border:1px solid var(--line)}.notif .t{font-size:14px;font-weight:600}.notif.read .t{font-weight:400;color:var(--muted)}.notif .b{font-size:13px;color:var(--muted)}.notif .tm{font-size:11px;color:var(--muted)}.relative{position:relative}.badge .ic{width:12px;height:12px}.badge:before{display:none}.item{grid-template-columns:56px 1fr auto}.thumb{width:56px;height:56px;border-radius:10px;background:#f0ebe3;border:1px solid var(--line);object-fit:cover;display:grid;place-items:center;color:var(--muted);overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb.lg{width:96px;height:96px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 760px){.stats{grid-template-columns:repeat(2,1fr)}}.stat-tile{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.stat-tile .ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.stat-tile .n{font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1}.stat-tile .l{font-size:12px;color:var(--muted)}.c-accent{color:var(--accent);background:#c8a8821f}.c-ok{color:var(--ok);background:#4ade801f}.c-warn{color:var(--warn);background:#fbbf241f}.c-bad{color:var(--bad);background:#f871711f}.c-muted{color:var(--muted);background:#0000000a}.countdown{display:inline-flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;font-weight:700;font-size:20px;letter-spacing:-.02em}.countdown.late{color:var(--warn)}.progress{height:6px;border-radius:999px;background:#0000000f;overflow:hidden}.progress>div{height:100%;background:var(--accent);transition:width 1s linear}.chat-fab{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:40;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;border:0;display:grid;place-items:center;box-shadow:0 10px 30px #c8a88266;cursor:pointer}.chat-fab .dot{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#fff;color:var(--fg);font-size:10px;font-weight:700;display:grid;place-items:center}.chat-panel{position:fixed;right:20px;bottom:calc(86px + env(safe-area-inset-bottom,0px));z-index:40;width:min(380px,calc(100vw - 40px));height:min(520px,70vh);background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px #0000001f;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.chat-panel .hd{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.chat-panel .body{overflow-y:auto;padding:12px;display:grid;gap:8px;align-content:start}.chat-panel form{padding:10px;border-top:1px solid var(--line);display:flex;gap:8px}.chat-panel form input{padding:10px 12px}.subnav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.subnav a{padding:8px 14px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:13px}.subnav a.active{color:var(--fg);border-color:var(--accent);background:#c8a8820f}.thread{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.thread.unread{border-color:#c8a88280}.role-pill{font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(460px,100%);background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;display:grid;gap:14px}.avatar{display:inline-grid;place-items:center;border-radius:50%;background:#0000000f;color:var(--fg);font-weight:700;letter-spacing:.02em;overflow:hidden;flex:none;border:1px solid var(--line)}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.msgrow{display:flex;gap:8px;align-items:flex-end;max-width:85%}.msgrow.me{flex-direction:row-reverse;justify-self:end;margin-left:auto}.msgrow.them{justify-self:start}.msgcol{display:grid;gap:3px;min-width:0}.msgrow.me .msgcol{justify-items:end}.bubble{max-width:100%;padding:10px 14px;border-radius:16px;font-size:14px;word-break:break-word;white-space:pre-wrap}.bubble.me{background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:4px}.bubble.them{background:#0000000a;border-bottom-left-radius:4px}.stamp{font-size:10px;color:#00000059;padding:0 4px}.sysmsg{justify-self:center;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);background:#00000008;border:1px solid var(--line);border-radius:999px;padding:5px 12px;max-width:95%;text-align:center}.sysmsg .ic{color:var(--accent);flex:none}.sysmsg time{font-size:10px;color:var(--muted);margin-left:4px;white-space:nowrap}.chat{gap:10px}.menu-links a{display:inline-flex;align-items:center;gap:6px}.menu-links a .ic{opacity:.8}.avatar-btn{background:none;border:0;padding:0;cursor:pointer;border-radius:50%}.avatar-btn:hover .avatar{border-color:var(--accent)}.profile-menu{width:min(340px,92vw)}.profile-menu label{text-transform:none;letter-spacing:0;font-size:12px}.profile-menu input{padding:9px 12px;font-size:14px}.menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:12px 16px;background:none;border:0;border-top:1px solid var(--line);color:var(--fg);font:inherit;font-size:14px;cursor:pointer;text-align:left}.menu-item:hover{background:#00000008;color:var(--accent)}.thread-row{grid-template-columns:32px 1fr auto;align-items:center}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-tile{font:inherit;color:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}.stat-tile:hover{border-color:#c8a88280}.stat-tile.on{border-color:var(--accent);background:#c8a8820f}.tabs button{display:inline-flex;align-items:center;gap:6px}.tabs button .cnt{font-size:11px;padding:1px 7px;border-radius:999px;background:#0000000d;color:var(--fg)}.tabs button.on .cnt{background:var(--accent);color:var(--accent-ink)}.assignee{display:inline-flex;align-items:center;gap:5px;margin-top:2px;color:var(--fg)}.assignee.muted{color:var(--muted)}.stepper{display:grid;grid-template-columns:40px 1fr auto 40px;align-items:center;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:#f0ebe3;overflow:hidden}.stepper button{height:44px;border:0;background:#00000008;color:var(--fg);cursor:pointer;display:grid;place-items:center}.stepper button:hover:not(:disabled){background:#c8a88226;color:var(--accent)}.stepper button:disabled{opacity:.3;cursor:not-allowed}.stepper input{border:0;background:transparent;text-align:center;font-size:16px;font-weight:600;padding:10px 4px;-moz-appearance:textfield}.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper .suffix{font-size:12px;color:var(--muted);padding-right:8px}.card h3 .ic{vertical-align:-2px;margin-right:4px;color:var(--accent)}select[size]{height:auto;padding:6px}select[size] option{padding:8px 10px;border-radius:6px}.hist{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:14px 16px}.hist .t{font-size:14px}.diff{margin:6px 0 0;padding:0;list-style:none;font-size:13px;display:grid;gap:2px}.diff s{color:var(--muted)}.diff b{color:var(--fg)}.atts{display:grid;gap:6px;max-width:320px}.att-img img{max-width:100%;max-height:260px;border-radius:12px;border:1px solid var(--line);display:block}.att-file{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#00000008;font-size:13px}.att-file:hover{border-color:var(--accent)}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:#00000008;max-width:220px}.chip span,.chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip button{border:0;background:none;color:var(--muted);cursor:pointer;display:grid;place-items:center;padding:0}.cancelled-card{border-color:#f8717173;background:#f871710f}.cancelled-card h2{color:var(--bad);display:flex;align-items:center;gap:8px;font-size:18px}.stack{align-content:start}.show-mobile{display:none!important}@media (max-width: 760px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}}.tab-select{align-items:center;gap:8px}.tab-select select{padding:10px 12px;font-size:14px}.fab-new{position:fixed;left:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:40;width:56px;height:56px;border-radius:50%;background:var(--fg);color:var(--bg);align-items:center;justify-content:center;box-shadow:0 10px 30px #0000002e}@media (max-width: 760px){.dropdown{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-height:none;border-radius:0;border:0;z-index:60}.dropdown .hd{position:sticky;top:0;background:var(--surface);padding:14px 16px}.chat-panel{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100%;border-radius:0;border:0;z-index:60}.wrap{padding:20px 14px 90px}.kv{grid-template-columns:1fr;gap:2px 0}.kv dt{margin-top:8px}.item{grid-template-columns:64px 1fr}.item .badge{grid-column:2;justify-self:start}.item .thumb{width:64px;height:64px}.stats{gap:8px}.stat-tile{padding:10px 12px}.stat-tile .n{font-size:18px}h1{font-size:26px}}.iconbtn{flex:none}.iconbtn.sm{width:30px;height:30px}.item{grid-template-columns:72px 1fr auto}.thumb{width:72px;height:72px}.order-head{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}@media (max-width: 760px){.order-head{grid-template-columns:auto 1fr}.order-head .badge{grid-column:1 / -1;justify-self:start}.thumb.lg{width:72px;height:72px}}.facts{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}.facts li{display:grid;grid-template-columns:16px 1fr;gap:10px;align-items:start}.facts .ic{color:var(--accent);margin-top:3px}.card h2 .ic{color:var(--accent);vertical-align:-3px;margin-right:4px}.ratios{display:flex;gap:8px;flex-wrap:wrap}.ratios button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.1);background:#f0ebe3;color:var(--fg);font:inherit;font-size:13px;cursor:pointer}.ratios button.on{border-color:var(--accent);color:var(--accent)}.ratios .rbox{display:inline-block;border:1.5px solid currentColor;border-radius:2px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.seg button{border:0;background:none;color:var(--muted);padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.seg button.on{background:#c8a88226;color:var(--accent)}.video-row{display:grid;grid-template-columns:16px auto 1fr auto auto;gap:10px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#f0ebe3;font-size:14px}.video-row .seg{justify-self:start}.lbl{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.lbl .muted{text-transform:none;letter-spacing:0}.quote-box{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-radius:14px;border:1px solid rgba(200,168,130,.45);background:#c8a8820f}.quote-box .q{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.quote-box .qv{font-size:15px;font-weight:400;color:var(--muted)}.deliveries{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.dlv{display:grid;gap:6px}.dlv img,.dlv video{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#000}.dlv-file{aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.kpi{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.kpi .ico{grid-row:1 / 3;width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.kpi .n{font-size:18px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.kpi .l{font-size:11px;color:var(--muted)}.kpi:not(:has(.ico)){grid-template-columns:1fr}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%);background:#2a2520;color:#f7f2ec;border:1px solid rgba(0,0,0,.15);padding:10px 18px;border-radius:12px;z-index:100;font-size:14px;font-weight:600;box-shadow:0 10px 40px #00000040;animation:toast-in .2s ease,toast-out .3s ease 2.2s forwards}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%,10px)}}.concept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;transition:opacity .15s}.concept-grid.dim{opacity:.4}.concept-grid.photos{grid-template-columns:repeat(6,minmax(0,1fr))}.concept-grid.videos{grid-template-columns:repeat(2,minmax(0,1fr));max-width:300px}@media (max-width: 760px){.concept-grid.photos{grid-template-columns:repeat(3,minmax(0,1fr))}.concept-grid.videos{max-width:66%}}.concept{position:relative;border:1px solid var(--line);border-radius:12px;padding:0;aspect-ratio:1 / 1;cursor:pointer;overflow:hidden;background:none;font:inherit;color:#fff;transition:transform .12s,border-color .12s,box-shadow .12s}.concept:hover{border-color:#c8a88299;transform:translateY(-1px)}.concept-th{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.concept-th img,.concept-th video{width:100%;height:100%;object-fit:cover;display:block}.concept-th:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0a08067a;transition:background .12s}.concept-th b{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;font-size:13px;font-weight:700;text-align:center;padding:0 8px;letter-spacing:.01em;text-shadow:0 1px 6px rgba(0,0,0,.75)}.concept.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 8px 22px #c8a88259;transform:translateY(-2px)}.concept.on .concept-th:after{background:#c8a88242}.concept-check{position:absolute;top:6px;right:6px;z-index:3;width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center}.btn.primary.of-cta{background:var(--ok);color:#07230e}.btn.primary.of-cta:hover{filter:brightness(1.06)}.concept-th.clean_studio{background:linear-gradient(135deg,#ece8e1,#a9a49b)}.concept-th.styled_studio{background:linear-gradient(135deg,#c96f3b,#6e3419)}.concept-th.outdoor_city{background:linear-gradient(135deg,#7d8ea1,#272e38)}.concept-th.outdoor_nature{background:linear-gradient(135deg,#8fae7d,#2e4a30)}.concept-th.lifestyle{background:linear-gradient(135deg,#dcab8b,#7d4b36)}.concept-th.macro_texture{background:linear-gradient(135deg,#b0876a,#4a3225)}.concept-th.mix{background:linear-gradient(120deg,#ece8e1 0,#ece8e1 20%,#c96f3b 20%,#c96f3b 40%,#8fae7d 40%,#8fae7d 60%,#dcab8b 60%,#dcab8b 80%,#6e5b4a 80%)}.concept-th.product_motion{background:linear-gradient(135deg,#9a8a7a,#3a2e24)}.concept-th.editorial_film{background:linear-gradient(135deg,#c99a6b,#52311f)}a.kpi:hover{border-color:var(--accent)}.charts-grid .card{padding:16px}.chart-title{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.chart-tooltip{position:absolute;pointer-events:none;background:#222;color:#f4efe9;font-size:12px;font-weight:600;padding:5px 10px;border-radius:6px;white-space:nowrap;z-index:20;transform:translate(-50%);box-shadow:0 2px 8px #0006}.chart-svg{width:100%;display:block}.chart-x{display:grid;font-size:10px;color:var(--muted);text-align:center;margin-top:4px}.legend{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:13px}.legend li{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center}.legend .sw{width:10px;height:10px;border-radius:3px}.hbars{display:grid;gap:8px}.hbar{display:grid;grid-template-columns:110px 1fr 48px;gap:10px;align-items:center;font-size:13px}.hbar .track{height:8px;border-radius:999px;background:#0000000d;overflow:hidden}.hbar .track div{height:100%;border-radius:999px}.hbar b{text-align:right}.client-row{display:flex;align-items:center;gap:12px;padding:12px 16px}.client-stats{display:flex;gap:14px;align-items:center;font-size:13px}.client-stats span{display:flex;align-items:center;gap:4px}.client-detail{padding:0 16px 16px;display:grid;gap:14px;border-top:1px solid rgba(0,0,0,.05)}.client-detail h4{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}table.compact{font-size:13px}table.compact td{padding:4px 8px 4px 0}.product-thumb{border-radius:8px;overflow:hidden;background:var(--surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted)}.product-thumb img{width:100%;height:100%;object-fit:cover}.search-input{background:var(--surface);border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:6px 12px;font-size:14px;color:var(--fg)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-grid .dow{font-size:10px;color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.06em}.cal-grid .day{aspect-ratio:1;border:1px solid var(--line);border-radius:8px;background:none;color:var(--fg);font:inherit;font-size:12px;cursor:pointer;display:grid;place-items:center;align-content:center;gap:3px;padding:2px}.cal-grid .day.today{border-color:var(--accent)}.cal-grid .day.on{background:#c8a8821f}.cal-grid .dots{display:flex;gap:2px}.cal-grid .dots i,.cal-dot{display:inline-block;width:6px;height:6px;border-radius:50%}.cal-dot.due{background:var(--warn)}.cal-dot.done{background:var(--ok)}.cal-dot.new{background:var(--muted)}.cal-grid .dots i.due{background:var(--warn)}.cal-grid .dots i.done{background:var(--ok)}.cal-grid .dots i.new{background:var(--muted)}.avatar.bot{background:#c8a88226;color:var(--accent)}.center{text-align:center}.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 760px){.cols-3{grid-template-columns:1fr}}.chat-panel{grid-template-rows:auto minmax(0,1fr)}.chat-panel .chatwrap{min-height:0;height:100%}.chat-panel .body{min-height:0;overflow-y:auto}.chat-panel .chatwrap>form{padding:10px 12px;border-top:1px solid var(--line)}.shell.admin{grid-template-columns:230px 1fr;grid-template-rows:1fr}.shell.admin .main{min-width:0;display:grid;grid-template-rows:auto 1fr}.side{position:sticky;top:0;height:100vh;background:var(--surface);border-right:1px solid var(--line);display:grid;grid-template-rows:auto 1fr auto;padding:16px 12px;gap:16px}.side-top{display:flex;justify-content:space-between;align-items:center;padding:4px 8px}.side-nav{display:grid;gap:2px;align-content:start}.side-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:14px;color:var(--muted)}.side-nav a:hover{background:#0000000a;color:var(--fg)}.side-nav a.active{background:#c8a8821f;color:var(--accent)}.side-foot{display:grid;gap:10px;justify-items:center}.side-bg{display:none}.page-title{font-weight:700;font-size:16px;letter-spacing:-.02em}.shell.admin .wrap{max-width:1240px}@media (max-width: 760px){.shell.admin{grid-template-columns:1fr}.side{position:fixed;inset:0 auto 0 0;width:260px;z-index:70;transform:translate(-100%);transition:transform .2s}.side.open{transform:none}.side-bg{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:65}}.thread.on{border-color:var(--accent)}@media (max-width: 760px){.inbox-grid{grid-template-columns:1fr!important}}.auth-page{min-height:calc(100vh - 200px);display:grid;align-content:center;gap:20px}@media (max-width: 760px){.auth-page{min-height:calc(100vh - 160px)}}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-right .menu-links{margin-right:6px}.balance-pill.big{font-size:17px;padding:8px 12px 8px 14px;gap:8px}.balance-pill.big .ic{color:var(--accent)}.linkbtn{background:none;border:0;padding:0;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.linkbtn:hover{color:var(--accent)}.auth-page{gap:28px;padding:24px 0}.auth-page .card{padding:28px;gap:18px}.signup-benefits{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;font-size:13px;color:var(--accent);font-weight:600}.chat-fab{right:40px;bottom:calc(40px + env(safe-area-inset-bottom,0px))}.chat-panel{right:40px;bottom:calc(108px + env(safe-area-inset-bottom,0px))}.fab-order{position:fixed;right:108px;bottom:calc(40px + env(safe-area-inset-bottom,0px));z-index:40;height:56px;padding:0 20px 0 16px;border-radius:999px;background:var(--fg);color:var(--bg);display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;box-shadow:0 10px 30px #0000002e}.fab-order:hover{background:var(--accent-dark)}@media (max-width: 760px){.fab-order{right:auto;left:28px;width:56px;padding:0;justify-content:center}.chat-fab{right:28px;bottom:calc(28px + env(safe-area-inset-bottom,0px))}.chat-panel{top:0;left:0;right:0;bottom:0;width:100vw;height:100%;max-height:none;border-radius:0;border:0;z-index:60}}.dropdown.mini{width:240px}.dropdown.mini .menu-item{border-top:1px solid var(--line)}.avatar-btn{position:relative}.avatar-edit{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;border:2px solid var(--bg)}.settings label{font-size:11px}.modal.order-modal{width:min(880px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:20px 22px;gap:14px}.order-form.compact,.order-form.card{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}@media (max-width: 760px){.order-form.compact,.order-form.card{grid-template-columns:1fr}.modal.order-modal{padding:16px;max-height:100vh;border-radius:0}.modal-bg{padding:0}}.of-col{display:grid;gap:8px;align-content:start}.of-stack{display:grid;gap:26px;align-content:start}.of-col h3{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:6px;margin-bottom:2px}.of-col h3 .ic{color:var(--accent)}.of-row{display:grid;grid-template-columns:16px 1fr;gap:8px;align-items:center}.of-row.top{align-items:start}.of-row.top .ic{margin-top:12px}.of-row .ic{color:var(--muted)}.of-row input,.of-row textarea{padding:9px 12px;font-size:14px}.of-row textarea{min-height:0;resize:none}.dropzone{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px dashed rgba(0,0,0,.18);border-radius:10px;cursor:pointer;font-size:13px;text-transform:none;letter-spacing:0;color:var(--fg)}.dropzone:hover{border-color:var(--accent)}.dropzone .ic{color:var(--accent)}.dropzone .muted{margin-left:auto}.ratios.compact button{padding:6px 10px;font-size:12px}.of-line{display:grid;grid-template-columns:1fr auto 60px;gap:10px;align-items:center;font-size:14px}.of-l{display:inline-flex;align-items:center;gap:6px}.of-l .ic{color:var(--muted)}.of-p{text-align:right;font-variant-numeric:tabular-nums}.of-line .stepper{width:150px;grid-template-columns:34px 1fr 34px}.of-line .stepper button{height:36px}.of-line .stepper input{padding:6px 2px;font-size:14px}.of-line .seg button{padding:5px 10px;font-size:12px}.of-foot{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--line);margin-top:4px}.of-foot .q{font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.of-foot .qv{font-size:14px;font-weight:400;color:var(--muted)}.inbox-grid.has-open .thread-list{display:grid}@media (max-width: 760px){.inbox-grid.has-open .thread-list{display:none}.inbox-grid:not(.has-open) .thread-open{display:none}}.of-row.align-top{align-items:start}.of-row.align-top .ic{margin-top:12px}.of-col h3 .step{width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:inline-grid;place-items:center;font-size:11px;font-weight:700}.of-label{display:flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:2px}.of-label .ic{color:var(--muted)}.ratios.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ratios.tiles button{display:grid;justify-items:center;gap:3px;padding:8px 4px;font-size:11px;color:var(--muted);border-radius:10px}.ratios.tiles button b{color:var(--fg);font-size:12px}.ratios.tiles button.on b{color:var(--accent)}.ratios.tiles .rbox{margin-bottom:2px}.of-l small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-left:20px}.of-l{display:block}.of-l .ic{vertical-align:-2px;margin-right:6px}.of-line{grid-template-columns:1fr auto 64px;padding:6px 0;border-bottom:1px dashed var(--line)}.of-line:last-of-type{border-bottom:0}.dropzone.add{border-style:dashed;justify-content:flex-start;width:100%;background:none;font:inherit}.thumbs{display:flex;gap:6px;flex-wrap:wrap}.thumbs .th{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}.thumbs .th img{width:100%;height:100%;object-fit:cover;display:block}.thumbs .th button{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;border:0;background:#000000b3;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}.modal.order-modal h2{font-size:20px}@media (max-width: 760px){.modal.order-modal{display:grid;grid-template-rows:auto 1fr;height:100vh;max-height:100vh;padding:14px 14px 0}.order-form.compact{grid-template-rows:auto auto auto;overflow:auto;padding-bottom:8px}.of-foot{position:sticky;bottom:0;background:var(--surface);padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));margin-top:0}.of-foot .q{font-size:22px}.of-foot .btn.primary{padding:12px 18px}.ratios.tiles{grid-template-columns:repeat(4,1fr)}.ratios.tiles button{padding:8px 2px;font-size:10px}}@media (max-width: 760px){.of-foot,.of-foot .row{flex-wrap:nowrap}.of-foot .btn.ghost{display:none}.of-foot .qv{display:block;font-size:12px}.dropzone .small.muted{font-size:11px}}.order-form{display:grid;grid-template-columns:1fr;gap:26px;max-width:720px;margin:0 auto;width:100%}.of-span{grid-column:1 / -1}.of-photos{display:flex;flex-wrap:wrap;gap:8px}.of-photos .th{position:relative;width:64px;height:64px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.of-photos .th img{width:100%;height:100%;object-fit:cover;display:block}.of-photos .th button{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;border:0;background:#000000b3;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}.of-photos .th.add{border:1px dashed rgba(0,0,0,.18);display:grid;place-items:center;align-content:center;gap:2px;cursor:pointer;color:var(--muted);font-size:11px;text-transform:none;letter-spacing:0}.of-photos .th.add:hover{border-color:var(--accent);color:var(--accent)}.of-photos .photos{display:contents}.of-photos .photos a{width:64px;height:64px;border-radius:10px;overflow:hidden}.of-photos .photos img{width:64px;height:64px;object-fit:cover}.of-item{border:1px solid var(--line);border-radius:12px;padding:8px 10px;display:grid;gap:8px;background:#f0ebe3}.of-item.on{border-color:#00000024;background:#ede7de}.of-item-head{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center}.of-item-head .of-p{text-align:right;white-space:nowrap;min-width:64px}.of-item-body{display:flex;align-items:center;gap:10px;padding-top:8px;border-top:1px dashed var(--line)}.of-l{display:inline-flex;align-items:center;gap:6px;font-size:14px}.of-l .ic{color:var(--accent)}.ratios.sm{display:flex;gap:6px}.ratios.sm button{padding:4px 8px;font-size:11px;gap:5px;border-radius:8px}.iconbtn.xs{width:24px;height:24px;border-color:transparent;color:var(--muted)}.iconbtn.xs:hover{color:var(--bad)}.of-add{width:100%;padding:10px;border:1px dashed rgba(0,0,0,.18);border-radius:12px;background:none;color:var(--fg);font:inherit;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.of-add:hover{border-color:var(--accent);color:var(--accent)}.of-item .stepper{width:132px;grid-template-columns:32px 1fr 32px}.of-item .stepper button{height:34px}.of-item .stepper input{padding:4px 2px;font-size:14px}.of-foot{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:14px 16px;border:0;border-radius:14px;background:#c8a88212;margin-top:6px}.of-total{display:grid;gap:2px}.of-total .q{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.of-total .qv{font-size:14px;font-weight:400;color:var(--muted)}.of-note{display:inline-flex;align-items:center;gap:5px;font-size:12px}.of-note .ic{color:var(--ok)}.of-cta{padding:14px 22px;font-size:15px}@media (max-width: 760px){.of-foot{grid-template-columns:1fr;gap:10px;position:sticky;bottom:0}.of-cta{width:100%}.of-item-head{grid-template-columns:1fr auto auto auto;gap:6px}.of-item .stepper{width:112px}}@media (max-width: 760px){.modal.order-modal .order-form{overflow:auto;min-height:0;padding-bottom:8px}.of-foot{background:var(--surface);border-top:1px solid var(--line);border-radius:12px 12px 0 0;margin:8px -14px 0;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px))}}.order-page{max-width:960px;margin:0 auto;display:grid;gap:20px}.order-card{padding:28px}.order-no{text-align:left;display:grid}.order-no b{font-size:18px;letter-spacing:.02em;color:var(--accent)}.order-form{gap:16px 32px}.of-field{display:grid;gap:6px;text-transform:none;letter-spacing:0;font-size:13px;color:var(--muted)}.of-field>span{display:inline-flex;align-items:center;gap:6px}.of-field .ic{color:var(--accent)}.of-field input,.of-field textarea{font-size:14px}.of-field textarea{resize:vertical;min-height:0}.of-notes{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:3px;font-size:12px;color:var(--muted)}.of-notes li{display:flex;align-items:center;gap:6px}.of-notes .ic{color:var(--ok);flex:none}.of-cta .cta-price{font-weight:700;margin-left:4px}.of-foot{padding:18px 20px}.of-photos .th.add{background:none;font:inherit}@media (max-width: 760px){.order-card{padding:18px 14px}.of-foot{position:static;margin:0;border-radius:14px;border:0;background:#c8a88212}.order-no{text-align:left}}.order-no{margin-top:6px;font-size:15px}.order-no b{color:var(--accent);letter-spacing:.02em}.order-card{padding:8px 0 0}.order-form{gap:22px 40px}.of-col{gap:14px}.of-col h3{margin-bottom:4px}.ratio-select{width:auto;padding:6px 30px 6px 10px;font-size:13px;background:#f0ebe3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a9088' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;-moz-appearance:none;appearance:none;-webkit-appearance:none}.of-check{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;text-transform:none;letter-spacing:0;font-size:14px;color:var(--fg)}.of-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent)}.of-check small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.of-item{padding:12px 14px;gap:10px}.of-foot{display:grid;grid-template-columns:1fr;gap:12px;padding:22px 0 0;background:none;border:0;border-top:1px solid var(--line);border-radius:0;margin-top:8px;justify-items:start}.of-cta{padding:15px 26px;font-size:16px}.of-notes{margin:0}.confirm-total{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:15px}.confirm-total b{font-size:22px}@media (max-width: 760px){.of-foot{position:static;margin:0;background:none;border-radius:0;padding:18px 0 0}.of-cta{width:100%}}.side-nav a{position:relative}.side-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700;display:grid;place-items:center}.item-right{display:grid;justify-items:end;gap:6px}.item-price{font-size:15px}@media (max-width: 760px){.item-right{grid-column:2;justify-items:start;grid-auto-flow:column;align-items:center}.item .badge{grid-column:auto}}.of-check{border:0;padding:4px 0}.of-foot{justify-items:end}.of-foot .of-notes{justify-self:end;text-align:right}.of-foot .of-notes li{justify-content:flex-end}.prod-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.prod-chips button{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.prod-chips button.on{border-color:var(--accent);color:var(--accent)}.ratio-pick{position:relative}.ratio-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:#f0ebe3;color:var(--fg);font:inherit;font-size:13px;cursor:pointer}.ratio-btn .chev{transform:rotate(-90deg);color:var(--muted)}.ratio-menu{position:absolute;left:0;top:36px;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:4px;display:grid;min-width:170px;box-shadow:0 12px 40px #0000001f}.ratio-menu button{display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:8px;background:none;color:var(--fg);font:inherit;font-size:13px;cursor:pointer;text-align:left}.ratio-menu button:hover{background:#0000000a}.ratio-menu button.on{color:var(--accent)}.rbox{display:inline-block;border:1.5px solid currentColor;border-radius:2px;flex:none}@media (max-width: 760px){.of-foot{justify-items:stretch}.of-foot .of-notes{justify-self:start;text-align:left}.of-foot .of-notes li{justify-content:flex-start}}.badge.accepted{color:#60a5fa}.cd-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}.cd-chip.late{color:var(--warn)}.of-notes-wrap{display:grid;gap:10px;justify-items:end}.h24{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:#fbbf2424;color:var(--fg);font-size:14px}.h24 .ic{color:var(--warn)}.h24 b{font-size:16px;color:var(--warn)}.h24 span{color:var(--muted);font-size:13px}.modal .of-notes-wrap{justify-items:start}.order-no{font-size:16px}@media (max-width: 760px){.of-notes-wrap{justify-items:start}}.prospect-row{display:flex;align-items:center;gap:12px;padding:14px 16px!important;cursor:pointer}.prospect-row:hover{background:#00000005}.outreach-msg{padding:14px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.outreach-body{font-size:14px;line-height:1.55;white-space:pre-line;color:var(--fg);opacity:.9;max-height:200px;overflow-y:auto}.chip.active{background:var(--accent);color:var(--accent-ink)}.task-row{transition:border-color .2s}.task-row:hover{border-color:#00000026}.task-check{width:24px;height:24px;border-radius:6px;border:2px solid var(--line);background:none;cursor:pointer;display:grid;place-items:center;color:transparent;transition:all .2s;flex-shrink:0}.task-check:hover{border-color:var(--accent)}.task-check.done{background:var(--ok);border-color:var(--ok);color:#fff}.badge,th,.of-col h3,.chart-title,.side-nav a,.menu-links a,.order-no b,.stamp,.tabs button,.chip,.linkbtn{font-family:var(--font-mono)}.of-col h3{letter-spacing:.16em;font-weight:400}.side-nav a,.menu-links a{text-transform:uppercase;font-size:11.5px;letter-spacing:.14em}th{letter-spacing:.14em;font-weight:400}.badge{border-color:#0000001f;font-size:10.5px;letter-spacing:.12em}.order-no b{letter-spacing:.1em}.btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700;border-radius:10px}.btn.ghost{border:1px solid rgba(0,0,0,.18);background:none}.btn.ghost:hover{border-color:#0006}.btn.primary.of-cta{font-size:13px;padding:16px 24px;border-radius:12px}.card{border-radius:18px}.card.hl{background:linear-gradient(155deg,rgba(var(--wine),.12),rgba(var(--wine),.03) 55%,transparent);border-color:#c8a8824d}.item{border-radius:14px}tbody tr{border-bottom:1px dashed rgba(0,0,0,.08)}tbody td{border-bottom:0}input,select,textarea{background:#f0ebe3;border-radius:12px}.kpi,.modal{border-radius:16px}.stat .n,.kpi .n,.concept-th b{font-family:var(--font-head)}.logo{font-family:var(--font-head);font-weight:800}.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.prod-tile{position:relative;aspect-ratio:1 / 1;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.prod-tile .product-thumb{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;background:var(--surface);display:grid;place-items:center;color:var(--muted)}.prod-tile .product-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.prod-tile:hover{border-color:#0000002e}.prod-tile:hover .product-thumb img{transform:scale(1.045)}.prod-meta{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;gap:1px;padding:34px 12px 10px;background:linear-gradient(transparent,#0a090ce0)}.prod-actions{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;gap:8px;align-items:flex-end;justify-content:space-between;padding:10px;background:#1a161373;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .18s ease}.prod-tile:hover .prod-actions,.prod-tile:focus-within .prod-actions{opacity:1}.prod-actions .iconbtn{background:#ffffffd9}@media (hover: none){.prod-actions{opacity:1;background:linear-gradient(rgba(26,22,19,.35),transparent 55%);align-items:flex-start;padding-top:10px}}@media (prefers-reduced-motion: no-preference){@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}}.wrap>*{animation:fadeUp .4s ease both}.modal{animation:fadeUp .22s ease both}.card,.item,.kpi,.btn,.iconbtn,.chip,.concept,.prod-tile,input,select,textarea,.side-nav a,.menu-links a,.badge,.linkbtn,.balance-pill,.ratio-btn{transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease,opacity .18s ease}.card:hover,.kpi:hover{border-color:#0000001f}.item:hover,.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.iconbtn:hover{background:#0000000d}.side-nav a:hover{color:var(--fg);background:#0000000a;border-radius:10px}.chip:hover,.ratio-btn:hover,.balance-pill:hover{border-color:#0003}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #c8a8822e}tbody tr{transition:background .15s ease}tbody tr:hover{background:#00000006}.notif:hover,.dropdown .hd{transition:background .15s ease}.notif:hover{background:#00000008}}.prod-actions{gap:6px}.prod-actions .btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:10.5px;padding:8px 14px;letter-spacing:.08em}.prod-actions .btn:hover:not(:disabled){transform:translate(-50%,-50%)}.prod-actions .iconbtn{width:32px;height:32px}@media (hover: hover){.item .item-price,.item .item-right .btn{opacity:0;transition:opacity .16s ease}.item:hover .item-price,.item:hover .item-right .btn,.item:focus-within .item-right .btn{opacity:1}.prospect-row .hide-mobile{opacity:0;transition:opacity .16s ease}.prospect-row:hover .hide-mobile{opacity:1}.client-detail>.row .btn{opacity:0;transition:opacity .16s ease}.card:hover .client-detail>.row .btn,.client-detail>.row .btn:focus{opacity:1}.msgrow .stamp{opacity:0;transition:opacity .16s ease}.msgrow:hover .stamp{opacity:1}.mp-row .iconbtn,.mp-row .btn{opacity:0;transition:opacity .16s ease}.mp-row:hover .iconbtn,.mp-row:hover .btn,.mp-row .btn.on{opacity:1}}.client-row:hover{background:#00000005}.sysmsg{transition:color .15s ease}.sysmsg:hover{color:var(--fg)}@media (prefers-reduced-motion: no-preference){.card:hover,.item:hover,.kpi:hover,.prod-tile:hover,.concept:hover,.chip:hover,.ratio-btn:hover,.balance-pill:hover,.client-row:hover,.prospect-row:hover{box-shadow:0 0 0 1px #0000000d,0 10px 32px #c8a8821f}.btn:hover:not(:disabled){box-shadow:0 6px 20px #c8a88238}.btn.primary.of-cta:hover:not(:disabled){box-shadow:0 8px 26px #4ade8047}.iconbtn:hover{box-shadow:0 0 0 1px #00000014}.side-nav a:hover,.menu-links a:hover{text-shadow:0 0 14px rgba(0,0,0,.08)}input:hover,select:hover,textarea:hover{border-color:#0000002e}@keyframes popIn{0%{opacity:0;transform:translateY(6px) scale(.985)}}.card,.item,.kpi,.prod-tile,.concept,.of-item{animation:popIn .32s ease both}.list>*:nth-child(1),.kpis>*:nth-child(1),.prod-grid>*:nth-child(1),.concept-grid>*:nth-child(1){animation-delay:.02s}.list>*:nth-child(2),.kpis>*:nth-child(2),.prod-grid>*:nth-child(2),.concept-grid>*:nth-child(2){animation-delay:.06s}.list>*:nth-child(3),.kpis>*:nth-child(3),.prod-grid>*:nth-child(3),.concept-grid>*:nth-child(3){animation-delay:.1s}.list>*:nth-child(4),.kpis>*:nth-child(4),.prod-grid>*:nth-child(4),.concept-grid>*:nth-child(4){animation-delay:.14s}.list>*:nth-child(5),.kpis>*:nth-child(5),.prod-grid>*:nth-child(5),.concept-grid>*:nth-child(5){animation-delay:.18s}.list>*:nth-child(6),.kpis>*:nth-child(6),.prod-grid>*:nth-child(6),.concept-grid>*:nth-child(6){animation-delay:.22s}.list>*:nth-child(n+7),.kpis>*:nth-child(n+7),.prod-grid>*:nth-child(n+7){animation-delay:.26s}.msgrow,.sysmsg{animation:popIn .26s ease both}.dropdown,.ratio-menu,.chat-panel{animation:popIn .2s ease both;transform-origin:top right}.modal-bg{animation:fadeUp .18s ease both}.modal{animation:popIn .24s ease both}}.order-form{max-width:880px}.of-pair{display:grid;grid-template-columns:300px 1fr;gap:14px;align-items:stretch}.of-pair .of-item{margin:0}.of-pair .stepper{width:118px}.of-pair .concept-grid{height:100%;grid-auto-rows:1fr;align-content:stretch}.of-pair .concept{aspect-ratio:auto;height:100%}.of-pair .concept-grid.videos{max-width:420px}@media (max-width: 760px){.of-pair{grid-template-columns:1fr}.of-pair .concept-grid.videos{max-width:66%}}.order-form{grid-template-columns:minmax(0,1fr) 280px;max-width:1200px;gap:26px 28px;align-items:start}.of-main{display:grid;gap:26px;min-width:0}.of-side{position:sticky;top:92px;display:grid;gap:14px;align-content:start}.of-side .of-cta{width:100%;justify-content:center}.of-pair{grid-template-columns:340px 1fr;align-items:center}.of-pair .concept-grid{height:auto;grid-auto-rows:auto;align-content:center}.of-pair .concept{aspect-ratio:1 / 1;height:auto}.of-pair .concept-grid.videos{max-width:320px}@media (max-width: 900px){.order-form{grid-template-columns:1fr}.of-side{position:static}.of-pair{grid-template-columns:1fr}}.order-form{grid-template-columns:minmax(0,1fr) 300px}.of-side{border-left:1px solid rgba(0,0,0,.06);padding-left:28px}.of-pair{grid-template-columns:400px 1fr;align-items:stretch}.of-fmt{display:grid;grid-template-rows:1fr auto;gap:7px;min-width:0}.of-out{margin:0;font-size:12px;color:var(--muted, #9a93a8);opacity:.85}.of-pair .concept-grid{height:100%;max-width:none;justify-content:start;align-content:stretch}.of-pair .concept-grid.photos{grid-template-columns:repeat(3,auto);grid-template-rows:1fr 1fr;gap:10px}.of-pair .concept-grid.videos{grid-template-columns:repeat(2,auto);grid-template-rows:1fr;gap:10px;max-width:none}.of-pair .concept{height:100%;width:auto;aspect-ratio:1 / 1}@media (max-width: 900px){.of-side{border-left:0;padding-left:0}.of-pair{grid-template-columns:1fr}.of-fmt{grid-template-rows:auto auto}.of-pair .concept-grid{height:auto}.of-pair .concept-grid.photos{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto}.of-pair .concept-grid.videos{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.of-pair .concept{height:auto;width:100%}}.of-pair{grid-template-columns:1fr;gap:12px;align-items:start}.of-fmt{grid-template-rows:auto auto}.of-pair .concept-grid{height:auto;align-content:start}.of-pair .concept-grid.photos{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto;gap:10px}.of-pair .concept-grid.videos{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:10px;max-width:420px}.of-pair .concept{height:auto;width:auto;aspect-ratio:1 / 1}.of-side .of-cta{white-space:nowrap}@media (max-width: 900px){.of-pair .concept-grid.photos{grid-template-columns:repeat(3,minmax(0,1fr))}}.of-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.of-side{align-self:stretch;position:static;top:auto}.of-side .h24{white-space:nowrap}.of-side .h24 b{font-size:14px}.of-side .h24 span{font-size:12px}@media (max-width: 900px){.of-duo{grid-template-columns:1fr}.of-side{align-self:auto}.of-side .h24{white-space:normal}}.of-duo>.of-fmt{min-width:0}.of-duo .of-item-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.of-duo .of-item-head .of-l{margin-right:auto}.of-duo .of-item-head .of-p{min-width:0;margin-left:auto}@media (max-width: 1100px){.of-duo{grid-template-columns:1fr}}@media (max-width: 900px){.order-form{grid-template-columns:1fr;max-width:720px;gap:22px}.of-main{min-width:0}.of-side{border-left:0;padding-left:0;align-self:auto;position:static}.of-side .h24{white-space:normal}.of-duo{grid-template-columns:1fr}}.of-side .h24{background:none;border:1px solid rgba(251,191,36,.25);justify-content:center;width:100%}.of-out{text-align:center}.toast.center{top:50%;bottom:auto;transform:translate(-50%,-50%);font-size:15px;padding:14px 22px;border-color:var(--accent)}.flash{animation:flash-glow 1.3s ease;border-radius:14px}@keyframes flash-glow{0%{box-shadow:0 0 #c8a88200}25%{box-shadow:0 0 0 3px #c8a882d9,0 0 34px #c8a88266}to{box-shadow:0 0 #c8a88200}}.of-duo .of-item{height:100%;align-content:start}.of-total{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap}.of-total b{font-size:30px;font-weight:800;color:var(--ok);line-height:1}.of-total s{font-size:17px;color:var(--muted)}.of-total-vnd{font-size:13px;color:var(--muted);width:100%;text-align:center}.modal .h24{background:none;border:1px solid rgba(251,191,36,.25);justify-content:center;width:100%}.of-duo{align-items:start}.of-duo .of-fmt{grid-template-rows:auto auto}.of-duo{align-items:stretch}.of-duo .of-fmt{grid-template-rows:1fr auto}.of-duo .of-item{height:auto}.of-duo .of-item.on{height:100%}.modal .of-cta{width:auto}.of-faq{display:grid;gap:0;margin-top:4px}.of-faq details{border-top:1px solid var(--line)}.of-faq details:last-child{border-bottom:1px solid var(--line)}.of-faq summary{list-style:none;cursor:pointer;padding:12px 2px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:600;color:var(--fg)}.of-faq summary::-webkit-details-marker{display:none}.of-faq summary:after{content:"+";font-family:var(--mono);color:var(--muted);font-size:15px;flex:none;transition:transform .25s}.of-faq details[open] summary:after{transform:rotate(45deg);color:var(--accent)}.of-faq p{margin:0 2px 14px;font-size:13px;color:var(--muted);line-height:1.5}.site-foot{margin-top:64px;padding:80px 0 48px;border-top:none;overflow:hidden;background:var(--accent)}.site-foot-in{max-width:1080px;margin:0 auto;padding:0 20px}.site-foot-main{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:40px}.site-foot-brand{font-family:var(--display);font-size:clamp(64px,14vw,200px);line-height:.85;letter-spacing:-.06em;color:#ffffff26;font-weight:700;-webkit-user-select:none;user-select:none}.site-foot-brand span{color:#ffffff26}.site-foot-links{display:grid;gap:12px;color:#fff;font-size:14px}.site-foot-links a,.site-foot-addr{display:inline-flex;align-items:center;gap:10px;justify-content:flex-end;text-decoration:none;color:#fff}.site-foot-addr{color:#ffffffa6}.site-foot-links a:hover{color:#fff}.site-foot-links svg,.site-foot-addr svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.site-foot-copy{margin-top:48px;font-size:12px;color:#fff6;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;justify-content:space-between}.site-foot-copy a{color:#ffffff80;text-decoration:none}.site-foot-copy a:hover{color:#fff}.site-foot-copy-links{display:flex;flex-direction:column;align-items:flex-end;gap:6px}@media (max-width: 640px){.site-foot{padding:40px 0 28px}.site-foot-main{gap:18px}.site-foot-links{display:flex;flex-wrap:wrap;gap:10px 18px}.site-foot-links a,.site-foot-addr{justify-content:flex-start}.site-foot-addr{flex-basis:100%}.site-foot-copy{margin-top:20px}}