body{margin:0;background:#f3f4f6}.ot-app{--ot-bg: #f3f4f6;--ot-card: #fff;--ot-text: #111318;--ot-muted: #626a75;--ot-line: #e3e6ea;--ot-soft: #f6f7f9;--ot-side: #0e0f12;--ot-side-text: #c9ccd2;--ot-side-hover: #1b1d22;--ot-accent: #d01f2f;--ot-accent-dark: #a51523;--ot-accent-soft: #fdebed;--ot-accent-text: #fff;--ot-ok: #1a7f37;--ot-ok-soft: #e6f4ea;--ot-warn: #9a5b00;--ot-warn-soft: #fff3dc;--ot-new: #1f6feb;--ot-new-soft: #e7f0ff;--ot-danger: #b42318;--ot-radius: 14px;--ot-shadow: 0 1px 2px rgb(16 24 40 / .05), 0 1px 3px rgb(16 24 40 / .06);--ot-shadow-lg: 0 12px 32px rgb(16 24 40 / .14);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;color:var(--ot-text);background:var(--ot-bg);-webkit-font-smoothing:antialiased}.ot-app *,.ot-app *:before,.ot-app *:after{box-sizing:border-box}.ot-app h1,.ot-app h2,.ot-app h3,.ot-app p,.ot-app ul,.ot-app ol,.ot-app dl,.ot-app dd,.ot-app figure{margin:0}.ot-app h1,.ot-app h2,.ot-app h3{font-family:inherit;color:var(--ot-text);letter-spacing:-.01em;text-transform:none}.ot-app a{color:inherit;text-decoration:none}.ot-app button{font:inherit;color:inherit;min-width:0;text-transform:none;letter-spacing:normal}.ot-app img{max-width:100%}.ot-app--center{min-height:100vh;display:grid;place-items:center}.ot-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.ot-side{position:sticky;top:0;height:100vh;background:var(--ot-side);color:var(--ot-side-text);display:flex;flex-direction:column;padding:20px 14px;gap:24px}.ot-logo{display:flex;align-items:center;gap:10px;color:#fff!important;padding:0 8px}.ot-logo img{border-radius:8px;background:#000}.ot-logo span{display:flex;flex-direction:column;font-weight:800;font-size:16px;line-height:1.15}.ot-logo small{font-weight:500;font-size:12px;color:var(--ot-side-text)}.ot-nav{display:flex;flex-direction:column;gap:2px}.ot-nav__item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:10px;color:var(--ot-side-text)!important;font-weight:600;background:none;border:0;cursor:pointer;text-align:left;transition:background .15s,color .15s}.ot-nav__item:hover{background:var(--ot-side-hover);color:#fff!important}.ot-nav__item.is-active{background:var(--ot-accent);color:#fff!important}.ot-nav__icon{position:relative;display:inline-flex}.ot-count{margin-left:auto;background:#fff;color:var(--ot-accent);font-size:12px;font-weight:800;border-radius:999px;padding:1px 8px}.ot-nav__item:not(.is-active) .ot-count{background:var(--ot-accent);color:#fff}.ot-dot{position:absolute;top:-2px;right:-4px;width:9px;height:9px;border-radius:50%;background:var(--ot-accent);border:2px solid #fff}.ot-side__foot{margin-top:auto;display:flex;flex-direction:column;gap:2px;border-top:1px solid #23262c;padding-top:14px}.ot-me{display:flex;align-items:center;gap:10px;padding:6px 8px 10px}.ot-me div{display:flex;flex-direction:column;min-width:0}.ot-me strong{color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ot-me span{font-size:12px}.ot-main{padding:32px clamp(16px,4vw,48px) 64px;max-width:1200px;width:100%;display:flex;flex-direction:column;gap:20px;min-width:0}.ot-mtop,.ot-bottom{display:none}@media (max-width: 899px){.ot-shell{display:block;padding-bottom:76px}.ot-side{display:none}.ot-mtop{display:flex;position:sticky;top:0;z-index:20;justify-content:space-between;align-items:center;background:var(--ot-side);padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top))}.ot-mtop .ot-logo span{font-size:16px}.ot-main{padding:20px 16px 32px;gap:16px}.ot-bottom{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;z-index:30;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--ot-line);padding:6px 4px max(6px,env(safe-area-inset-bottom))}.ot-bottom .ot-nav__item{flex-direction:column;gap:2px;padding:6px 2px;font-size:11px;color:var(--ot-muted)!important;background:none!important;justify-content:center;align-items:center;text-align:center}.ot-bottom .ot-nav__item.is-active{color:var(--ot-accent)!important}}.ot-pagehead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px}.ot-pagehead h1{font-size:clamp(24px,3vw,30px);font-weight:800;line-height:1.15}.ot-pagehead p{margin-top:4px}.ot-muted{color:var(--ot-muted)}.ot-small{font-size:13px}.ot-strong{font-weight:700}.ot-pre{white-space:pre-wrap}.ot-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.ot-error{color:var(--ot-danger);font-weight:600;font-size:14px}.ot-link{color:var(--ot-accent)!important;font-weight:600;background:none;border:0;padding:0;cursor:pointer}.ot-link:hover{text-decoration:underline}.ot-req{color:var(--ot-accent)}.ot-hint{font-weight:400;font-size:12px;color:var(--ot-muted)}.ot-stack{display:flex;flex-direction:column;gap:14px}.ot-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ot-row--end{justify-content:flex-end}.ot-row--nowrap{flex-wrap:nowrap}.ot-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:20px}.ot-back{display:inline-flex;align-items:center;gap:4px;color:var(--ot-muted)!important;font-weight:600;font-size:14px}.ot-back:hover{color:var(--ot-text)!important}.ot-card{align-items:stretch;background:var(--ot-card);border:1px solid var(--ot-line);border-radius:var(--ot-radius);padding:20px;box-shadow:var(--ot-shadow);display:flex;flex-direction:column;gap:16px;min-width:0}.ot-card--flush{padding:0;gap:0}.ot-card--flush .ot-card__head{padding:18px 20px 14px;border-bottom:1px solid var(--ot-line)}.ot-card__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px}.ot-card__head h2{font-size:17px;font-weight:750;display:flex;align-items:center;gap:8px}.ot-card__head p{font-size:13px;margin-top:2px}.ot-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}.ot-stat{background:var(--ot-card);border:1px solid var(--ot-line);border-radius:var(--ot-radius);padding:16px 18px;box-shadow:var(--ot-shadow);display:flex;flex-direction:column;gap:2px;position:relative;overflow:hidden}.ot-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--ot-line)}.ot-stat--accent:before{background:var(--ot-accent)}.ot-stat--warn:before{background:#e9a23b}.ot-stat--ok:before{background:var(--ot-ok)}.ot-stat__label{font-size:13px;color:var(--ot-muted);font-weight:600}.ot-stat__value{font-size:28px;font-weight:800;line-height:1.2;letter-spacing:-.02em}.ot-stat__hint{font-size:12px;color:var(--ot-muted)}@media (max-width: 899px){.ot-stats{grid-template-columns:1fr 1fr;gap:10px}.ot-stat{padding:12px 14px}.ot-stat__value{font-size:22px}}.ot-rows{list-style:none;padding:0}.ot-rows>li+li{border-top:1px solid var(--ot-line)}.ot-rowlink{display:flex;align-items:center;gap:12px;padding:12px 20px;width:100%;background:none;border:0;text-align:left;cursor:pointer;transition:background .12s}.ot-rowlink:hover{background:var(--ot-soft)}.ot-rowlink--static{cursor:default}.ot-rowlink--static:hover{background:none}.ot-rowlink__main{flex:1;min-width:0;display:flex;flex-direction:column}.ot-rowlink__side{display:flex;flex-direction:column;align-items:flex-end;font-size:14px;white-space:nowrap}.ot-card:not(.ot-card--flush) .ot-rows .ot-rowlink{padding-left:4px;padding-right:4px}.ot-avatar{flex:none;border-radius:50%;color:#fff;display:inline-grid;place-items:center;font-weight:750;letter-spacing:.02em}.ot-avatars{display:flex;align-items:center}.ot-avatars .ot-avatar{border:2px solid #fff;margin-right:-8px}.ot-avatars__more{margin-left:14px;font-size:13px;color:var(--ot-muted);font-weight:600}.ot-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;padding:3px 10px 3px 8px;border-radius:999px;background:color-mix(in srgb,var(--c) 12%,#fff);color:color-mix(in srgb,var(--c) 80%,#000)}.ot-badge i{width:8px;height:8px;border-radius:50%;background:var(--c)}.ot-badge--none{background:var(--ot-soft);color:var(--ot-muted);padding-left:10px}.ot-swatch{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none}.ot-swatch--lg{width:14px;height:14px}.ot-pill{font-size:12px;font-weight:650;background:var(--ot-soft);border:1px solid var(--ot-line);border-radius:999px;padding:2px 10px;white-space:nowrap}.ot-status{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}.ot-status--warn{background:var(--ot-warn-soft);color:var(--ot-warn)}.ot-status--new{background:var(--ot-new-soft);color:var(--ot-new)}.ot-status--ok{background:var(--ot-ok-soft);color:var(--ot-ok)}.ot-status--muted{background:var(--ot-soft);color:var(--ot-muted)}.ot-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.ot-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--ot-line);border-radius:10px;padding:0 12px;flex:1 1 260px;max-width:380px;color:var(--ot-muted)}.ot-app .ot-search input{border:0!important;box-shadow:none!important;outline:none;padding:10px 0!important;flex:1;background:none;min-width:0}.ot-search:focus-within{border-color:var(--ot-text)}.ot-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.ot-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--ot-line);background:#fff;border-radius:999px;padding:6px 12px;font-weight:600;font-size:13px;cursor:pointer}.ot-chip:hover{border-color:#c5cad1}.ot-chip.is-active{background:var(--ot-text);border-color:var(--ot-text);color:#fff}.ot-chip__count{font-size:11px;opacity:.65}.ot-section{display:flex;flex-direction:column;gap:12px}.ot-app .ot-section__title{font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:8px;color:var(--ot-muted)}.ot-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}.ot-client{background:#fff;border:1px solid var(--ot-line);border-radius:var(--ot-radius);padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--ot-shadow);transition:transform .15s,box-shadow .15s,border-color .15s}.ot-client:hover{transform:translateY(-2px);box-shadow:var(--ot-shadow-lg);border-color:#d3d7dd}.ot-client__top{display:flex;align-items:center;gap:12px}.ot-client__name{flex:1;min-width:0;display:flex;flex-direction:column}.ot-client__name strong{font-size:16px}.ot-client__feel{font-size:22px}.ot-client__meta{display:flex;flex-wrap:wrap;gap:6px}.ot-client__foot{border-top:1px solid var(--ot-line);padding-top:10px}.ot-groupcard .ot-card__head h2{font-size:18px}.ot-profile{flex-direction:row;display:flex;gap:18px;align-items:flex-start}.ot-profile__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.ot-profile h1{font-size:clamp(22px,3vw,28px);font-weight:800}.ot-callout{background:var(--ot-warn-soft);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px;max-width:640px}.ot-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14px;border:1px solid var(--ot-accent);background:var(--ot-accent);color:var(--ot-accent-text)!important;border-radius:10px;padding:10px 16px;min-height:42px;cursor:pointer;white-space:nowrap;text-decoration:none!important;transition:background .15s,border-color .15s,transform .05s}.ot-btn:hover:not(:disabled){background:var(--ot-accent-dark);border-color:var(--ot-accent-dark)}.ot-btn:active:not(:disabled){transform:translateY(1px)}.ot-btn:disabled{opacity:.5;cursor:default}.ot-btn:focus-visible,.ot-icon-btn:focus-visible,.ot-chip:focus-visible,.ot-nav__item:focus-visible{outline:3px solid color-mix(in srgb,var(--ot-accent) 45%,transparent);outline-offset:2px}.ot-btn--small{min-height:34px;padding:6px 12px;font-size:13px;border-radius:8px}.ot-btn--block{width:100%}.ot-btn--ghost{background:#fff;color:var(--ot-text)!important;border-color:var(--ot-line)}.ot-btn--ghost:hover:not(:disabled){background:var(--ot-soft);border-color:#cfd4da}.ot-btn--danger{background:#fff;color:var(--ot-danger)!important;border-color:#f1c4c0}.ot-btn--danger:hover:not(:disabled){background:#fdecea;border-color:var(--ot-danger)}.ot-btn--success{background:var(--ot-ok);border-color:var(--ot-ok)}.ot-btn--success:hover:not(:disabled){background:#146c2e;border-color:#146c2e}.ot-btn--dashed{background:transparent;color:var(--ot-muted)!important;border:1.5px dashed #c5cad1}.ot-btn--dashed:hover:not(:disabled){background:var(--ot-soft);color:var(--ot-text)!important;border-color:var(--ot-muted)}.ot-icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:9px;border:1px solid transparent;background:none;cursor:pointer;color:var(--ot-muted);flex:none;padding:0}.ot-icon-btn:hover:not(:disabled){background:var(--ot-soft);color:var(--ot-text);border-color:var(--ot-line)}.ot-icon-btn:disabled{opacity:.35;cursor:default}.ot-icon-btn--danger:hover:not(:disabled){color:var(--ot-danger);background:#fdecea}.ot-icon-btn--dark{color:#fff}.ot-icon-btn--dark:hover{background:#22252b!important;color:#fff!important;border-color:transparent!important}.ot-form{display:flex;flex-direction:column;gap:16px}.ot-form label,.ot-label{display:flex;flex-direction:column;gap:6px;font-weight:650;font-size:14px;color:var(--ot-text)}.ot-app input:not([type=radio]):not([type=checkbox]),.ot-app textarea,.ot-app select{font:inherit;font-weight:400;font-size:15px;color:var(--ot-text);background:#fff;width:100%;border:1px solid #d5d9df;border-radius:10px;padding:10px 12px;min-height:44px;margin:0;box-shadow:none;transition:border-color .15s,box-shadow .15s}.ot-app textarea{resize:vertical;line-height:1.5}.ot-app input:focus,.ot-app textarea:focus,.ot-app select:focus{outline:none;border-color:var(--ot-text);box-shadow:0 0 0 3px #11131814}.ot-app input::placeholder,.ot-app textarea::placeholder{color:#9aa1ab}.ot-app select.ot-select{width:auto;min-width:160px}.ot-app select.ot-select--small{min-height:34px;padding:4px 10px;font-size:13px;min-width:140px}.ot-grid-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ot-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 640px){.ot-grid4,.ot-grid-form{grid-template-columns:1fr 1fr}}.ot-form label.ot-check{flex-direction:row;align-items:center;gap:10px;font-weight:600;cursor:pointer}.ot-check input,.ot-checklist input{width:18px;height:18px;accent-color:var(--ot-accent);flex:none}.ot-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.ot-form .ot-option{position:relative;flex-direction:row;align-items:center;justify-content:center;text-align:center;padding:12px;border:1.5px solid var(--ot-line);border-radius:12px;background:#fff;cursor:pointer;font-weight:600;transition:border-color .15s,background .15s}.ot-option:hover{border-color:#c5cad1}.ot-option input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer;margin:0}.ot-form .ot-option.is-active{border-color:var(--ot-accent);background:var(--ot-accent-soft);color:var(--ot-accent-dark)}.ot-option:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--ot-accent) 40%,transparent)}.ot-tabs{display:flex;gap:4px;border-bottom:1px solid var(--ot-line);overflow-x:auto;scrollbar-width:none}.ot-tabs button{background:none;border:0;border-bottom:2.5px solid transparent;padding:10px 14px;font-weight:650;color:var(--ot-muted);cursor:pointer;white-space:nowrap;margin-bottom:-1px}.ot-tabs button:hover{color:var(--ot-text)}.ot-tabs button.is-active{color:var(--ot-text);border-bottom-color:var(--ot-accent)}.ot-toolbar .ot-tabs{background:#fff;border:1px solid var(--ot-line);border-radius:10px;padding:3px}.ot-toolbar .ot-tabs button{border:0;border-radius:8px;padding:6px 12px;margin:0}.ot-toolbar .ot-tabs button.is-active{background:var(--ot-text);color:#fff}.ot-weeknav{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--ot-line);border-radius:var(--ot-radius);padding:8px;box-shadow:var(--ot-shadow)}.ot-weeknav__label{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.ot-wo{border:1px solid var(--ot-line);border-radius:12px;background:#fff;overflow:hidden;transition:border-color .15s}.ot-wo.is-open{border-color:#cdd2d8}.ot-wo__head{display:flex;align-items:center;gap:8px;padding-right:8px}.ot-wo__toggle{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:14px 16px;background:none;border:0;cursor:pointer;text-align:left}.ot-wo__num{flex:none;width:34px;height:34px;border-radius:10px;background:var(--ot-text);color:#fff;display:grid;place-items:center;font-weight:800}.ot-wo.is-done .ot-wo__num{background:var(--ot-ok)}.ot-wo__title{flex:1;min-width:0;display:flex;flex-direction:column}.ot-wo__title strong{font-size:16px}.ot-wo__chev{color:var(--ot-muted);transition:transform .2s;flex:none}.ot-wo.is-open .ot-wo__chev{transform:rotate(180deg)}.ot-wo__body{padding:0 16px 16px;display:flex;flex-direction:column;gap:14px}.ot-wo__notes{background:var(--ot-soft);border-radius:10px;padding:10px 12px;white-space:pre-wrap;font-size:14px}.ot-ex{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.ot-ex__item{border-top:1px solid var(--ot-line);padding-top:12px;display:flex;flex-direction:column;gap:8px}.ot-ex__item:first-child{border-top:0;padding-top:0}.ot-ex__head{display:flex;align-items:center;gap:10px}.ot-ex__head strong{font-size:15px}.ot-ex__n{flex:none;width:24px;height:24px;border-radius:50%;background:var(--ot-accent-soft);color:var(--ot-accent-dark);font-size:12px;font-weight:800;display:grid;place-items:center}.ot-app .ot-ex__specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px;margin-left:34px}.ot-ex__specs div{background:var(--ot-soft);border-radius:8px;padding:6px 10px}.ot-ex__specs dt{font-size:11px;color:var(--ot-muted);font-weight:650;text-transform:uppercase;letter-spacing:.04em}.ot-ex__specs dd{font-weight:750}.ot-app .ot-ex__desc{margin-left:34px;color:#3a4049;font-size:14px}.ot-ex__item .ot-video,.ot-ex__item>.ot-link{margin-left:34px}@media (max-width: 640px){.ot-app .ot-ex__specs,.ot-app .ot-ex__desc,.ot-ex__item .ot-video,.ot-ex__item>.ot-link{margin-left:0}.ot-app .ot-ex__specs{grid-template-columns:1fr 1fr}}.ot-video{position:relative;aspect-ratio:16 / 9;max-width:560px;border-radius:12px;overflow:hidden;background:#111}.ot-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.ot-video__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;padding:0;cursor:pointer;background:#111 center / cover no-repeat;display:grid;place-items:center}.ot-video__poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgb(0 0 0 / .6))}.ot-video__play{position:relative;z-index:1;width:60px;height:60px;border-radius:50%;background:var(--ot-accent);color:#fff;display:grid;place-items:center;font-size:22px;padding-left:4px;box-shadow:0 6px 20px #00000059;transition:transform .15s}.ot-video__poster:hover .ot-video__play{transform:scale(1.08)}.ot-video__label{position:absolute;z-index:1;left:14px;bottom:10px;color:#fff;font-weight:700;font-size:14px}.ot-editor__list{display:flex;flex-direction:column;gap:12px}.ot-exedit{border:1px solid var(--ot-line);border-radius:12px;padding:14px;margin:0;display:flex;flex-direction:column;gap:12px;background:var(--ot-soft);min-width:0}.ot-exedit__head{display:flex;align-items:center;gap:10px}.ot-app .ot-exedit__name{flex:1;font-weight:650}.ot-editor__actions{position:sticky;bottom:-20px;background:#fff;padding:12px 0 0;border-top:1px solid var(--ot-line)}.ot-report{background:#fff;border:1px solid var(--ot-line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.ot-card .ot-report{border:0;padding:0}.ot-report.is-new{border-left:4px solid var(--ot-new)}.ot-card .ot-report.is-new{border-left:0}.ot-report__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ot-report__who{flex:1;min-width:160px;display:flex;flex-direction:column}.ot-report__tags{display:flex;gap:6px;flex-wrap:wrap}.ot-report__text{font-size:15px}.ot-report__reply{display:flex;flex-direction:column;gap:8px}.ot-report__answer{background:var(--ot-new-soft);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;align-items:flex-start}.ot-bars{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;height:160px;align-items:end}.ot-bars__col{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.ot-bars__track{flex:1;width:100%;max-width:40px;background:var(--ot-soft);border-radius:8px;display:flex;align-items:flex-end;overflow:hidden}.ot-bars__fill{width:100%;background:linear-gradient(180deg,var(--ot-accent),var(--ot-accent-dark));border-radius:8px;transition:height .4s}.ot-bars__col span{font-size:11px;color:var(--ot-muted)}.ot-progress{height:8px;background:#fff3;border-radius:999px;overflow:hidden}.ot-progress>div{height:100%;background:currentColor;border-radius:inherit;transition:width .4s}.ot-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:32px 20px}.ot-empty__icon{width:52px;height:52px;border-radius:14px;background:var(--ot-soft);color:var(--ot-muted);display:grid;place-items:center;margin-bottom:6px}.ot-empty p{max-width:380px;font-size:14px}.ot-empty .ot-btn{margin-top:10px}.ot-loading{display:flex;gap:6px;justify-content:center;padding:40px}.ot-loading span{width:10px;height:10px;border-radius:50%;background:#d01f2f;animation:ot-bounce 1s infinite ease-in-out}.ot-loading span:nth-child(2){animation-delay:.15s}.ot-loading span:nth-child(3){animation-delay:.3s}@keyframes ot-bounce{0%,80%,to{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}.ot-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0e0f128c;display:grid;place-items:center;padding:16px;animation:ot-fade .15s}.ot-modal__box{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--ot-shadow-lg);animation:ot-pop .18s}.ot-modal__box--wide{max-width:820px}.ot-modal__head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--ot-line)}.ot-modal__head h2{font-size:18px;font-weight:750}.ot-modal__body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}@media (max-width: 640px){.ot-modal{padding:0;align-items:end}.ot-modal__box{border-radius:18px 18px 0 0;max-height:92vh}}@keyframes ot-fade{0%{opacity:0}}@keyframes ot-pop{0%{transform:translateY(12px);opacity:0}}.ot-checklist{list-style:none;padding:0;display:flex;flex-direction:column;max-height:50vh;overflow-y:auto}.ot-checklist label{display:flex;align-items:center;gap:12px;padding:10px 4px;cursor:pointer;border-radius:8px}.ot-checklist label:hover{background:var(--ot-soft)}.ot-colorpick{width:32px;height:32px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--ot-line);cursor:pointer;padding:0}.ot-colorpick.is-active{box-shadow:0 0 0 2px var(--ot-text)}.ot-invite{display:flex;flex-direction:column;gap:6px;max-width:560px}.ot-invite__field{display:flex;gap:6px}.ot-app .ot-invite input{font-size:13px;min-height:34px;padding:6px 10px;background:var(--ot-soft)}.ot-auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.ot-auth__brand{background:linear-gradient(160deg,#0e0f12d1,#0e0f12f2),url(/img/prijava.webp) center / cover;color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px}.ot-app .ot-auth__brand h1{color:#fff;font-size:clamp(28px,4vw,44px);font-weight:850;line-height:1.05}.ot-auth__brand p{color:#c9ccd2;max-width:420px;font-size:17px}.ot-auth__brand img{border-radius:14px;background:#000}.ot-auth__panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;gap:20px}.ot-auth__box{width:100%;max-width:380px;display:flex;flex-direction:column;gap:18px}.ot-auth__box h2{font-size:28px;font-weight:800}.ot-auth__back{color:var(--ot-muted)!important;font-size:14px}@media (max-width: 899px){.ot-auth{grid-template-columns:1fr;grid-template-rows:auto 1fr}.ot-auth__brand{padding:24px 20px;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px}.ot-auth__brand img{width:48px;height:48px}.ot-app .ot-auth__brand h1{font-size:22px}.ot-auth__brand p{display:none}.ot-auth__panel{justify-content:flex-start;padding-top:32px}}.ot-hero{background:radial-gradient(120% 140% at 100% 0%,#3a0a10 0%,var(--ot-side) 55%);color:#fff;border-radius:18px;padding:24px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px}.ot-app .ot-hero h1{color:#fff;font-size:clamp(26px,4vw,34px);font-weight:850}.ot-app .ot-hero p{color:#d3d6dc;margin-top:4px}.ot-app .ot-hero .ot-hero__eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.08em;font-weight:700;color:#ff8a95;margin:0}.ot-hero__progress{min-width:180px;display:flex;flex-direction:column;gap:4px;color:#fff}.ot-hero__progress strong{font-size:32px;font-weight:850;line-height:1}.ot-hero__progress span{font-size:13px;color:#c9ccd2}.ot-hero__progress .ot-progress{color:#4ade80;margin-top:6px}.ot-coachnote{background:#fff;border:1px solid var(--ot-line);border-left:4px solid var(--ot-new);border-radius:12px;padding:14px 16px;box-shadow:var(--ot-shadow);display:flex;flex-direction:column;gap:4px}.ot-coachnote__label{font-size:12px;font-weight:750;color:var(--ot-new);text-transform:uppercase;letter-spacing:.05em}.ot-banner{display:flex;align-items:center;gap:14px;background:var(--ot-accent);color:#fff!important;border-radius:14px;padding:14px 16px;box-shadow:var(--ot-shadow)}.ot-banner>span{display:flex;flex-direction:column}.ot-banner>span span{font-size:13px;opacity:.85}.ot-banner:hover{background:var(--ot-accent-dark)}.ot-stepper{display:flex;align-items:center;gap:14px}.ot-stepper .ot-icon-btn{width:44px;height:44px;border:1px solid var(--ot-line);font-size:22px;color:var(--ot-text);background:#fff}.ot-stepper strong{font-size:28px;min-width:32px;text-align:center}.ot-feelings{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ot-form .ot-feeling{position:relative;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;border:1.5px solid var(--ot-line);border-radius:12px;cursor:pointer;font-size:12px;text-align:center;background:#fff;transition:border-color .15s,transform .1s}.ot-feeling input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer;margin:0}.ot-feeling__emoji{font-size:28px;line-height:1}.ot-feeling:hover{border-color:#c5cad1}.ot-form .ot-feeling.is-active{border-color:var(--ot-accent);background:var(--ot-accent-soft);transform:translateY(-2px)}.ot-feeling:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--ot-accent) 40%,transparent)}.ot-success{background:#fff;border:1px solid var(--ot-line);border-radius:18px;padding:40px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.ot-success__icon{width:72px;height:72px;border-radius:50%;background:var(--ot-ok-soft);color:var(--ot-ok);display:grid;place-items:center}.ot-success h1{font-size:24px;font-weight:800}.ot-success p{max-width:420px}.ot-timeline{display:flex;flex-direction:column;gap:14px}.ot-mini{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px}.ot-mini li{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ot-muted)}.ot-mini li.is-done{color:var(--ot-ok)}.ot-mini__dot{width:16px;height:16px;border-radius:50%;border:2px solid #c5cad1}.ot-answers{display:grid;gap:12px}.ot-answers--cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.ot-answers dt{font-size:12px;font-weight:700;color:var(--ot-muted);text-transform:uppercase;letter-spacing:.04em}.ot-answers dd{margin-top:2px}.ot-wizard{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:40px 16px;background:var(--ot-bg, #f3f4f6)}.ot-wizard--inline{min-height:0;padding:0;background:none}.ot-wizard__box{width:100%;max-width:640px;background:#fff;border:1px solid var(--ot-line);border-radius:18px;padding:28px;box-shadow:var(--ot-shadow);display:flex;flex-direction:column;gap:20px}.ot-wizard__box h1{font-size:26px;font-weight:800}.ot-wizard__top{display:flex;flex-direction:column;gap:8px}.ot-wizard__top .ot-progress{background:var(--ot-soft);color:var(--ot-accent)}.ot-wizard__nav{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--ot-line);padding-top:16px}.ot-wizard__intro{align-items:center;text-align:center;padding:40px 28px}.ot-wizard__intro img{border-radius:16px;background:#000}.ot-wizard__intro p{max-width:460px}@media (max-width: 640px){.ot-wizard{padding:16px}.ot-wizard__box{padding:20px}}.ot-combo{position:relative;flex:1;min-width:0}.ot-combo__list{position:absolute;z-index:50;top:calc(100% + 4px);left:0;right:0;list-style:none;padding:4px;margin:0;background:#fff;border:1px solid var(--ot-line);border-radius:10px;box-shadow:var(--ot-shadow-lg);max-height:280px;overflow-y:auto}.ot-combo__list li{display:flex;flex-direction:column;padding:8px 10px;border-radius:8px;cursor:pointer}.ot-combo__list li.is-active,.ot-combo__list li:hover{background:var(--ot-soft)}.ot-icon-btn--ok{color:var(--ot-ok);cursor:default}.ot-search--full{max-width:none}.ot-exthumb{flex:none;width:64px;height:40px;border-radius:8px;border:0;cursor:pointer;display:grid;place-items:center;background:#111 center / cover no-repeat;color:#fff;position:relative;overflow:hidden}.ot-exthumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059}.ot-exthumb svg{position:relative}.ot-exthumb.is-empty{background:var(--ot-soft);color:var(--ot-muted);cursor:default}.ot-exthumb.is-empty:before{display:none}.ot-checklist label>span{display:flex;flex-wrap:wrap;gap:0 4px;align-items:baseline}.ot-alert{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:#fdecea;color:var(--ot-danger)}.ot-alertbox{background:#fff5f4;border:1px solid #f6cfcb;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.ot-alertbox__title{display:flex;align-items:center;gap:8px;color:var(--ot-danger);font-weight:750}.ot-alertbox blockquote{margin:0;padding:8px 12px;background:#fff;border-left:3px solid #f1a8a1;border-radius:6px;font-style:italic}.ot-client.has-alert{border-color:#f1c4c0}.ot-success--plain{border:0;padding:8px 0}.ot-success--plain h2{font-size:20px;font-weight:800}.ot-card--alert{border-color:#f6cfcb}.ot-card--alert .ot-card__head h2{color:var(--ot-danger)}.ot-legal{gap:12px}.ot-legal h2{font-size:18px;font-weight:750;margin-top:10px}.ot-legal mark{background:#fff3a8;padding:0 3px}.ot-membership{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid var(--ot-line);background:#fff}.ot-membership__info{display:flex;align-items:center;gap:12px}.ot-membership__info div{display:flex;flex-direction:column}.ot-membership__info span{font-size:14px}.ot-membership--ok .ot-membership__info svg{color:var(--ot-ok)}.ot-membership--warn{background:var(--ot-warn-soft);border-color:#f2d7a6}.ot-membership--warn .ot-membership__info{color:var(--ot-warn)}.ot-membership--danger{background:#fdecea;border-color:#f1c4c0}.ot-membership--danger .ot-membership__info{color:var(--ot-danger)}.ot-membership--muted .ot-membership__info{color:var(--ot-muted)}.ot-app input.ot-date{width:auto;min-height:34px;padding:4px 10px;font-size:14px}.ot-expired__icon{width:76px;height:76px;border-radius:50%;background:#fdecea;color:var(--ot-danger);display:grid;place-items:center}.ot-expired__actions{width:100%;max-width:380px;display:flex;flex-direction:column;gap:10px;margin:6px 0}.ot-expired .ot-link{display:inline-flex;align-items:center;gap:6px}.ot-membership--paused{background:var(--ot-new-soft);border-color:#c5d8fb}.ot-membership--paused .ot-membership__info{color:var(--ot-new)}.ot-expired__icon--paused{background:var(--ot-new-soft);color:var(--ot-new)}.ot-daypick{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.ot-daypick button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 2px;border:1.5px solid var(--ot-line);border-radius:10px;background:#fff;cursor:pointer;font-weight:600}.ot-daypick button span{font-size:11px;font-weight:500;color:var(--ot-muted)}.ot-daypick button:hover{border-color:#c5cad1}.ot-daypick button.is-active{border-color:var(--ot-accent);background:var(--ot-accent-soft);color:var(--ot-accent-dark)}.ot-daypick button.is-active span{color:inherit}@media (max-width: 640px){.ot-daypick{grid-template-columns:repeat(4,1fr)}}.ot-planner{display:flex;flex-direction:column}.ot-planner__day{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--ot-line)}.ot-planner__day:first-child{border-top:0;padding-top:0}.ot-planner__label{display:flex;flex-direction:column;padding-top:6px}.ot-planner__label strong{font-size:15px}.ot-planner__label span{font-size:12px;color:var(--ot-muted)}.ot-planner__day.is-today .ot-planner__label strong{color:var(--ot-accent)}.ot-planner__items{display:flex;flex-direction:column;gap:8px;min-width:0}.ot-planner__empty{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ot-muted);font-size:14px;min-height:36px}.ot-planner__add{align-self:flex-start}@media (max-width: 640px){.ot-planner__day{grid-template-columns:1fr;gap:6px}.ot-planner__label{flex-direction:row;gap:8px;align-items:baseline;padding:0}}.ot-tag-today{font-size:11px;font-weight:800;color:#fff;background:var(--ot-accent);border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:middle}.ot-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.ot-strip__day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;border-radius:12px;border:1px solid var(--ot-line);background:#fff;cursor:pointer}.ot-strip__day:disabled{cursor:default;background:var(--ot-soft);border-color:transparent}.ot-strip__day span{font-size:11px;font-weight:700;color:var(--ot-muted);text-transform:uppercase}.ot-strip__day strong{font-size:17px}.ot-strip__day i{width:7px;height:7px;border-radius:50%;background:transparent}.ot-strip__day.has-workout i{background:var(--ot-accent)}.ot-strip__day.is-done i{background:var(--ot-ok)}.ot-strip__day.is-today{border:2px solid var(--ot-text)}.ot-strip__day.is-today span{color:var(--ot-text)}.ot-dayblock{display:flex;flex-direction:column;gap:8px;scroll-margin-top:80px}.ot-app .ot-dayblock h3{font-size:15px;font-weight:800;display:flex;align-items:baseline;gap:8px}.ot-dayblock h3 span:not(.ot-tag-today){font-size:13px;font-weight:500;color:var(--ot-muted)}.ot-app .ot-dayblock h3.is-today{color:var(--ot-accent)}.ot-mini__day{font-size:11px;font-weight:800;text-transform:uppercase;background:var(--ot-soft);border-radius:6px;padding:1px 6px;color:var(--ot-muted)}.ot-app .ot-tag-today{color:#fff;font-size:11px}.ot-help{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.ot-help__tips{background:var(--ot-soft);border-radius:10px;padding:10px 14px;font-size:14px}.ot-help__tips ul{margin:4px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
