@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;450;500;550;600;650;700&display=swap');
:root{--ink:#203b31;--muted:#6c7d72;--accent:#315c45;--line:#54745a20;--glass:#ffffff73;--tint:#dbe9dc;--shadow:0 10px 40px #304b3510;--font:'Golos Text','Segoe UI',sans-serif;color-scheme:light;font-family:var(--font);font-size:14px;color:var(--ink);background:#e8f1e3}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 7% 5%,#e4f2db 0,transparent 52%),radial-gradient(ellipse at 100% 50%,#d5e5d4 0,transparent 50%),linear-gradient(125deg,#eaf1e7,#f2f3eb 60%,#e0ebdd);background-attachment:fixed}body[data-theme=sakura]{background:radial-gradient(ellipse at top right,#f1dce2,transparent 65%),linear-gradient(120deg,#f4edea,#e8efdf)}body[data-theme=mist]{background:radial-gradient(ellipse at 10% 10%,#e2e8f2,transparent 60%),linear-gradient(130deg,#edf1f4,#e0e7e6)}body[data-theme=plain]{background:#edf1ea}body[data-theme=yandex]{background:radial-gradient(ellipse at 8% 6%,#ffe9a8 0,transparent 55%),radial-gradient(ellipse at 95% 40%,#ffd9c7 0,transparent 50%),linear-gradient(125deg,#fffdf4,#fff6dc 60%,#ffefb8)}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6b9676;outline-offset:4px}button:disabled{cursor:default;opacity:.55}svg{display:block}h1,h2,h3,p{margin:0}h1{font-weight:450;letter-spacing:-1.6px;font-size:40px;line-height:1.2}h2{font-size:18px;font-weight:550;letter-spacing:-.45px}h3{font-size:16px;font-weight:550}small{color:var(--muted);font-size:12px}p{line-height:1.65}input,select,textarea{min-width:0;border:1px solid #80978639;border-radius:12px;background:#ffffff80;padding:12px 14px;outline:none}input::placeholder,textarea::placeholder{color:#88968c}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical}option{background:#fff}.atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.orb{position:absolute;border:1px solid #fff5;border-radius:50%;background:linear-gradient(130deg,#fff4,#fff0);box-shadow:inset -20px -20px 60px #6c8e6410,inset 4px 5px 30px #fff5;filter:blur(.2px)}.orb-one{width:520px;height:520px;right:-210px;top:300px}.orb-two{width:330px;height:330px;left:-140px;bottom:-100px}.petal{position:absolute;top:-35px;width:12px;height:23px;border-radius:85% 10% 75% 20%;background:linear-gradient(140deg,#fffaf6cc,#d9bcb578);box-shadow:0 1px 3px #ac9d8c10;animation:float-down 24s linear infinite;opacity:.7}.petal:nth-child(3n){width:8px;height:16px;filter:blur(1px)}@keyframes float-down{0%{transform:translate3d(0,-5vh,0) rotate(0)}50%{transform:translate3d(80px,48vh,0) rotate(170deg)}100%{transform:translate3d(-60px,108vh,0) rotate(340deg)}}.paused .petal{animation-play-state:paused}body[data-theme=plain] #petals{display:none}#backdrop-video,#backdrop-image{width:100%;height:100%;object-fit:cover;opacity:.24}.app{position:relative;max-width:1512px;margin:auto;padding:0 56px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:26px}.wordmark{display:flex;align-items:center;font-size:29px;font-weight:550;letter-spacing:-1.7px;white-space:nowrap}.brand-flower{font-size:31px;margin-right:9px;font-weight:400}.brand-dot{color:#789375}.nav-glass{position:relative;display:flex;align-items:center;isolation:isolate;padding:6px;background:#ffffff55;border:1px solid #ffffffc9;border-radius:38px;box-shadow:inset 0 2px 2px #fff8,0 5px 20px #27422908;backdrop-filter:blur(20px);touch-action:pan-y;user-select:none}.nav-glass button{z-index:1;position:relative;font-size:12px;font-weight:500;padding:14px 18px;border-radius:30px;white-space:nowrap;color:#69776c;touch-action:pan-y}.nav-glass button[aria-current=page]{color:var(--ink)}.nav-thumb{position:absolute;left:6px;top:6px;height:calc(100% - 12px);border:1px solid #ffffffed;border-radius:30px;background:linear-gradient(145deg,#fffffff0,#ffffff80);box-shadow:0 3px 10px #314b3913,inset 0 1px 1px white;transition:transform .32s cubic-bezier(.2,.8,.2,1),width .32s;z-index:0}.nav-glass.dragging .nav-thumb{transition:none}.user-button{display:flex;gap:10px;align-items:center;font-size:12px}.avatar{width:76px;height:76px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(145deg,#6e8970,#35583e);color:white;border-radius:50%;font-size:30px;border:3px solid #fff9;box-shadow:0 4px 15px #27482a16;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.small-avatar{width:36px;height:36px;font-size:14px;border-width:2px}.chevron{color:var(--muted)}main{min-height:calc(100vh - 174px);padding-top:22px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:1.65px;color:var(--muted);margin-bottom:10px}.subtitle{font-size:13px;color:var(--muted);margin-top:10px}.date-pill{padding:11px 16px;border:1px solid #ffffffad;border-radius:24px;background:#ffffff3b;font-size:12px;display:flex;align-items:center;gap:10px;white-space:nowrap}.icon{width:18px;height:18px;display:inline-block;flex-shrink:0;vertical-align:middle;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.glass{background:var(--glass);border:1px solid #ffffffe0;border-radius:22px;box-shadow:var(--shadow),inset 0 1px 0 #fff;backdrop-filter:blur(18px)}.metrics-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px;margin-bottom:20px}.metric-card{position:relative;padding:24px 27px;min-height:206px;overflow:hidden}.card-top{display:flex;justify-content:space-between;align-items:center;gap:14px}.card-label{font-size:13px;font-weight:450}.icon-well{display:grid;place-items:center;width:32px;height:32px;border:1px solid #8d9e8929;border-radius:50%;color:#778b76}.big-number{font-size:48px;font-weight:450;letter-spacing:-2px;line-height:1.3;margin:19px 0 12px;font-variant-numeric:tabular-nums}.big-number .currency{font-size:32px;color:#82917e;font-weight:400}.metric-meta{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.positive{display:inline-flex;align-items:center;gap:3px;color:#487443;background:#deead965;border-radius:6px;padding:4px 6px;font-size:10px}.sparkline{position:absolute;right:20px;bottom:20px;width:100px;height:45px;opacity:.7}.daily{display:flex;justify-content:space-between;align-items:center;margin-top:11px}.call-type{width:147px}.call-type svg{width:147px;height:69px;overflow:visible}.call-type .call-word{display:block;width:147px;font-size:26px;letter-spacing:2.2px;font-weight:400;line-height:1}.daily-note{font-size:11px;color:var(--muted);max-width:95px;line-height:1.7}.small-link{display:inline-flex;align-items:center;gap:9px;font-size:11px;color:#5b725c;margin-top:19px;padding:0}.commission-number{font-family:Georgia,serif;font-size:73px;font-weight:400;letter-spacing:-5px;line-height:1;margin:10px 0 18px}.commission-number span{font-size:44px;letter-spacing:-2px;margin-left:6px}.commission-card{background:linear-gradient(130deg,#fcfffaa6,#e2eed79c)}.commission-card:after{content:'✳';position:absolute;font-size:190px;color:#8da77a12;right:4px;bottom:-40px;pointer-events:none}.analytics-grid{display:grid;grid-template-columns:1fr 2.05fr;gap:20px}.plan-card,.chart-card{padding:24px 27px}.period-label{font-size:11px;color:var(--muted)}.ring{width:178px;height:178px;position:relative;margin:22px auto 19px}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-value strong{font-size:38px;font-weight:450;letter-spacing:-1px}.ring-value span{font-size:11px;color:var(--muted);margin-top:4px}.plan-bottom{display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid var(--line);font-size:11px;gap:10px}.plan-bottom strong{font-weight:500}.chart-tabs{display:flex;gap:3px;background:#7290700b;border:1px solid #6f826319;border-radius:9px;padding:3px}.chart-tabs button{font-size:10px;padding:6px 10px;border-radius:6px;color:var(--muted)}.chart-tabs button.active{background:#ffffffbc;color:var(--ink);box-shadow:0 2px 5px #33452608}.chart-meta{display:flex;align-items:center;justify-content:space-between;margin:21px 0 5px}.chart-total{font-size:26px;font-weight:450;letter-spacing:-1px}.chart-total small{font-size:11px;letter-spacing:0;margin-left:9px}.legend{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.legend i{width:6px;height:6px;background:#60875b;border-radius:50%}.chart{width:100%;height:178px;overflow:visible}.chart text{font-family:var(--font);font-size:10px;fill:#839181}.chart-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;font-size:11px;color:var(--muted)}.chart-bottom b{font-weight:500;color:var(--ink)}.lower-grid{display:grid;grid-template-columns:2.05fr 1fr;gap:20px;margin-top:20px}.upcoming{padding:22px 27px}.text-button{font-size:11px;padding:0;display:inline-flex;gap:8px;align-items:center;color:var(--muted)}.call-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.call-row:last-child{border-bottom:0;padding-bottom:0}.company-mark{width:36px;height:36px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;font-family:Georgia,serif;font-size:19px;background:#e1e9dc;color:#577254}.company-mark.pink{background:#efdfdd;color:#9e7671}.company-mark.blue{background:#dfe6ea;color:#667c88}.company-info{flex:1;min-width:0}.company-info strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.company-info small{display:block;font-size:10px;margin-top:4px}.call-time{font-size:11px;min-width:50px;color:var(--muted)}.call-row .tag{font-size:9px}.circle-button{border:1px solid #82947c32;border-radius:50%;display:grid;place-items:center;width:31px;height:31px;background:#ffffff70;flex-shrink:0}.insight{padding:24px 27px;background:linear-gradient(140deg,#faffedac,#edf2df60);position:relative;overflow:hidden}.insight h2{font-size:14px;margin-top:13px}.insight p{font-size:12px;color:#69785c;max-width:300px;margin-top:10px;position:relative}.insight .eyebrow{font-size:9px;letter-spacing:1.1px;display:flex;gap:7px;align-items:center}.insight:after{content:'✳';font-size:130px;color:#80926310;position:absolute;right:-8px;bottom:-40px}footer{display:flex;justify-content:space-between;gap:20px;padding:27px 2px 22px;font-size:9px;color:#7e8d7c;letter-spacing:.3px}footer span{display:flex;align-items:center;gap:7px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7b9972}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 18px;border-radius:12px;font-size:12px;transition:transform .2s,background .2s}.button.primary{background:var(--accent);color:white;box-shadow:0 5px 12px #2f513218}.button.secondary{background:#ffffff78;border:1px solid #fff;color:var(--ink)}.button:hover{transform:translateY(-1px)}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:24px 0}.search-box{display:flex;align-items:center;gap:10px;border:1px solid #fff;background:#ffffff65;border-radius:12px;padding:0 13px;flex:1;max-width:340px}.search-box input{background:none;border:0;width:100%;padding-left:0;font-size:12px}.toolbar select{font-size:12px;background:#ffffff65;border-color:#fff}.view-switch{display:flex;padding:4px;border:1px solid #fff;background:#ffffff50;border-radius:13px;margin-left:auto}.view-switch button{padding:9px 12px;border-radius:9px;font-size:11px;display:flex;gap:7px;align-items:center;color:var(--muted)}.view-switch button.active{background:#fff;color:var(--ink);box-shadow:0 2px 9px #334d3210}.view-switch .icon{width:14px;height:14px}.mini-metrics{display:flex;gap:38px;margin-top:26px;padding:19px 24px}.mini-metrics div{display:flex;gap:12px;align-items:baseline}.mini-metrics span{font-size:11px;color:var(--muted)}.mini-metrics strong{font-size:20px;font-weight:500;letter-spacing:-.5px}.table-container{overflow:auto}.clients-table{width:100%;border-collapse:collapse;text-align:left;min-width:1040px}.clients-table th{font-size:10px;white-space:nowrap;font-weight:450;color:var(--muted);padding:18px 20px;border-bottom:1px solid var(--line)}.clients-table td{font-size:11px;padding:19px 20px;border-bottom:1px solid var(--line)}.clients-table tr:last-child td{border:0}.clients-table tbody tr:hover{background:#fff5}.table-company{display:flex;align-items:center;gap:10px;text-align:left;padding:0}.table-company strong{display:block;font-size:12px;font-weight:500}.table-company small{font-size:10px;display:block;margin-top:4px}.table-company .company-mark{width:31px;height:31px;font-size:16px}.tag{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:#e1e7dd;color:#5c7358;padding:6px 9px;border-radius:7px;font-size:10px}.tag:before{content:'';width:4px;height:4px;background:currentColor;border-radius:50%}.tag[data-stage="1"],.tag[data-stage="2"]{background:#e2e9ed;color:#5b7b8a}.tag[data-stage="3"],.tag[data-stage="4"]{background:#ece5f0;color:#827191}.tag[data-stage="5"]{background:#f0e9d8;color:#9a8550}.tag[data-stage="6"]{background:#dcebdc;color:#527c4d}.tag[data-stage="7"]{background:#eedfdc;color:#98645f}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.client-card{padding:23px;min-width:0}.client-card h3{margin:17px 0 5px;overflow-wrap:anywhere}.client-card p{font-size:11px;color:var(--muted)}.client-card .card-amount{font-size:25px;margin:22px 0;font-weight:450;letter-spacing:-.6px}.client-card .card-bottom{border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:10px}.client-card .button{margin-top:16px;width:100%}.board{display:flex;gap:15px;overflow-x:auto;padding-bottom:20px;min-height:400px}.kanban-column{min-width:252px;width:252px;flex-shrink:0;background:#ffffff24;border-radius:15px;padding:12px;transition:background .2s;border:1px solid #ffffff70}.kanban-column.dragover{background:#c5dcc6aa;outline:2px dashed #86a884}.column-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;margin-bottom:18px;padding:4px}.column-heading b{font-size:10px;font-weight:400;color:var(--muted)}.kanban-column .client-card{margin-bottom:12px;padding:17px;border-radius:13px;cursor:grab}.kanban-column .client-card:active{cursor:grabbing}.kanban-column .client-card h3{font-size:14px}.kanban-column .card-amount{font-size:20px;margin:15px 0}.empty{padding:50px 20px;text-align:center;color:var(--muted);font-size:13px}.empty p{margin-top:8px;font-size:11px}.list-caption{font-size:11px;color:var(--muted);margin:18px 0 0}.calls-layout{display:grid;grid-template-columns:265px 1fr;gap:22px;margin-top:25px}.calendar{padding:24px;align-self:start}.calendar h3{margin-bottom:20px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.calendar-grid span{padding:7px 0;font-size:10px;color:var(--muted)}.calendar-grid button{height:30px;padding:3px;font-size:11px;border-radius:50%}.calendar-grid button.selected{background:var(--accent);color:white}.calendar-grid button.has-call{box-shadow:inset 0 -2px #92ac85}.calendar .button{margin-top:20px;width:100%;font-size:11px}.calls-panel{padding:26px}.calls-panel .call-row{padding:20px 0}.calls-panel .company-info strong{font-size:14px}.calls-panel .company-info small{font-size:11px}.calls-panel .call-row .button{font-size:10px;padding:10px 12px}.profile-layout{display:grid;grid-template-columns:1fr 1.8fr;gap:22px;margin-top:26px}.identity{padding:32px;text-align:center;align-self:start}.identity .avatar{margin:0 auto 18px;width:90px;height:90px;font-size:35px}.identity h2{font-size:22px;margin:12px 0}.identity .tag{margin-bottom:16px}.identity p{font-size:11px;color:var(--muted)}.rank-track{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;margin:25px 0;padding-top:25px;border-top:1px solid var(--line)}.rank-track div{display:flex;align-items:center;flex-direction:column;gap:9px;font-size:9px;color:#7a897e}.rank-track i{display:grid;place-items:center;font-style:normal;width:34px;height:34px;border:1px solid #91a08442;border-radius:50%;font-size:15px}.rank-track .current{color:var(--ink)}.rank-track .current i{background:var(--accent);color:white}.profile-panels{display:grid;gap:20px}.profile-panel{padding:26px}.profile-panel h2{margin-bottom:20px}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-form label,.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--muted)}.profile-form input[type=color]{padding:3px;height:43px;width:100%}.profile-form input[type=file]{padding:10px;font-size:10px;width:100%}.full{grid-column:1/-1}.profile-form .button{justify-self:start}.commission-path{display:flex;justify-content:space-between;gap:12px;margin:24px 0}.commission-step{flex:1;border-top:3px solid #b1c5aa;padding-top:15px}.commission-step:first-child{border-color:var(--accent)}.commission-step strong{display:block;font-family:Georgia,serif;font-size:29px;font-weight:400}.commission-step small{display:block;line-height:1.5;margin-top:7px;font-size:10px}.muted-note{color:var(--muted);font-size:11px;line-height:1.7}.themes{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.theme-option{padding:0;text-align:left;font-size:10px;color:var(--muted)}.theme-preview{display:block;height:71px;border:2px solid #fff;border-radius:13px;margin-bottom:9px;box-shadow:0 3px 8px #35583408;position:relative;overflow:hidden;background:linear-gradient(130deg,#e2f1d4,#c4d5b6)}.theme-preview:after{content:'✳';font-size:65px;color:#ffffff87;position:absolute;right:4px;top:-6px}.theme-option[data-theme=sakura] .theme-preview{background:linear-gradient(130deg,#f4e7e0,#e6c3cd)}.theme-option[data-theme=mist] .theme-preview{background:linear-gradient(130deg,#e8edf5,#bcccd3)}.theme-option[data-theme=plain] .theme-preview{background:#edf1ea}.theme-option[data-theme=yandex] .theme-preview{background:linear-gradient(135deg,#ffcc00 0%,#ffcc00 48%,#fc3f1d 100%)}.theme-option[data-theme=plain] .theme-preview:after{content:''}.theme-option[aria-pressed=true] .theme-preview{outline:2px solid var(--accent);outline-offset:2px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.toggle{width:36px;height:21px;border-radius:20px;background:#a7b2a5;padding:3px;position:relative}.toggle:after{content:'';display:block;width:15px;height:15px;border-radius:50%;background:white;transition:transform .2s}.toggle[aria-checked=true]{background:var(--accent)}.toggle[aria-checked=true]:after{transform:translateX(15px)}.upload-background{display:block;border:1px dashed #8ba0807d;border-radius:12px;text-align:center;padding:17px;font-size:11px;color:var(--muted);margin-top:18px;cursor:pointer}.upload-background input{display:block;margin:12px auto 0;width:100%;max-width:340px;font-size:10px;border:0;background:none;padding:0}dialog{max-width:620px;width:calc(100% - 32px);max-height:calc(100dvh - 48px);border:1px solid #fff;border-radius:24px;padding:28px;background:#f3f7efed;backdrop-filter:blur(35px);box-shadow:0 25px 90px #243e3626;color:var(--ink)}dialog::backdrop{background:#1e382e2a;backdrop-filter:blur(8px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dialog-heading h2{font-size:25px}.dialog-heading .eyebrow{font-size:9px;margin-bottom:7px}.icon-button{font-size:25px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #8ba08035;border-radius:50%;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label{position:relative}.required{position:absolute;left:87px;color:#6e8c63}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:27px;padding-top:22px;border-top:1px solid var(--line)}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);border:1px solid #ffffff80;background:#2e4c3ced;color:white;backdrop-filter:blur(12px);border-radius:14px;padding:15px 25px;font-size:12px;z-index:5;box-shadow:0 10px 30px #233f3029;max-width:calc(100% - 40px)}[hidden]{display:none!important}.fade-in{animation:appear .35s ease-out}@keyframes appear{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}.inline-stats{display:flex;justify-content:space-around;gap:10px;margin:22px 0 0;padding-top:22px;border-top:1px solid var(--line)}.inline-stats b{font-size:20px;font-weight:450;display:block}.inline-stats small{font-size:10px;display:block;margin-top:7px}
@media(min-width:1500px){.app{padding:0 65px}main{padding-top:35px}.header{height:122px}.metric-card{min-height:220px}.chart{height:195px}}
@media(max-width:1180px){.app{padding:0 28px}.header{gap:12px}.nav-glass button{padding:13px 11px;font-size:11px}.user-button #header-name,.user-button .chevron{display:none}.wordmark{font-size:25px}.brand-flower{font-size:26px}.metric-card{padding:22px}.big-number{font-size:40px}.daily-note{display:none}.chart-card,.plan-card,.upcoming,.insight{padding:23px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.call-row .tag{display:none}}
@media(max-width:850px){.header{height:auto;flex-wrap:wrap;padding:22px 0;row-gap:22px}.nav-glass{order:3;width:100%;justify-content:space-between}.nav-glass button{flex:1;padding:13px 8px}.user-button #header-name{display:inline}main{padding-top:16px}h1{font-size:33px}.page-heading{margin-bottom:25px}.metrics-grid{gap:12px;grid-template-columns:1.2fr 1fr 1fr}.metric-card{padding:18px;min-height:193px}.big-number{font-size:34px;margin-top:24px}.big-number .currency{font-size:24px}.metric-meta{font-size:9px;gap:4px;flex-wrap:wrap}.sparkline{display:none}.card-label{font-size:11px}.icon-well{width:26px;height:26px}.call-type,.call-type svg{width:117px}.call-type .call-word{width:117px;font-size:21px;letter-spacing:1.5px}.commission-number{font-size:64px}.commission-number span{font-size:35px}.analytics-grid{grid-template-columns:1fr 1.7fr;gap:12px}.lower-grid{gap:12px}.plan-card,.chart-card,.upcoming,.insight{padding:20px}h2{font-size:16px}.ring{width:153px;height:153px}.chart{height:160px}.chart-total{font-size:22px}.chart-meta .legend{display:none}.chart-total small{font-size:9px}.plan-bottom{flex-direction:column;gap:7px}.profile-layout{grid-template-columns:1fr 1.5fr;gap:15px}.identity{padding:24px 18px}.profile-panel{padding:23px}.profile-form{grid-template-columns:1fr}.profile-form .full{grid-column:auto}.themes{grid-template-columns:repeat(3,1fr)}.calls-layout{grid-template-columns:210px 1fr;gap:15px}.calendar{padding:17px}.calls-panel{padding:20px}.calls-panel .call-row{flex-wrap:wrap}.calls-panel .call-row .company-info{min-width:150px}.calls-panel .call-row .tag{display:none}.mini-metrics{gap:20px;flex-wrap:wrap}.mini-metrics div{gap:8px}.mini-metrics strong{font-size:18px}.toolbar .view-switch{margin-left:0}.toolbar .search-box{max-width:none}.chart-tabs button{padding:5px 7px}}
@media(max-width:600px){.app{padding:0 18px}.header{padding-top:20px;row-gap:18px}.wordmark{font-size:26px}.nav-glass{border-radius:20px;padding:4px;overflow:hidden;min-height:58px}.nav-glass button{font-size:9px;white-space:normal;line-height:1.4;padding:10px 5px;height:48px}.nav-thumb{top:4px;left:4px;height:calc(100% - 8px);border-radius:16px}.page-heading{align-items:flex-start;gap:15px}.page-heading .date-pill{font-size:9px;padding:9px;gap:5px}.date-pill .icon{display:none}h1{font-size:28px;letter-spacing:-1px}.eyebrow{font-size:8px;letter-spacing:1.2px}.subtitle{font-size:11px;line-height:1.6}.metrics-grid{grid-template-columns:1fr 1fr;gap:12px}.metric-card:first-child{grid-column:1/-1;min-height:177px}.metric-card:first-child .big-number{font-size:44px;margin:13px 0}.metric-card:first-child .sparkline{display:block;width:110px;bottom:25px}.metric-card{min-height:192px;padding:19px}.card-label{font-size:12px}.daily{margin-top:8px}.commission-number{margin-top:16px;font-size:65px}.commission-number span{font-size:34px}.metric-meta{font-size:9px}.small-link{font-size:9px}.analytics-grid,.lower-grid{grid-template-columns:1fr;gap:14px}.plan-card{position:relative;min-height:195px}.plan-card .ring{width:135px;height:135px;margin:17px 5px 0}.plan-card .plan-bottom{position:absolute;left:52%;top:78px;border:0;padding:0;font-size:11px;gap:18px}.ring-value strong{font-size:30px}.ring-value span{font-size:10px}.chart-card{min-height:285px}.chart{height:170px}.chart-bottom{font-size:9px}.chart-total small{font-size:9px}.upcoming .call-row .tag{display:none}.insight{min-height:185px}.insight p{max-width:95%}footer{flex-direction:column;gap:10px;font-size:8px;padding-top:23px}.cards-grid{grid-template-columns:1fr}.page-heading .button{font-size:10px;padding:11px 12px;gap:8px;white-space:nowrap}.mini-metrics{padding:17px;gap:20px}.mini-metrics div{flex-direction:column;gap:6px}.mini-metrics strong{font-size:17px}.mini-metrics span{font-size:9px}.toolbar{gap:10px}.search-box{min-width:100%}.toolbar select{flex:1;max-width:100%;font-size:10px;padding:11px 8px}.view-switch{width:100%;justify-content:space-between}.view-switch button{flex:1;justify-content:center}.profile-layout{grid-template-columns:1fr}.profile-form{grid-template-columns:1fr 1fr}.profile-form .full{grid-column:1/-1}.themes{grid-template-columns:repeat(3,1fr);gap:10px}.theme-preview{height:60px}.commission-step strong{font-size:27px}.calls-layout{grid-template-columns:1fr}.calendar{display:none}.calls-panel .call-row .company-info{min-width:145px}.calls-panel .call-row .button{margin-left:49px}.form-grid{grid-template-columns:1fr}.full{grid-column:1}.dialog-heading h2{font-size:21px}dialog{padding:22px;max-height:calc(100dvh - 24px)}.dialog-footer .button{font-size:11px;padding:12px}.profile-form input{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.call-type .call-word{display:flex;justify-content:space-between;letter-spacing:0}.daily-note{max-width:124px;font-size:10px}
/* Atmosphere owns interface colours; the personal colour belongs to the avatar. */
body{--ink:#203b31;--muted:#617260;--accent:#315c45;--tint:#dde7d8;--chart-line:#799567;--chart-fill:#97b188;--line:#54745a25;--glass:#ffffff85;--surface:#f3f7ef;--soft:#e6efdf;--petal:#d9bcb578}
body[data-theme=sakura]{--ink:#50313f;--muted:#826473;--accent:#954967;--tint:#ecd8e1;--chart-line:#af6e8d;--chart-fill:#d99eb7;--line:#97617b25;--glass:#fff9fc99;--surface:#fbf1f6;--soft:#f4dfe9;--petal:#e49dbd99}
body[data-theme=mist]{--ink:#293e52;--muted:#63798c;--accent:#426f91;--tint:#dbe6ee;--chart-line:#789ab4;--chart-fill:#9abed5;--line:#5a7e9a25;--glass:#f8fcff99;--surface:#f0f5fa;--soft:#dfeaf3;--petal:#b3cfe0aa}
body[data-theme=plain]{--ink:#383c39;--muted:#6c746d;--accent:#555f58;--tint:#e0e5df;--chart-line:#8b958c;--chart-fill:#b4bdb3;--line:#6a736925;--glass:#ffffffa6;--surface:#f4f5f2;--soft:#e7eae4}
body[data-theme=yandex]{--ink:#21201f;--muted:#6e6c69;--accent:#cb320b;--tint:#ffedbe;--chart-line:#cb320b;--chart-fill:#ffcc00;--line:#5a554e2b;--glass:#ffffffb0;--surface:#fffefa;--soft:#fff1be;--petal:#ffcc0099}
body{background-color:var(--surface);color:var(--ink);--shadow:0 10px 40px color-mix(in srgb,var(--accent) 7%,transparent)}
main:focus{outline:none}
.header{position:relative;justify-content:flex-start}.nav-glass{margin-left:auto;margin-right:auto}.header:after{content:'';width:140px;flex-shrink:0}
.commission-number{font-size:clamp(96px,39cqw,145px);margin:10px 0 0;line-height:.94;transform:translateY(-17px)}
.metrics-grid .metric-card{min-height:206px;padding-top:22px;padding-bottom:22px}
.tag:not([data-stage]){background:var(--soft);color:var(--accent)}
.avatar-color{display:block;position:relative;width:90px;height:90px;margin:0 auto 18px;cursor:pointer;border-radius:50%}.identity .avatar-color .avatar{margin:0}.avatar-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0}.avatar-color:focus-within{outline:3px solid var(--accent);outline-offset:4px}
.profile-form>label:first-child{grid-column:1/-1}
.space-transition{position:fixed;overflow:clip;pointer-events:none;z-index:2}.space-track{position:relative;display:flex;align-items:flex-start;will-change:transform}.space-frame{flex-shrink:0;min-width:0;overflow:visible;padding-bottom:24px}.header{z-index:3}
@media(hover:hover) and (pointer:fine){.nav-glass button:not([aria-current=page]):hover{background:#ffffff20;color:var(--ink)}}
@media(max-width:1180px){.header:after{width:50px}}
@media(max-width:850px){.header:after{display:none}.nav-glass{margin:0}.metrics-grid .metric-card{padding:18px;min-height:193px}}
@media(max-width:600px){.metrics-grid .metric-card{padding:19px;min-height:185px}.metrics-grid .metric-card:first-child{min-height:177px}.commission-number{font-size:clamp(64px,43cqw,96px);margin-top:18px}}
.brand-dot,.brand-flower,.small-link,.icon-well,.legend,.text-button,.call-time,.nav-glass button,.view-switch button,.chart text,.chart-bottom,.rank-track div,.eyebrow,footer,.big-number .currency{color:var(--muted)}
.chart text{fill:var(--muted)}
.nav-glass button[aria-current=page],.view-switch button.active,.chart-tabs button.active{color:var(--accent)}
.live-dot,.legend i,.rank-track .current i{background:var(--accent)}
.commission-card,.insight{background:linear-gradient(130deg,var(--glass),var(--soft))}
.commission-card:after,.insight:after{color:var(--accent);opacity:.065}
.insight p,.positive{color:var(--accent)}
.positive,.company-mark,.company-mark.pink,.company-mark.blue{background:var(--soft);color:var(--accent)}
.commission-step{border-color:var(--tint)}.commission-step:first-child{border-color:var(--accent)}
.chart-tabs,.calendar-grid button.has-call{background:color-mix(in srgb,var(--tint) 35%,transparent)}
.calendar-grid button.has-call{box-shadow:inset 0 -2px var(--chart-line)}
.petal{background:linear-gradient(140deg,#fffaf6cc,var(--petal))}
dialog{background:color-mix(in srgb,var(--surface) 94%,transparent)}
dialog::backdrop{background:color-mix(in srgb,var(--ink) 18%,transparent)}
input,select,textarea,.circle-button,.icon-well,.icon-button,.upload-background{border-color:var(--line)}
input::placeholder,textarea::placeholder{color:var(--muted)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--accent)}
.button.primary,#toast{background:var(--accent);color:white}.toggle[aria-checked=true]{background:var(--accent)}
.kanban-column.dragover{background:var(--tint);outline-color:var(--accent)}
.commission-card{container-type:inline-size}.commission-number{font-size:clamp(96px,40cqw,170px);line-height:.95;letter-spacing:-.065em;margin:15px 0 17px;white-space:nowrap}.commission-number span{font-size:.85em;letter-spacing:-.07em;margin-left:.02em}
body[data-page=clients] .app,body[data-page=leads] .app{max-width:1920px}
.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.client-card{cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}.client-card .card-top{flex-wrap:wrap;gap:8px}.client-card .tag{white-space:normal;line-height:1.4}.client-card .tag:before{flex-shrink:0}.client-card .card-bottom{font-size:10px}.client-card .card-bottom>span{min-width:0}
.board{scrollbar-width:none;min-height:calc(100dvh - 400px);padding:0 0 16px;gap:20px}.board::-webkit-scrollbar{display:none}.kanban-column{width:300px;min-width:300px;padding:16px}.kanban-column .client-card{padding:20px}
@media(hover:hover) and (pointer:fine){.client-card:hover{background:color-mix(in srgb,var(--soft) 55%,white);border-color:var(--chart-line);box-shadow:0 8px 25px color-mix(in srgb,var(--accent) 12%,transparent)}.button:hover{transform:none;background:var(--soft);color:var(--accent)}.button.primary:hover{background:color-mix(in srgb,var(--accent) 85%,black);color:white}.nav-glass button:not([aria-current=page]):hover,.circle-button:hover,.view-switch button:not(.active):hover{background:var(--soft);color:var(--accent)}}
@media(min-width:1280px){.cards-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.cards-grid .client-card{padding:18px}.cards-grid .card-amount{font-size:23px}}
@media(min-width:1720px){.cards-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1000px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cards-grid{grid-template-columns:1fr}.commission-number{font-size:clamp(64px,43cqw,96px);margin:22px 0}.kanban-column{width:285px;min-width:285px}.board{min-height:440px}}
.commission-number{font-size:clamp(96px,39cqw,145px);margin:10px 0 0;line-height:.94}
@media(hover:hover) and (pointer:fine){.nav-glass button:not([aria-current=page]):hover{background:#ffffff20;color:var(--ink)}}
@media(max-width:600px){.commission-number{font-size:clamp(64px,43cqw,96px);margin:18px 0 0}}
.wordmark{font-size:27px;letter-spacing:-1.3px}.brand-name{font-weight:600}.brand-service{font-weight:400;color:var(--muted);letter-spacing:-1.2px}.wordmark .brand-flower{font-size:27px;margin-right:10px}
.header:after{width:230px}.nav-glass{flex:none;width:auto;gap:3px}.nav-glass button{display:grid;place-items:center;width:59px;height:46px;padding:11px;flex:none}.nav-glass button .icon{width:22px;height:22px;pointer-events:none}
.glass-select{position:relative;min-width:175px}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;border:1px solid #fff;background:var(--glass);padding:12px 14px;border-radius:12px;font-size:12px;min-height:43px}.select-trigger .icon{width:16px;height:16px;color:var(--muted)}.select-trigger[aria-expanded=true]{border-color:var(--chart-line);background:var(--surface)}.select-options{position:absolute;left:0;top:calc(100% + 8px);min-width:100%;width:max-content;max-width:min(300px,calc(100vw - 36px));max-height:330px;overflow:auto;padding:6px;border-radius:16px;border:1px solid #fff;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(24px);box-shadow:0 16px 45px color-mix(in srgb,var(--ink) 18%,transparent);z-index:8}.select-options button{display:block;position:relative;width:100%;text-align:left;padding:11px 34px 11px 12px;border-radius:10px;font-size:12px;color:var(--ink)}.select-options button[aria-selected=true]{background:var(--soft);color:var(--accent)}.select-options button[aria-selected=true]:after{content:'✓';position:absolute;right:12px}.select-options button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:var(--soft)}
@media(hover:hover) and (pointer:fine){.select-options button:hover{background:var(--soft);color:var(--accent)}}
@media(max-width:1000px){.header:after{width:0}}
@media(max-width:850px){.nav-glass{width:100%;justify-content:space-around}.nav-glass button{width:calc((100% - 12px)/5)}}
@media(max-width:600px){.wordmark{font-size:25px}.nav-glass button{height:48px}.glass-select{flex:1;min-width:0}.select-trigger{font-size:10px;padding:11px 10px;gap:6px}.select-options{max-width:calc(100vw - 36px)}.glass-select:last-of-type .select-options{left:auto;right:0}}

/* Keep the brand anchored while section widths and content change. */
.header:before{content:'';width:240px;height:36px;flex-shrink:0}.wordmark{position:fixed;top:38px;left:clamp(18px,2.4vw,56px);z-index:10}.brand-symbol{width:32px;height:32px;flex:none;margin-right:10px;color:var(--accent)}
@media(max-width:850px){.header:before{width:100%;height:34px}.wordmark{top:22px}}
@media(max-width:600px){.wordmark{top:20px;left:18px}.brand-symbol{width:30px;height:30px}}

[hidden]{display:none!important}.login-panel{max-width:460px;margin:40px auto;padding:32px}.login-panel h1{font-size:30px}.login-panel form{display:grid;gap:18px;margin:26px 0}.login-panel label{display:grid;gap:8px}#login-error{color:#9c3737}.team-form{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.team-form h3{margin-bottom:15px}.team-form button{margin-top:14px}.new-user{margin-top:24px}.new-user summary{cursor:pointer;margin-bottom:18px}.real-chart{display:flex;gap:5px;align-items:flex-end;height:150px;margin-bottom:20px}.real-chart>div{flex:1}.real-chart i{display:block;background:var(--chart-line);border-radius:4px 4px 0 0;min-height:1px}#client-history{margin-top:24px}#client-history p{padding:12px 0;border-bottom:1px solid var(--line)}

.map-import{margin:0 0 18px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#ffffff72}.map-import h3{margin:0;font-size:14px;font-weight:500}.map-import>p{margin:7px 0 14px;color:var(--muted);font-size:11px;line-height:1.6}.map-import-source{display:grid;gap:7px;font-size:11px;color:var(--muted)}.map-import textarea{width:100%;min-height:88px;resize:vertical}.map-import-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.map-import-actions .muted-note{min-width:0;margin:0;overflow-wrap:anywhere}.map-import-text-fallback{margin-top:14px;color:var(--muted);font-size:11px}.map-import-text-fallback summary{cursor:pointer}.map-import-text-fallback .map-import-source{margin-top:12px}@media(max-width:600px){.map-import{padding:14px}.map-import-actions{align-items:flex-start}.map-import-actions .button{width:100%;justify-content:center}}