@font-face{font-family:Onest;src:url('/assets/onest-cyrillic.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;src:url('/assets/onest-latin.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Unbounded;src:url('/assets/unbounded-cyrillic.woff2') format('woff2');font-weight:500 700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Unbounded;src:url('/assets/unbounded-latin.woff2') format('woff2');font-weight:500 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Caveat;src:url('/assets/caveat-cyrillic.woff2') format('woff2');font-weight:500 700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Caveat;src:url('/assets/caveat-latin.woff2') format('woff2');font-weight:500 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{color-scheme:light;--bg:#fbf6ee;--panel:#fffdf9;--panel2:#f6ede4;--line:#e9ddd1;--ink:#1f1b17;--muted:#74685f;--coral:#c2492e;--yellow:#f4e1d4;--pink:#e7aa9a;--sky:#d7b9a3;--green:#667d56;--radius:24px}
html,body{background:var(--bg);color:var(--ink);font-family:Onest,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:Onest,system-ui,sans-serif}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
a{color:var(--coral)}

.sidebar{width:260px;flex-basis:260px;background:#fffdf9;border-right:1px solid var(--line);box-shadow:12px 0 35px rgba(79,48,27,.025)}
.sidebar-top{padding:29px 18px}
.brand{gap:13px;align-items:center;color:var(--ink);font:600 13px/1.35 Unbounded,Onest,sans-serif;letter-spacing:-.035em}
.brand small{margin-top:5px;color:var(--coral);font:700 18px/1 Caveat,cursive;letter-spacing:0}
.brand-icon{width:47px;height:47px;flex:none;border-radius:13px;background:none;color:inherit;box-shadow:0 9px 22px rgba(194,73,46,.18)}
.sidebar-caption{margin:50px 12px 14px;color:#a9907c;font:700 10px Onest,sans-serif;letter-spacing:.13em}
.nav-link{color:#4e453e;font-size:14px;border-radius:999px;padding:13px 16px;transition:background .2s,color .2s,transform .2s}
.nav-link:hover{background:#f4e9e1;transform:translateX(3px)}
.nav-link.active{background:#211d1a;color:#fff}
.nav-ico{color:var(--coral);font-weight:700}
.nav-link.active .nav-ico{color:#e7aa9a}
.sidebar-bottom{border-top:1px solid var(--line);color:var(--muted)}
.online-dot{background:#829b6e;box-shadow:0 0 0 4px #eaf1e6}
#logout{color:#5b5046}
.main{padding:38px clamp(22px,4vw,64px) 70px;max-width:1650px}
.topbar{margin-bottom:30px}
.top-kicker,.eyebrow{color:var(--coral);letter-spacing:.1em;font-size:11px;font-weight:700}
.topbar h1{font:600 clamp(30px,3vw,42px)/1.16 Unbounded,Onest,sans-serif;letter-spacing:-.045em;margin:10px 0 0}
.top-actions{color:var(--muted)}
.icon-button{background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:50%;width:42px;height:42px;box-shadow:0 6px 18px rgba(76,48,28,.05)}
.icon-button:hover{border-color:#d6a99a;color:var(--coral)}
#toast{background:#211d1a;color:white;border-radius:16px;box-shadow:0 18px 40px rgba(33,29,26,.23)}
#toast.error{background:#8f3023;color:white}

.intro-band{background:#f5e8dc;color:var(--ink);border:1px solid #eddbcc;border-radius:32px;padding:clamp(26px,3vw,43px);box-shadow:0 18px 44px rgba(93,55,27,.055)}
.intro-band:after{content:'Can';font:700 clamp(90px,12vw,160px)/1 Caveat,cursive;color:#cf8d79;opacity:.18;right:90px;top:12px;transform:rotate(-13deg)}
.intro-band>div,.intro-band>.button{position:relative;z-index:1}
.intro-band .eyebrow{font:700 28px/1 Caveat,cursive;letter-spacing:0;color:var(--coral)!important;transform:rotate(-2deg);transform-origin:left center;margin-bottom:14px}
.intro-band h2{font:600 clamp(24px,2.5vw,36px)/1.2 Unbounded,Onest,sans-serif;letter-spacing:-.045em;margin:0 0 11px}
.marker-highlight{padding:0 .055em;margin:0 -.055em;background:url('/assets/marker.svg') center 58%/100% 92% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.intro-band p{font-size:15px;line-height:1.55;color:#5d5046;max-width:580px}
.button{background:var(--coral);color:white;border-radius:999px;min-height:45px;padding:11px 19px;box-shadow:0 9px 20px rgba(194,73,46,.17);transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{filter:none;background:#d35a3d;transform:translateY(-2px);box-shadow:0 13px 25px rgba(194,73,46,.24)}
.button.secondary{background:#fff;color:#2b241f;border-color:var(--line);box-shadow:none}
.button.secondary:hover{background:#f6e9df;border-color:#d8bfb0}
.button.yellow{background:#211d1a;color:white;box-shadow:none}
.button.yellow:hover{background:#3d332c}
.button.danger{background:#8f3023;color:white}
.button.small{min-height:36px}

.metrics{gap:16px}
.metric{position:relative;overflow:hidden;background:#fff;border:1px solid #eee3d9;border-radius:23px;padding:24px;min-height:145px;box-shadow:0 10px 26px rgba(75,45,24,.035)}
.metric:before{content:'';position:absolute;width:64px;height:5px;top:0;left:24px;border-radius:0 0 7px 7px;background:#c2492e}
.metric.yellow:before{background:#d7a18f}.metric.sky:before{background:#a68c77}.metric.green:before{background:#8d9c7b}
.metric .label{font-size:13px;color:#6b5f55;font-weight:600}
.metric .number{font:600 clamp(31px,3.2vw,44px)/1.15 Unbounded,Onest,sans-serif;letter-spacing:-.05em;margin-top:17px;color:var(--ink)!important}
.metric.coral .number{color:var(--coral)!important}
.section-title h2{font:600 clamp(19px,1.8vw,25px)/1.25 Unbounded,Onest,sans-serif;letter-spacing:-.04em}
.section-title p{color:var(--muted)}
.section-link{color:var(--coral);font-size:13px}
.panel,.table-wrap{background:#fff;border:1px solid #eee3d9;border-radius:24px;box-shadow:0 10px 28px rgba(75,45,24,.035)}
.panel{padding:clamp(18px,2vw,28px)}
.two-col{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.two-col>*{min-width:0}
.stage-name{color:#55493f}
.bar{background:#f3e8df;height:10px}
.bar span{background:var(--coral)}
.stage-count{color:var(--coral)}
.table-wrap{overflow:auto}
.compact-table{min-width:0;table-layout:fixed}
.compact-table th,.compact-table td{padding:13px 12px}
.compact-table th:last-child,.compact-table td:last-child{width:112px}
.compact-table .person-cell{min-width:0}
.compact-table .person-cell>div:last-child{min-width:0}
.compact-table .person-name,.compact-table .subtext{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
th,td{border-bottom:1px solid #eee5dc}
th{color:#8b7c70;font-weight:700}
td{font-size:13px;color:#3e352e}
tbody tr:hover{background:#fff8f3}
.avatar{border-radius:12px;background:#f3e4dc;color:#a2442e}
.person-name{color:var(--ink)}
.subtext{color:var(--muted)}
.pill{background:#f7f0ea;border-color:#e9ddd1;color:#55493f}
.pill.finish{background:#edf3e9;border-color:#dce8d5;color:#4e6b41}
.pill.stall{background:#fff0e7;border-color:#f1d8c7;color:#a34d2f}
.field,select,textarea,input[type=text],input[type=url],input[type=datetime-local]{background:#fffdf9;border:1px solid #ded0c4;color:var(--ink);border-radius:13px}
.field::placeholder,textarea::placeholder,input::placeholder{color:#9a8d82}
.field:focus,select:focus,textarea:focus,input:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(194,73,46,.11)}
.muted,.empty{color:var(--muted)}

.profile-card h2{font:600 20px/1.35 Unbounded,Onest,sans-serif;letter-spacing:-.035em}
.profile-card .line{border-color:var(--line)}
.profile-card a{color:var(--coral)}
.tab{background:#fff;color:#6c5e53;border-color:var(--line);border-radius:999px}
.tab.active{background:#211d1a;border-color:#211d1a;color:white}
.chat-list{background:#f8f0e9;border-color:#e9ddd1}
.bubble{background:#fff;color:var(--ink);box-shadow:0 6px 18px rgba(75,45,24,.04)}
.bubble.bot{background:#f1ddd3}
.bubble .who,.bubble.bot .who{color:#9f412b}
.bubble .time{color:#7d6c60}
.bubble img{max-width:min(280px,100%)}
.history-note{background:#fff8f2;border-color:#ecd8c8;color:#6a5548}
.timeline{border-color:#ead6c8}
.event:before{background:var(--coral);box-shadow:0 0 0 3px #f4e3d8}

.flow-scroll{background-color:#f6eee7;background-image:linear-gradient(#e9d9cb 1px,transparent 1px),linear-gradient(90deg,#e9d9cb 1px,transparent 1px);background-size:28px 28px;border-color:#e6d7ca}
.flow-lines path{stroke:#bf8c79}
.flow-lines marker path{stroke:#bf8c79;fill:none}
.flow-node{background:#fffdf9;border:1px solid #e5d5c7;color:var(--ink);border-radius:20px;box-shadow:0 12px 24px rgba(69,42,23,.09)}
.flow-node:hover{border-color:#c9846c;box-shadow:0 15px 30px rgba(69,42,23,.12)}
.flow-node.selected{border:2px solid var(--coral);box-shadow:0 0 0 4px rgba(194,73,46,.12),0 15px 30px rgba(69,42,23,.1)}
.node-type{color:var(--coral)}
.node-id{color:#89766a}
.node-preview{color:#68594d}
.node-footer{border-color:#eee1d7;color:#75675c}
.node-count{color:#59764b}
.editor{background:#fffdf9;border-color:#e9ddd1;box-shadow:0 10px 28px rgba(75,45,24,.035)}
.editor h2{font:600 19px Unbounded,Onest,sans-serif;letter-spacing:-.04em}
.editor label,.form label{color:#53473e}
.editor summary{color:var(--coral)}
.editor small{color:var(--muted)}
.flow-help{color:#75675c}

.preview-card{background:#f9f1ea;border-color:#ebded2;color:var(--ink)}
.broadcast-grid h2{font:600 21px/1.3 Unbounded,Onest,sans-serif!important;letter-spacing:-.04em}
.editor input[type=file]::file-selector-button,.form input[type=file]::file-selector-button{border:1px solid #dfc9ba;border-radius:999px;background:#f7e9df;color:#733f2c;padding:10px 14px;margin-right:10px;font:700 12px Onest,sans-serif;cursor:pointer}
.editor input[type=file]::file-selector-button:hover,.form input[type=file]::file-selector-button:hover{background:#f0d7c9}
.recipient-number{font:600 35px Unbounded,Onest,sans-serif;color:var(--coral)}
.notice{background:#f8e8dc;border-color:#ead1c2;color:#694636;border-radius:18px}

.login-screen{background:radial-gradient(circle at 76% 17%,#f2e1d3 0,transparent 35%),#fbf6ee}
.login-card{position:relative;overflow:hidden;background:#fffdf9;border-color:#eadfd5;border-radius:32px;box-shadow:0 28px 80px rgba(74,45,24,.09)}
.login-card:after{content:'';position:absolute;width:220px;height:220px;border-radius:50%;right:-115px;top:-115px;background:#f7e9dc;pointer-events:none}
.brand-mark{width:62px;height:62px;display:block;background:none;box-shadow:0 12px 26px rgba(194,73,46,.17);object-fit:contain}
.login-card .eyebrow{font:700 24px/1 Caveat,cursive;letter-spacing:0;transform:rotate(-2deg);transform-origin:left center}
.login-card h1{font:600 clamp(34px,5vw,50px)/1.16 Unbounded,Onest,sans-serif;letter-spacing:-.055em;color:var(--ink)}
.login-card h1 em{font:inherit;font-style:normal;color:var(--ink);padding:0 .06em;margin:0 -.06em;background:url('/assets/marker.svg') center 58%/100% 90% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.login-card p{color:#5b5048;font-size:15px}
.login-card strong{color:var(--coral)}
.login-note{border-color:var(--line);color:#807267}

@media(max-width:1050px){.main{padding:28px}.sidebar{width:225px;flex-basis:225px}.intro-band:after{right:20px}}
@media(max-width:700px){.sidebar{width:100%;height:auto;box-shadow:none}.sidebar-top{padding:16px 18px 13px}.brand{font-size:12px}.brand-icon{width:38px;height:38px}.brand small{font-size:16px}.sidebar nav{margin-top:16px}.nav-link{padding:10px 14px}.nav-link:hover{transform:none}.main{padding:24px 18px 56px}.topbar h1{font-size:27px}.intro-band{padding:24px;border-radius:25px}.intro-band:after{font-size:110px;right:-10px;top:12px}.intro-band h2{font-size:24px}.intro-band p{font-size:14px}.intro-band .eyebrow{font-size:25px}.metric{padding:17px;min-height:112px}.metric:before{left:17px;width:46px}.metric .label{font-size:11px}.metric .number{font-size:30px;margin-top:14px}.panel{padding:18px}.stage-row{grid-template-columns:110px 1fr 28px}.flow-scroll{height:520px;min-height:520px}.editor{height:auto;min-height:0}.login-card{padding:31px}.login-card h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.nav-link,.button,.flow-node{transition:none}.nav-link:hover,.button:hover{transform:none}}