:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202124;background:#fff;font-synthesis:none;--accent:#6d5ce7;--accent-soft:#f0edff;--border:#e5e7eb;--muted:#6b7280;--surface:#fff;--sidebar:#fafafa}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}svg{width:20px;height:20px;flex:none}.product-shell{min-height:100vh;background:#fff}.product-header{position:fixed;inset:0 0 auto;z-index:40;height:68px;display:grid;grid-template-columns:240px minmax(300px,640px) 1fr;align-items:center;gap:24px;padding:0 24px;border-bottom:1px solid var(--border);background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.product-brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#8b7cf5,#5b49d5);font-weight:800;box-shadow:0 7px 18px #5b49d538}.product-brand strong,.product-brand span{display:block}.product-brand strong{font-size:14px}.product-brand span{margin-top:2px;color:#8b8e97;font-size:11px}.global-search{height:40px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #e2e4e8;border-radius:10px;background:#f7f7f9}.global-search svg{width:17px;color:#8b8e97}.global-search input{width:100%;border:0;outline:0;background:transparent;font-size:13px}.global-search kbd{padding:3px 7px;border:1px solid #dfe1e5;border-radius:6px;color:#8b8e97;background:#fff;font:11px inherit}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.environment-status{display:flex;align-items:center;gap:7px;color:#62656f;font-size:12px;font-weight:600}.environment-status i{width:8px;height:8px;border-radius:50%;background:#22b99a;box-shadow:0 0 0 4px #e0f7f2}.icon-button,.square-button,.more-button{display:grid;place-items:center;padding:0;border:1px solid var(--border);color:#60636d;background:#fff}.icon-button{width:38px;height:38px;border-radius:10px}.user-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#2e294e;font-size:12px;font-weight:700}.calendar-sidebar{position:fixed;inset:68px auto 0 0;z-index:20;width:252px;display:flex;flex-direction:column;padding:22px 18px 16px;border-right:1px solid var(--border);background:var(--sidebar);overflow-y:auto}.create-button{height:46px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:12px;color:#fff;background:#202124;font-size:13px;font-weight:700;box-shadow:0 7px 20px #20212426}.create-button:hover{background:#37383b}.create-button svg{width:18px}.mini-calendar{padding:24px 2px 18px;border-bottom:1px solid var(--border)}.mini-calendar header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;text-transform:capitalize}.mini-calendar header strong{font-size:13px}.mini-calendar header span{display:flex;gap:5px;color:#8b8e97}.mini-calendar header svg{width:15px}.mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.mini-grid b{color:#9a9da5;font-size:10px;font-weight:600}.mini-grid span{height:26px;display:grid;place-items:center;border-radius:50%;font-size:11px}.mini-grid span.today{color:#fff;background:var(--accent);font-weight:700}.side-navigation{display:grid;gap:3px;padding:20px 0}.side-navigation small,.calendar-lists small{padding:0 10px 8px;color:#9a9da5;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.side-navigation button{height:40px;display:flex;align-items:center;gap:11px;padding:0 10px;border:0;border-radius:9px;color:#666a74;background:transparent;text-align:left;font-size:13px}.side-navigation button svg{width:18px}.side-navigation button span{margin-left:auto;color:#b0b2b8;font-size:8px;text-transform:uppercase}.side-navigation button.active{color:#5544c6;background:#ece9ff;font-weight:700}.calendar-lists{display:grid;gap:4px;padding-top:4px}.calendar-lists label{display:flex;align-items:center;gap:10px;padding:6px 11px;color:#656872;font-size:12px}.dot{width:9px;height:9px;border-radius:3px}.dot.purple{background:#6d5ce7}.dot.green{background:#27a88d}.dot.orange{background:#ee9a3a}.sidebar-settings{height:40px;display:flex;align-items:center;gap:10px;margin-top:auto;padding:0 10px;border:0;color:#71747e;background:transparent;font-size:12px}.sidebar-settings svg{width:17px}.app-content{min-height:100vh;margin-left:252px;padding-top:68px}.workspace{height:calc(100vh - 68px);display:flex;flex-direction:column;padding:0;background:#fff}.calendar-toolbar{min-height:76px;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(340px,1fr);align-items:center;gap:18px;padding:12px 24px;border-bottom:1px solid var(--border)}.toolbar-title h1{margin:0;font-size:23px;letter-spacing:-.035em}.toolbar-title span{display:block;margin-top:4px;color:var(--muted);font-size:12px;text-transform:capitalize}.toolbar-navigation,.toolbar-options{display:flex;align-items:center;gap:7px}.today-button{height:36px;padding:0 14px;border:1px solid var(--border);border-radius:9px;color:#4d5058;background:#fff;font-size:12px;font-weight:600}.square-button,.more-button{width:36px;height:36px;border-radius:9px}.square-button svg,.more-button svg{width:17px}.date-picker{position:relative;width:36px;height:36px;display:grid;place-items:center;color:#686b74}.date-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.toolbar-options{justify-content:flex-end}.unit-picker{height:38px;display:flex;align-items:center;gap:7px;padding:0 8px 0 10px;border:1px solid var(--border);border-radius:9px;background:#fff}.unit-picker svg{width:16px;color:#7b7e87}.unit-picker select{max-width:180px;border:0;outline:0;background:transparent;font-size:12px;font-weight:600}.view-switch{display:flex;padding:3px;border-radius:10px;background:#f1f2f4}.view-switch button{height:30px;padding:0 12px;border:0;border-radius:7px;color:#868992;background:transparent;font-size:11px;font-weight:600}.view-switch button.active{color:#3c3e45;background:#fff;box-shadow:0 1px 5px #00000017}.mobile-create{display:none}.connection-banner{display:flex;align-items:center;gap:10px;margin:10px 16px 0;padding:9px 12px;border:1px solid #f1d991;border-radius:10px;background:#fffaf0}.connection-banner .banner-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#9d7719;background:#fff1bc}.connection-banner svg{width:16px}.connection-banner div{flex:1}.connection-banner strong{display:block;font-size:12px}.connection-banner p{margin:2px 0 0;color:#7a7468;font-size:11px}.connection-banner button{border:0;color:#735b20;background:transparent;font-size:11px;font-weight:700}.filters-bar{min-height:54px;display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--border);background:#fff}.search-control{width:min(360px,35vw);height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--border);border-radius:9px;background:#fafafa}.search-control svg{width:16px;color:#94969e}.search-control input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.filter-divider{width:1px;height:25px;background:var(--border)}.filter-label{display:flex;align-items:center;gap:6px;color:#8a8d95;font-size:11px}.filter-label svg{width:15px}.filters-bar select{height:36px;padding:0 28px 0 10px;border:1px solid var(--border);border-radius:9px;color:#555861;background:#fff;font-size:11px}.clear-filter{margin-left:auto;border:0;color:#5b49d5;background:transparent;font-size:11px;font-weight:700}.schedule-card{position:relative;min-height:0;flex:1;overflow:hidden;background:#fff}.schedule-scroll{height:100%;overflow:auto}.schedule-grid{--columns:1;min-width:max(100%,calc(78px + var(--columns)*240px));display:grid;grid-template-columns:78px repeat(var(--columns),minmax(240px,1fr))}.corner-cell,.professional-header{position:sticky;top:0;z-index:6;height:62px;border-bottom:1px solid var(--border);background:#fff}.corner-cell{left:0;z-index:8;display:flex;align-items:center;justify-content:center;gap:5px;border-right:1px solid var(--border);color:#9699a1;font-size:11px}.corner-cell svg{width:14px}.professional-header{display:flex;align-items:center;gap:10px;padding:0 14px;border-right:1px solid var(--border)}.professional-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:11px;font-weight:700}.professional-header div{min-width:0;flex:1}.professional-header strong,.professional-header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.professional-header strong{font-size:13px}.professional-header small{margin-top:2px;color:#8b8e97;font-size:11px}.availability-dot{width:8px;height:8px;border-radius:50%;background:#2eb898}.time-column{position:sticky;left:0;z-index:4;grid-column:1;background:#fff}.time-cell{height:72px;padding:9px 10px 0 0;border-right:1px solid var(--border);border-bottom:1px solid #f0f1f3;color:#8c8f97;text-align:right;font-size:11px}.professional-column{position:relative;border-right:1px solid var(--border);background-image:linear-gradient(to bottom,transparent 71px,#eff0f2 71px,#eff0f2 72px);background-size:100% 72px}.time-slot{position:absolute;left:0;width:100%;display:grid;place-items:center;border:0;color:transparent;background:transparent}.time-slot span{display:flex;align-items:center;gap:4px;padding:6px 9px;border:1px dashed transparent;border-radius:8px;font-size:10px}.time-slot svg{width:12px}.time-slot:hover{background:#faf9ff}.time-slot:hover span{color:#5b49d5;border-color:#cfc8fa;background:#fff}.appointment-card{position:absolute;z-index:3;left:5px;right:5px;min-height:54px;overflow:hidden;padding:8px 10px;border:1px solid #d7d1fb;border-left:4px solid #6d5ce7;border-radius:8px;background:#f3f1ff;box-shadow:0 2px 7px #34288014}.appointment-time{display:flex;justify-content:space-between;gap:8px;color:#5d4dc4;font-size:10px;font-weight:700}.appointment-time span{padding:2px 5px;border-radius:4px;background:#fff;font-size:8px}.appointment-card strong,.appointment-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-card strong{margin-top:4px;font-size:12px}.appointment-card small{margin-top:2px;color:#737684;font-size:10px}.appointment-card.status-confirmed{border-color:#bde5db;border-left-color:#269e86;background:#ecfaf7}.appointment-card.status-completed{border-color:#c9dfef;border-left-color:#3d82b5;background:#edf7fe}.appointment-card.status-cancelled{opacity:.72;border-color:#efc8ce;border-left-color:#cc5968;background:#fff1f3}.board-empty-hint{position:fixed;right:24px;bottom:20px;z-index:10;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 8px 24px #0000001a}.board-empty-hint svg{width:18px;color:var(--accent)}.board-empty-hint strong,.board-empty-hint span{display:block}.board-empty-hint strong{font-size:12px}.board-empty-hint span{margin-top:2px;color:var(--muted);font-size:10px}.board-state{min-height:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 24px;text-align:center;background:#fff}.state-illustration{width:72px;height:72px;display:grid;place-items:center;margin-bottom:18px;border-radius:22px;color:var(--accent);background:var(--accent-soft)}.state-illustration svg{width:30px;height:30px}.board-state.loading .state-illustration{animation:pulse 1.5s ease infinite}.board-state h2{margin:0;font-size:20px;letter-spacing:-.025em}.board-state p{max-width:430px;margin:8px 0 18px;color:var(--muted);font-size:13px;line-height:1.55}@keyframes pulse{50%{transform:scale(.94);opacity:.75}}.workspace-footer{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-top:1px solid var(--border);color:#92959d;font-size:10px}.workspace-footer span:first-child{display:flex;align-items:center;gap:6px}.workspace-footer i{width:7px;height:7px;border-radius:50%;background:#28b697}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:700}.button svg{width:16px}.button.primary{color:#fff;background:var(--accent);box-shadow:0 6px 16px #5b49d533}.button.secondary{border-color:var(--border);color:#555861;background:#fff}.button.ghost{color:#666a73;background:transparent}.button.wide{width:100%}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#18181e85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-panel{width:min(820px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:16px;background:#fff;box-shadow:0 28px 80px #00000040}.appointment-modal{width:min(660px,100%)}.modal-header{display:flex;justify-content:space-between;gap:20px;padding:22px 24px 18px;border-bottom:1px solid var(--border)}.modal-eyebrow{display:block;margin-bottom:4px;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.modal-header h2{margin:0;font-size:21px}.modal-header p{margin:5px 0 0;color:var(--muted);font-size:11px}.setup-layout{min-height:400px;display:grid;grid-template-columns:220px 1fr}.setup-nav{padding:16px 10px;border-right:1px solid var(--border);background:#fafafa}.setup-nav button{width:100%;display:grid;grid-template-columns:24px 18px 1fr;align-items:center;gap:8px;padding:10px 8px;border:0;border-radius:9px;color:#777a83;background:transparent;text-align:left}.setup-nav button>span{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:9px}.setup-nav button svg{width:15px}.setup-nav strong,.setup-nav small{display:block}.setup-nav strong{font-size:11px}.setup-nav small{margin-top:2px;color:#9a9da4;font-size:9px}.setup-nav button.active{color:#5948ce;background:#eeebff}.setup-content{padding:24px 28px}.setup-form,.appointment-form{display:grid;gap:15px}.appointment-form{padding:24px}.form-title{margin-bottom:4px}.form-title h3{margin:0;font-size:17px}.form-title p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field>span{color:#565963;font-size:11px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #dddfe3;border-radius:9px;outline:0;background:#fff;font-size:12px}.field input,.field select{height:41px;padding:0 11px}.field textarea{padding:10px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8272ec;box-shadow:0 0 0 3px #efedff}.form-message{padding:9px 11px;border:1px solid #efc6cc;border-radius:8px;color:#a04450;background:#fff3f4;font-size:11px}.form-message.success{color:#197763;border-color:#bfe4dc;background:#effaf7}.modal-footer{display:flex;justify-content:flex-end;gap:8px}.modal-empty{display:flex;flex-direction:column;align-items:center;padding:52px 24px;text-align:center}.modal-empty>span{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;color:var(--accent);background:var(--accent-soft)}.modal-empty h3{margin:15px 0 5px;font-size:17px}.modal-empty p{max-width:380px;margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.5}@media(max-width:1100px){.product-header{grid-template-columns:210px 1fr auto}.calendar-sidebar{width:220px}.app-content{margin-left:220px}.calendar-toolbar{grid-template-columns:1fr auto}.toolbar-options{grid-column:1/-1;justify-content:flex-start}.toolbar-title,.toolbar-navigation{grid-row:1}.global-search kbd,.environment-status{display:none}}@media(max-width:760px){.product-header{height:60px;grid-template-columns:1fr auto;padding:0 14px}.global-search,.product-brand span,.calendar-sidebar{display:none}.app-content{margin-left:0;padding-top:60px}.workspace{height:calc(100vh - 60px)}.calendar-toolbar{min-height:122px;grid-template-columns:1fr auto;padding:12px 14px}.toolbar-title h1{font-size:20px}.toolbar-options{overflow-x:auto}.unit-picker{flex:1}.unit-picker select{width:100%;max-width:none}.more-button{display:none}.mobile-create{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:10px;color:#fff;background:var(--accent)}.filters-bar{flex-wrap:wrap;padding:8px 10px}.search-control{width:100%}.filter-label,.filter-divider{display:none}.filters-bar select{flex:1;min-width:130px}.connection-banner{align-items:flex-start;flex-wrap:wrap;margin:8px 10px}.connection-banner button{margin-left:40px}.schedule-grid{min-width:max(100%,calc(66px + var(--columns)*220px));grid-template-columns:66px repeat(var(--columns),minmax(220px,1fr))}.corner-cell{font-size:9px}.time-cell{font-size:10px}.workspace-footer{display:none}.setup-layout{display:block}.setup-nav{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border)}.setup-nav button{min-width:145px}.form-row{grid-template-columns:1fr}.modal-header,.appointment-form,.setup-content{padding:19px}.board-empty-hint{right:10px;bottom:10px;left:10px}.view-switch button{padding:0 9px}}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(480px,1.08fr) minmax(480px,.92fr);background:#f7f2ec;color:#231711}.login-story{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;padding:54px 64px;color:#fff;background:radial-gradient(circle at 75% 16%,rgba(193,119,70,.24),transparent 32%),linear-gradient(145deg,#190e09,#2d1911 52%,#1b100c)}.login-story:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom right,#000,transparent 70%);mask-image:linear-gradient(to bottom right,#000,transparent 70%)}.login-story:after{content:"V";position:absolute;right:-42px;bottom:-190px;color:#ffffff06;font-size:720px;font-weight:900;line-height:1}.login-story-glow{position:absolute;border:1px solid rgba(217,156,111,.2);border-radius:50%}.login-story-glow.one{right:-160px;top:70px;width:510px;height:510px}.login-story-glow.two{right:-70px;top:160px;width:320px;height:320px}.login-brand,.login-mobile-brand{position:relative;z-index:2;display:flex;align-items:center;gap:14px}.login-brand-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:15px;color:#fff;background:linear-gradient(145deg,#b97043,#7e3f25);box-shadow:0 14px 34px #00000047;font-size:21px;font-weight:850}.login-brand strong,.login-brand small,.login-mobile-brand strong,.login-mobile-brand small{display:block}.login-brand strong{font-size:15px;letter-spacing:.02em}.login-brand small{margin-top:3px;color:#cda990;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.login-message{position:relative;z-index:2;width:min(610px,100%);margin:auto 0}.login-kicker{display:flex;align-items:center;gap:9px;color:#d8a783;font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.login-kicker i{width:26px;height:1px;background:#c17a4c}.login-message h1{max-width:590px;margin:23px 0 20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,5vw,76px);font-weight:400;letter-spacing:-.045em;line-height:.99}.login-message>p{max-width:540px;margin:0;color:#cbb9af;font-size:16px;line-height:1.75}.login-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}.login-benefits span{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#e0d4cc;background:#ffffff0d;font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.login-benefits svg{width:15px;height:15px;color:#d99a70}.login-story footer{position:relative;z-index:2;display:flex;align-items:center;gap:9px;color:#917d72;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.login-story footer i{width:3px;height:3px;border-radius:50%;background:#a75e38}.login-access{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:54px 8vw;background:radial-gradient(circle at 110% -10%,#ead8c8,transparent 35%),#f8f4ef}.login-mobile-brand{display:none}.login-card{width:min(430px,100%)}.login-card>header{display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:center;margin-bottom:36px}.login-card-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid #eadcd1;border-radius:18px;color:#955333;background:#fff;box-shadow:0 12px 28px #4e2a1817}.login-card-icon svg{width:23px;height:23px}.login-card-kicker{display:block;margin-bottom:6px;color:#9b6243;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.login-card h2{margin:0;color:#241812;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:500;letter-spacing:-.035em}.login-card header p{margin:7px 0 0;color:#85746a;font-size:12px}.login-card form{display:grid;gap:18px}.login-field{display:grid;gap:8px}.login-field>span{color:#47372f;font-size:11px;font-weight:750}.login-field>div{height:52px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #dfd4cc;border-radius:13px;background:#ffffffc7;transition:border-color .18s,box-shadow .18s,background .18s}.login-field>div:focus-within{border-color:#a5613c;background:#fff;box-shadow:0 0 0 4px #a5613c1a}.login-field svg{width:17px;height:17px;color:#a18e82}.login-field input{min-width:0;flex:1;border:0;outline:0;color:#2d211b;background:transparent;font-size:13px}.login-field input::placeholder{color:#b5a8a0}.login-field button{padding:5px;border:0;color:#976044;background:transparent;font-size:10px;font-weight:750}.login-error{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #e7c5c1;border-radius:11px;color:#99473f;background:#fff4f2;font-size:11px;line-height:1.45}.login-error span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#b85e53;font-size:10px;font-weight:800}.login-submit{height:54px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px;border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,#a85f38,#7d3e25);box-shadow:0 15px 30px #73371f33;font-size:12px;font-weight:780;transition:transform .18s,box-shadow .18s}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 36px #73371f45}.login-submit svg{width:16px;height:16px}.login-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:login-spin .75s linear infinite}.login-help{display:flex;align-items:flex-start;gap:12px;margin-top:26px;padding:15px 16px;border-top:1px solid #e4d8cf;border-bottom:1px solid #e4d8cf;color:#927d70}.login-help svg{width:17px;height:17px;margin-top:1px;color:#9e6140}.login-help p{margin:0}.login-help strong,.login-help span{display:block}.login-help strong{color:#56443a;font-size:10px}.login-help span{margin-top:4px;font-size:10px;line-height:1.5}.login-legal{margin:38px 0 0;color:#a18f84;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.logout-button{padding:8px 3px;border:0;color:#777a83;background:transparent;font-size:11px;font-weight:650}.logout-button:hover{color:#8a4f2e}@keyframes login-spin{to{transform:rotate(360deg)}}@media(max-width:980px){.login-page{grid-template-columns:minmax(360px,.85fr) minmax(430px,1.15fr)}.login-story{padding:42px}.login-message h1{font-size:48px}.login-benefits{display:grid;justify-content:start}}@media(max-width:760px){.login-page{display:block;background:#f8f4ef}.login-story{display:none}.login-access{min-height:100svh;padding:28px 22px 24px;justify-content:flex-start}.login-mobile-brand{width:100%;display:flex;margin-bottom:auto}.login-mobile-brand .login-brand-mark{width:43px;height:43px;border-color:#e2cfc1}.login-mobile-brand strong{color:#2c1b14;font-size:13px}.login-mobile-brand small{margin-top:3px;color:#9b6b50;font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.login-card{margin:56px 0 auto}.login-card>header{grid-template-columns:48px 1fr;gap:14px;margin-bottom:30px}.login-card-icon{width:48px;height:48px;border-radius:15px}.login-card h2{font-size:30px}.login-field>div{height:50px}.login-submit{height:52px}.login-legal{margin-top:28px}}
