.ws-main:not(:has([data-gobek-design=beauty])){--g-radius:13px;& :is(.workspace-view,.school-module,.cr-register,.g-settings,.gobek-dashboard){min-width:0;max-width:1320px;margin-inline:auto}& :is(.ws-page-heading,.gobek-page-heading,.co-heading,.school-heading,.salon-heading,.bv-hero,.ch-hero){gap:20px;padding:4px 0 22px;margin:0 0 20px;border-bottom:1px solid var(--g-line);align-items:flex-start}& :is(.ws-page-heading,.gobek-page-heading,.co-heading,.school-heading,.salon-heading,.bv-hero,.ch-hero) h1{font-family:var(--gobek-ui-font);font-size:clamp(28px,2.6vw,36px);line-height:1.2;letter-spacing:-.8px;font-weight:500;margin:8px 0 12px}& :is(.co-heading,.signature-overview,.salon-heading,.bv-hero,.ch-hero) h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--g-green)}& :is(.ws-page-heading,.gobek-page-heading,.co-heading,.school-heading,.salon-heading,.bv-hero,.ch-hero) :is(.ws-muted,.salon-muted,p:not(.ws-eyebrow)){font-size:12px;line-height:1.75;max-width:70ch;margin-bottom:0}& .ws-eyebrow{font-size:10px;letter-spacing:.1em;line-height:1.7}& :is(.co-heading>.co-actions,.bv-hero-aside,.ch-hero-actions){padding-top:4px;gap:10px}& :is(.ws-card,.ws-detail,.g-panel,.school-panel,.ch-panel,.salon-editor){border:1px solid var(--g-line);border-radius:13px;padding:18px;background:var(--g-paper);box-shadow:none}& :is(.ws-card,.ws-detail,.g-panel,.school-panel,.ch-panel,.salon-editor)>:is(h2,h3):first-child{margin-top:0}& :is(.ws-card,.ws-detail,.g-panel,.school-panel,.ch-panel,.salon-editor) h2{font-size:18px;line-height:1.4;letter-spacing:-.25px}& :is(.ws-card,.g-panel,.school-panel,.ch-panel) h3{font-size:15px;line-height:1.5}& :is(.ws-button,.ws-icon-button){min-height:36px;padding:7px 11px;border-radius:8px;font-size:12px;line-height:1.5;transition:border-color .15s ease}& .ws-button:not(.primary){background:var(--g-paper);color:var(--foreground);border-color:var(--g-line)}& .ws-button:not(.primary):hover{background:var(--g-soft)}& .ws-icon-button{min-width:36px;width:36px;padding:7px}& :is(.ws-button,.ws-icon-button)>svg{width:16px;height:16px}& :is(.ws-quick,.co-actions,.cr-actions,.gobek-page-actions,.accounting-dashboard-actions){gap:8px}& .ws-search{min-height:36px;margin-block:16px;padding:7px 11px;border-radius:8px}& .ws-search input{padding:0;font-family:var(--gobek-ui-font);font-size:13px;line-height:1.5}& .ws-search input::placeholder{font-family:inherit;font-size:12px}& .ws-search>svg{width:16px;height:16px}& .gobek-catalogue-filters{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(200px,1fr);gap:12px;align-items:end;margin:16px 0}& .gobek-catalogue-filters>:is(.ws-search,.ws-field){margin:0;min-width:0}& .ws-quick:has(>.ws-field:only-child){grid-template-columns:minmax(0,1fr);width:min(100%,380px)}& .bv-period:has(>.ws-field:only-child){grid-template-columns:minmax(0,1fr);width:min(100%,320px)}& [data-gobek-screen=new]>.ws-steps{max-width:860px}& .ws-orders-grid{grid-template-columns:minmax(0,1fr)}& :is(.ws-order-name,.ws-order-row>span:first-child,.ws-detail .ws-line>span:first-child){min-width:0;white-space:normal;overflow-wrap:anywhere}& .ws-detail .ws-line>:is(span,strong):last-child{flex-shrink:0;white-space:nowrap}& :is(.salon-tabs,.bv-tabs,.people-tabs,.school-tabs,.pro-tabs,.ch-tabs,.gobek-settings-tabs,.accounting-workspace-tabs){display:flex;flex-wrap:nowrap;align-items:center;gap:4px;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:thin;padding:12px 0;margin:0 0 20px;border-bottom:1px solid var(--g-line)}& :is(.salon-tabs,.bv-tabs,.people-tabs,.school-tabs,.pro-tabs,.ch-tabs,.gobek-settings-tabs,.accounting-workspace-tabs)>:is(button,a){flex:0 0 auto;min-height:38px;padding:8px 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--g-muted);font-size:12px;line-height:1.5;font-weight:400;white-space:nowrap;text-align:center}& :is(.salon-tabs,.bv-tabs,.people-tabs,.school-tabs,.pro-tabs,.ch-tabs,.gobek-settings-tabs,.accounting-workspace-tabs)>:is([aria-current=page],[aria-selected=true],[aria-pressed=true],.active){background:var(--g-paper);border-color:var(--g-line);color:var(--foreground);font-weight:500}& :is(.salon-tabs,.bv-tabs,.people-tabs,.school-tabs,.pro-tabs,.ch-tabs,.gobek-settings-tabs,.accounting-workspace-tabs)>:is(button,a):hover{background:var(--g-soft);color:var(--foreground)}& :is(.bv-metrics,.people-metrics,.school-metrics,.pro-metrics,.accounting-indicators,.gobek-dashboard-kpis){gap:12px;margin-block:18px}& .pro-metric,& :is(.bv-metrics,.people-metrics,.school-metrics,.accounting-indicators)>:is(article,button){min-width:0;min-height:0;padding:17px;border-radius:11px;gap:10px;box-shadow:none}& .pro-metric>strong,& :is(.bv-metrics,.people-metrics,.school-metrics,.accounting-indicators) :is(article,button)>:is(strong,b){font-size:clamp(23px,2.1vw,30px);font-weight:500;line-height:1.25;letter-spacing:-.6px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}& .pro-metric>:is(span,small),& :is(.bv-metrics,.people-metrics,.school-metrics,.accounting-indicators) :is(article,button)>:is(span,small){font-size:11px;line-height:1.6}& :is(.bv-grid,.school-two,.pro-board,.pro-projects,.parcel-grid,.parcel-master,.salon-checkout-layout){gap:18px}& :is(.accounting-table-scroll,.pro-table-scroll,.bv-table-wrap){scrollbar-width:thin;border-radius:10px}& :is(.accounting-table-scroll,.pro-table-scroll,.bv-table-wrap) :is(th,td){padding:11px 10px;line-height:1.55}& :is(.accounting-table-scroll,.pro-table-scroll,.bv-table-wrap) th{color:var(--g-muted);font-size:11px;font-weight:500}& :is(.accounting-table-scroll,.pro-table-scroll,.bv-table-wrap) td{font-size:12px}& :is(.ws-empty,.salon-empty,.co-empty,.ch-empty,.gobek-empty-state){padding:24px 16px;font-size:12px;line-height:1.75}& .gobek-empty-state>svg{width:22px;height:22px;padding:9px;border-radius:10px}& .gobek-empty-state h3{font-size:15px;margin-bottom:7px}& .gobek-empty-state p{font-size:12px;max-width:48ch}& :is(.ws-note,.cr-error,.salon-notice){padding:11px 13px;border-radius:8px;font-size:12px;line-height:1.7}& :is(.ws-note,.cr-error,.salon-notice) p+p{margin-top:7px}& .ws-menu-link{min-height:78px;padding:17px}& :is(.ws-product,.salon-appointment,.salon-product,.parcel-list-item,.ch-case,.co-access-preview){border-radius:12px}& :is(.ws-product-info,.salon-appointment,.parcel-list-item,.ch-case){padding:15px}& :is(.bv-section-heading,.salon-section-heading,.ch-section-title,.accounting-section-heading){gap:14px;margin:22px 0 16px}& :is(.bv-section-heading,.salon-section-heading,.ch-section-title,.accounting-section-heading) h2{font-size:19px;letter-spacing:-.3px}& .accounting-dashboard{border-radius:13px;padding:20px;margin-block:18px}& .accounting-dashboard h2{font-size:23px}& .accounting-open-dossier>.accounting-dossier-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;padding:14px;margin-bottom:8px}& .accounting-dossier-identity{min-width:0}& .accounting-dossier-identity .ws-eyebrow{margin:0 0 3px;font-size:9px}& .accounting-dossier-identity>strong{display:block;font-size:16px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}& .accounting-dossier-identity .ws-small{margin:3px 0 0;font-size:10px}& .accounting-year-form{gap:6px;margin:0}& .accounting-year-form .ws-field{width:90px;gap:4px}& .accounting-year-form input[type=number]{appearance:textfield}& .accounting-year-form input[type=number]::-webkit-inner-spin-button,& .accounting-year-form input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}& .accounting-year-note{margin:0 0 12px;font-size:10px}& .accounting-book-workspace>.ws-page-heading{align-items:center;gap:12px;padding:0 0 14px;margin-bottom:10px}& .accounting-book-workspace>.ws-page-heading h1{font-size:28px;margin:4px 0 6px}& .accounting-workspace-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}& .accounting-reference-summary{margin:0 0 10px;padding:0;border:0;border-bottom:1px solid var(--g-line);background:transparent}& .accounting-reference-summary>summary{display:flex;align-items:center;gap:8px;min-height:36px;list-style:none;font-size:11px;cursor:pointer}& .accounting-reference-summary>summary::-webkit-details-marker{display:none}& .accounting-reference-summary>summary:before{content:"+";width:12px;color:var(--g-muted);font-size:16px}& .accounting-reference-summary[open]>summary:before{content:"-"}& .accounting-reference-summary>summary>span{flex:1}& .accounting-reference-summary>summary>small{max-width:55%;overflow-wrap:anywhere;color:var(--g-muted);font-size:10px}& .accounting-reference-summary>div{padding:12px;margin-bottom:12px;border-left:2px solid var(--signature-accent);border-radius:7px;background:var(--g-soft);font-size:11px;line-height:1.7;overflow-wrap:anywhere}& .accounting-reference-summary>div>p{margin:6px 0 0}& .accounting-lock-note{margin:0 0 10px;color:var(--g-clay);font-size:11px;line-height:1.6}& .accounting-book-workspace .ws-card>code{display:block;max-width:100%;overflow-x:auto;white-space:nowrap;padding:10px;margin-block:12px;border:1px solid var(--g-line);border-radius:7px;background:var(--background);font-size:11px}& .accounting-book-workspace input[type=file]{display:block;width:100%;max-width:100%;min-width:0;font-size:12px}& .accounting-book-workspace textarea.ws-input{box-sizing:border-box;max-width:100%;font-size:13px;line-height:1.6}& .people-dashboard{margin-top:18px}& .people-dashboard h2{font-family:var(--gobek-ui-font);font-size:23px}& .people-module>.ws-page-heading+details{border-top:0;margin-top:0;padding-top:0}& .salon-metrics{gap:12px}& :is(.salon-metric,.salon-management-card){padding:18px;border-radius:13px}& .salon-metric>strong{margin:12px 0 8px;font-size:30px}& .salon-metric>p{margin-bottom:11px}& .bv-hero-aside>strong{font-size:15px;font-weight:500}& .ws-balance{gap:12px;margin-block:16px;font-size:12px}& .co-summary{border-radius:12px;margin-block:18px}& .co-summary>div{padding:18px}& .co-members h2{font-size:19px}& .ch-currency-card{padding:20px;border-radius:13px}& .ch-amount{font-size:clamp(26px,2.8vw,36px);letter-spacing:-.9px;padding-block:18px}& .ch-report-grid h3{font-family:var(--gobek-ui-font);font-size:24px}& .ch-monogram{font-family:inherit;font-size:15px;border-radius:9px}& .school-context{gap:14px;padding:15px;border-radius:11px}& .gobek-ecosystem .gobek-product-grid{align-items:start}& .gobek-ecosystem .gobek-product-card{height:auto}& .gobek-company-setup>.ws-steps{max-width:860px}& .gobek-activity-selection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;border:1px solid var(--g-line);border-radius:10px}& .gobek-activity-selection>p{grid-column:1/-1;margin-top:5px}& .gobek-activity-selection>.ws-feature{min-width:0;min-height:40px;margin:0;padding:8px 10px;border:1px solid var(--g-line);border-radius:7px;font-size:12px;gap:8px}& .gobek-activity-selection>.ws-feature>span{min-width:0}& .gobek-activity-selection>.ws-feature:has(input:checked){background:var(--g-soft);border-color:color-mix(in srgb,var(--g-green) 35%,var(--g-line))}& .g-settings-grid{gap:18px;margin-top:18px}& .g-settings :is(input:not([type=checkbox]):not([type=radio]),select){height:36px;min-height:36px;padding:7px 10px;border-radius:8px;font-size:13px}& .g-settings label{gap:5px;margin-block:14px;font-size:12px}& .g-settings button{min-height:36px;padding:7px 11px;border-radius:8px;font-size:12px}}:is(.ws-dialog,.ch-dialog){border-radius:14px}.ch-dialog{padding:22px}@media(max-width:1050px){.ws-main:not(:has([data-gobek-design=beauty])){& :is(.bv-metrics,.people-metrics,.school-metrics,.accounting-indicators){grid-template-columns:repeat(2,minmax(0,1fr))}& :is(.ws-page-heading,.gobek-page-heading,.co-heading,.school-heading){flex-wrap:wrap}& :is(.co-heading>.co-actions,.gobek-page-heading>.gobek-page-actions){justify-content:flex-start}}}@media(max-width:650px),(pointer:coarse){.ws-main:not(:has([data-gobek-design=beauty])){& :is(.ws-button,.ws-icon-button,.g-settings button){min-height:44px}& .ws-icon-button{width:44px;min-width:44px}& .ws-search{min-height:44px}& .ws-search input{font-size:16px}& .ws-search input::placeholder{font-size:14px}& .gobek-catalogue-filters{grid-template-columns:minmax(0,1fr);gap:12px}& .gobek-dashboard .gobek-page-actions:has(>.ws-field){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;align-items:end}& .gobek-dashboard .gobek-page-actions>.ws-field{min-width:0}& .gobek-dashboard .gobek-page-actions>.ws-field>select{min-width:0;width:100%}& .accounting-open-dossier>.accounting-dossier-toolbar{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px}& .accounting-open-dossier>.accounting-dossier-toolbar>.ws-button{grid-column:1;grid-row:1;width:auto;padding-inline:9px;font-size:11px}& .accounting-open-dossier>.accounting-dossier-toolbar>.accounting-dossier-identity{grid-column:1/-1;grid-row:2}& .accounting-open-dossier>.accounting-dossier-toolbar>.accounting-year-form{grid-column:2;grid-row:1;justify-self:end;width:auto;max-width:100%;gap:5px}& .accounting-year-form .ws-field{display:flex;align-items:center;gap:5px;flex:none;width:auto;font-size:10px}& .accounting-year-form .ws-field>input{width:90px;min-width:0;padding-inline:7px}& .accounting-year-form>.ws-button{padding-inline:8px;font-size:11px}& .accounting-book-workspace>.ws-page-heading{padding-bottom:12px;gap:10px}& .accounting-book-workspace>.ws-page-heading h1{font-size:26px}& .accounting-workspace-actions{width:100%;gap:7px}& .accounting-reference-summary>summary{min-height:44px}& :is(.ws-page-heading,.gobek-page-heading,.co-heading,.school-heading,.salon-heading,.bv-hero,.ch-hero){padding-bottom:18px;gap:14px}& :is(.ws-page-heading,.gobek-page-heading,.co-heading,.school-heading,.salon-heading,.bv-hero,.ch-hero) h1{font-size:29px;line-height:1.2}& :is(.ws-page-heading,.gobek-page-heading,.co-heading,.school-heading,.salon-heading,.bv-hero,.ch-hero)>:is(.ws-quick,.co-actions,.gobek-page-actions){width:100%;justify-content:flex-start}& :is(.ws-card,.ws-detail,.g-panel,.school-panel,.ch-panel,.salon-editor){padding:16px}& :is(.salon-tabs,.bv-tabs,.people-tabs,.school-tabs,.pro-tabs,.ch-tabs,.gobek-settings-tabs,.accounting-workspace-tabs){padding-block:10px;margin-bottom:16px}& :is(.salon-tabs,.bv-tabs,.people-tabs,.school-tabs,.pro-tabs,.ch-tabs,.gobek-settings-tabs,.accounting-workspace-tabs)>:is(button,a){min-height:44px;padding:8px 10px;font-size:11px}& :is(.bv-metrics,.people-metrics,.school-metrics,.pro-metrics,.accounting-indicators){gap:10px}& .pro-metric,& :is(.bv-metrics,.people-metrics,.school-metrics,.accounting-indicators)>:is(article,button){padding:14px 12px}& .pro-metric>strong,& :is(.bv-metrics,.people-metrics,.school-metrics,.accounting-indicators) :is(article,button)>:is(strong,b){font-size:23px}& .pro-metric>:is(span,small),& :is(.bv-metrics,.people-metrics,.school-metrics,.accounting-indicators) :is(article,button)>:is(span,small){font-size:10px}& .co-summary>div{padding:15px}& .salon-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}& .salon-metric{padding:14px 12px}& .salon-metric>strong{font-size:23px}& .salon-metric>:is(span,p,small){font-size:11px;line-height:1.6}& .salon-metric.featured>div>span{font-size:10px}& .co-member-row>div{min-width:0;flex-basis:170px}& .g-settings :is(input:not([type=checkbox]):not([type=radio]),select){height:44px;min-height:44px;font-size:16px}& .g-settings-grid{margin-top:16px}& .gobek-activity-selection{padding:12px}& .gobek-activity-selection>.ws-feature{min-height:44px;font-size:11px}& :is(.ws-empty,.salon-empty,.co-empty,.ch-empty,.gobek-empty-state){padding:20px 12px}}}@media(max-width:360px){.ws-main:not(:has([data-gobek-design=beauty])){& :is(.ws-page-heading,.gobek-page-heading,.co-heading,.school-heading,.salon-heading,.bv-hero,.ch-hero) h1{font-size:27px}& .gobek-activity-selection{grid-template-columns:minmax(0,1fr)}& .accounting-year-form .ws-field>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}& .gobek-stat-heading{gap:8px}& .gobek-stat-heading>.gobek-stat-icon{display:none}& .gobek-stat-heading>span:not(.gobek-stat-icon){flex:1;overflow-wrap:anywhere}& .gobek-stat-heading>svg{width:16px;height:16px}& .pro-metric>strong,& :is(.bv-metrics,.people-metrics,.school-metrics,.accounting-indicators) :is(article,button)>:is(strong,b){font-size:21px}}}