:root{--text-color-primary:#303f51;--text-color-secondary:#68788d;--text-color-tertiary:#b1bed3;--text-color-accent:oklch(.54 .21 284);--background-color:#fafcff;--background-color-hover:#f5f7fa;--background-color-active:#eef1f6;--background-color-primary:#fff;--background-color-accent:#7d65ff1a;--border-color:#dce0e7;--border-color-hover:#b1bed3;--border-color-accent:#7d65ff1a;--border-radius:16px;--border-radius-s:10px;--border-width:1px;--shadow-color:0,0,0;--text-font-size:14px;--text-line-height:20px;--text-font-size-s:12px;--text-line-height-s:16px;--text-icon-size:16px;--text-font-family:"Sofia Pro","Helvetica Neue",Helvetica,Arial,sans-serif;--text-font-weight:500;--text-font-weight-bold:800;--space-s:4px;--space-m:8px;--space-l:20px;--space-xl:32px;--gap:var(--space-m);--padding-x:var(--space-m);--padding-y:var(--space-m);--layout-max-width:340px}.mt--0{margin-top:0}.mt--s{margin-top:var(--space-s)}.mt--m{margin-top:var(--space-m)}.mt--l{margin-top:var(--space-l)}.mt--xl{margin-top:var(--space-xl)}@layer layout{body{font-family:var(--text-font-family);font-size:var(--text-font-size);line-height:var(--text-line-height);background-color:var(--background-color);padding:0;margin:0}.content{max-width:var(--layout-max-width);min-height:100dvh;margin:0 auto}.layout{min-height:100dvh;display:flex;flex-direction:column;gap:var(--gap);padding:0 var(--padding-x);text-align:center}.form{display:flex;flex-direction:column;gap:var(--gap)}.contents{display:contents}}.logo-wrapper{display:flex;flex-direction:column;justify-content:flex-end;align-items: center;height:min(192px,16dvh);min-height:92px;padding-bottom:min(64px,4dvh)}.logo{width:100%;max-width:164px}.legal{color:var(--text-color-secondary);font-size:var(--text-font-size-s);line-height:var(--text-line-height-s);text-align:center;margin-top:auto;padding-top:40px;padding-bottom:32px}.legal a{color:var(--text-color-secondary);text-decoration:none}.legal a:hover{color:var(--text-color-accent);text-decoration:underline}.legal a:active{color:var(--text-color-accent);text-decoration:underline}.legal a:focus-visible{outline:none;text-decoration:underline}@layer typography{h1{font-size:24px;line-height:28px;font-weight:var(--text-font-weight-bold);color:var(--text-color-primary)}h2{font-size:20px;line-height:24px;font-weight:var(--text-font-weight-bold);color:var(--text-color-primary)}h3{font-size:var(--text-font-size);line-height:var(--text-line-height);font-weight:var(--text-font-weight-bold);color:var(--text-color-secondary);margin:0}p,.text{font-size:var(--text-font-size);line-height:var(--text-line-height);color:var(--text-color-secondary);margin:0}small{font-size:var(--text-font-size-s);line-height:var(--text-line-height-s);color:var(--text-color-secondary)}}@layer button{:root{--button-height:44px;--button-width-minimum:80px;--button-primary-color:oklch(.62 .23 284);--button-primary-color-hover:oklch(.54 .21 284);--button-primary-color-active:oklch(.47 .19 284);--button-primary-text-color:#fff;--button-red-color:oklch(.71 .23 1);--button-red-color-hover:oklch(.63 .21 1);--button-red-color-active:oklch(.54 .19 1);--button-red-text-color:#fff;--button-disabled-color:#68788d;--button-disabled-text-color:#fff}.wrapper{width:auto;display:flex;gap:var(--gap);align-self: center;justify-content:center;align-items: center}.btn{position:relative;height:var(--button-height);width:100%;min-width:var(--button-width-minimum);display:flex;align-items: center;justify-content:center;gap:var(--gap);outline:none;font-weight:var(--text-font-weight);font-family:var(--text-font-family);color:var(--text-color-primary);background:0 0;border:var(--border-width)solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;text-decoration:none}.btn svg{width:var(--text-icon-size);height:var(--text-icon-size)}.btn:hover{border-color:var(--border-color-hover);background-color:var(--background-color-hover)}.btn:active{border-color:var(--border-color-hover);background-color:var(--background-color-active)}.btn:focus-visible{box-shadow:0 0 0 2px var(--background-color),0 0 0 4px var(--button-primary-color)}.btn.btn--primary{color:var(--button-primary-text-color);background-color:var(--button-primary-color);border-color:var(--button-primary-color)}.btn.btn--primary:hover{border-color:var(--button-primary-color-hover);background-color:var(--button-primary-color-hover)}.btn.btn--primary:active{border-color:var(--button-primary-color-active);background-color:var(--button-primary-color-active)}.btn.btn--primary:focus-visible{box-shadow:0 0 0 2px var(--background-color),0 0 0 4px var(--button-primary-color)}.btn.btn--red{color:var(--button-red-text-color);background-color:var(--button-red-color);border-color:var(--button-red-color)}.btn.btn--red:hover{border-color:var(--button-red-color-hover);background-color:var(--button-red-color-hover)}.btn.btn--red:active{border-color:var(--button-red-color-active);background-color:var(--button-red-color-active)}.btn.btn--red:focus-visible{box-shadow:0 0 0 2px var(--background-color),0 0 0 4px var(--button-red-color)}.btn:disabled,.btn:disabled:hover,.btn:disabled:active,.btn:disabled:focus-visible{color:var(--button-disabled-text-color);background-color:var(--button-disabled-color);border-color:var(--button-disabled-color);cursor:default}}@layer link{.link{color:var(--text-color-accent);font-size:var(--text-font-size);font-family:var(--text-font-family);font-weight:var(--text-font-weight);text-decoration:none;padding:0;border:none;background:0 0;cursor:pointer}.link:disabled,.link:disabled:hover,.link:disabled:active,.link:disabled:focus-visible{color:var(--text-color-secondary);text-decoration:none;cursor:default}.link:hover{text-decoration:underline;color:var(--button-primary-color-hover)}.link:active{text-decoration:underline;color:var(--button-primary-color-active)}.link:focus-visible{outline:none;text-decoration:underline}}@layer input{:root{--input-height:48px;--input-inline-padding:16px}.input{width:100%;height:var(--input-height);outline:none;color:var(--text-color-primary);font-family:var(--text-font-family);font-weight:var(--text-font-weight);border:var(--border-width)solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-color-primary);padding-left:var(--input-inline-padding);padding-right:var(--input-inline-padding);box-sizing:border-box}.input::placeholder{font-family:var(--text-font-family);color:var(--text-color-tertiary)}.input:hover,.input:active{border-color:var(--border-color-hover)}.input:focus-visible{box-shadow:0 0 0 2px var(--background-color),0 0 0 4px var(--button-primary-color)}}@layer info-box{:root{--info-box-text-color:oklch(.62 .19 75);--info-box-background-color:oklch(.79 .23 75/.06);--info-box-border-color:oklch(.79 .23 75/.1);--info-box-error-text-color:oklch(.54 .19 1);--info-box-error-background-color:oklch(.71 .23 1/.06);--info-box-error-border-color:oklch(.71 .23 1/.1);--info-box-text-font-size:var(--text-font-size-s);--info-box-text-line-height:var(--text-line-height-s);--info-box-border-radius:var(--border-radius-s)}.info-box{display:inline-block;color:var(--info-box-text-color);font-size:var(--info-box-text-font-size);line-height:var(--info-box-text-line-height);background-color:var(--info-box-background-color);padding:6px 12px;text-align:start;border-radius:var(--info-box-border-radius);border:var(--border-width)solid var(--info-box-border-color)}.info-box:empty{display:none}.info-box--error{color:var(--info-box-error-text-color);background-color:var(--info-box-error-background-color);border-color:var(--info-box-error-border-color)}}@layer checkbox{:root{--checkbox-border-width:1.6px;--checkbox-border-radius:6px}.checkbox{position:relative;display:flex;align-items: center;cursor:pointer;gap:var(--gap);padding:var(--space-s);font-size:var(--text-font-size-s);line-height:var(--text-line-height-s)}.checkbox input[type=checkbox]{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}:is(.checkbox:hover,.checkbox:active) .checkbox-label,:is(.checkbox:hover,.checkbox:active) .checkbox-indicator{color:var(--text-color-primary);border-color:var(--border-color-hover)}:is(.checkbox:hover,.checkbox:active) :checked+.checkbox-indicator{border-color:var(--button-primary-color-hover)}.checkbox:active :checked+.checkbox-indicator{border-color:var(--button-primary-color-active)}.checkbox-indicator{flex-shrink:0;width:var(--text-icon-size);height:var(--text-icon-size);border:var(--checkbox-border-width)solid var(--border-color);border-radius:var(--checkbox-border-radius)}:focus-visible+.checkbox-indicator{box-shadow:0 0 0 2px var(--background-color),0 0 0 4px var(--button-primary-color)}:checked+.checkbox-indicator{background-color:var(--button-primary-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.5l3 3 6-6' stroke='%23ffffff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:var(--button-primary-color);background-repeat:no-repeat;background-position:50%}.checkbox-label{color:var(--text-color-secondary);text-align:start}}@layer one-time-password{:root{--one-time-password-gap:var(--gap);--one-time-password-slot-height:52px;--one-time-password-slot-radius:14px;--one-time-password-slot-font-size:20px}.one-time-password{position:relative}.one-time-password-slots{display:flex;gap:var(--one-time-password-gap)}.one-time-password-slot{display:flex;align-items: center;justify-content:center;flex:1;min-width:0;height:var(--one-time-password-slot-height);color:var(--text-color-primary);font-size:var(--one-time-password-slot-font-size);font-weight:var(--text-font-weight);border:var(--border-width)solid var(--border-color);border-radius:var(--one-time-password-slot-radius);background-color:var(--background-color-primary)}.one-time-password-slot--active{box-shadow:0 0 0 2px var(--background-color),0 0 0 4px var(--button-primary-color)}.one-time-password-input{position:absolute;inset:0;margin:0;padding:0;width:100%;height:100%;border:none;outline:none;background:0 0;color:#0000;caret-color:transparent;text-align:center;font-family:var(--text-font-family);font-size:var(--one-time-password-slot-font-size)}.one-time-password-input::placeholder{color:#0000}.one-time-password-input::selection{background:0 0}}@layer badge{.badge{display:inline-block;width:auto;align-self: center;padding:var(--space-s)var(--space-m);color:var(--text-color-accent);font-size:var(--text-font-size-s);line-height:var(--text-line-height-s);border:var(--border-width)solid var(--border-color-accent);border-radius:var(--border-radius-s);background-color:var(--background-color-accent)}}@layer workspace-avatar{.workspace-avatar{display:flex;align-items: center;gap:var(--gap);padding:var(--space-m);color:var(--text-color-primary);text-decoration:none;border:var(--border-width)solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-color-primary);box-shadow:0 2px 2px rgba(var(--shadow-color),.05),0 3px 6px rgba(var(--shadow-color),.04),0 2px 3px rgba(var(--shadow-color),.03),0 1px 1px rgba(var(--shadow-color),.01),0 -1px 4px rgba(var(--shadow-color),.03)}.workspace-avatar:hover,.workspace-avatar:active{border-color:var(--border-color-hover)}.workspace-avatar:active{background-color:var(--background-color-hover)}.workspace-avatar:focus-visible{outline:none;box-shadow:0 0 0 2px var(--background-color),0 0 0 4px var(--button-primary-color)}.workspace-avatar-image{width:32px;height:32px;border-radius:50%;background-size:cover;background-position:50%}}@layer dropdown{.dropdown{-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%;height:var(--input-height);padding-left:var(--input-inline-padding);font-family:var(--text-font-family);font-size:var(--text-font-size);border:var(--border-width)solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-color-primary);outline:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5277 5.52768C11.7886 5.26681 12.2121 5.26681 12.473 5.52768C12.7339 5.78855 12.7339 6.21213 12.473 6.473L8.473 10.473C8.21213 10.7339 7.78855 10.7339 7.52768 10.473L3.52768 6.473C3.26681 6.21213 3.26681 5.78855 3.52768 5.52768C3.78855 5.26681 4.21213 5.26681 4.473 5.52768L8.00034 9.05503L11.5277 5.52768Z' fill='%2368788D'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--input-inline-padding)center;background-size:var(--text-icon-size)var(--text-icon-size);padding-right:calc(var(--input-inline-padding)*2 + var(--text-icon-size))}.dropdown:hover,.dropdown:active{border-color:var(--border-color-hover)}.dropdown:focus-visible{box-shadow:0 0 0 2px var(--background-color),0 0 0 4px var(--button-primary-color)}}@layer login{.login .link{display:inline-block;margin-top:64px;margin-bottom:64px}.login .divider{display:flex;align-items: center;gap:var(--gap);margin-top:var(--space-l);margin-bottom:var(--space-l);color:var(--text-color-secondary)}.login .divider:before,.login .divider:after{content:"";flex-grow:1;height:1px;background-color:var(--border-color)}}@layer sso{.sso .input-wrapper{position:relative}.sso .subdomain{position:absolute;right:var(--space-l);top:50%;transform:translateY(-50%);color:var(--text-color-secondary)}}@layer authorize{.authorize ul{color:var(--text-color-primary);padding-left:var(--space-l);margin-bottom:var(--space-m)}.authorize .box{padding:var(--space-l);border-radius:var(--border-radius);border:var(--border-width)solid var(--border-color);text-align:start}}@layer select-project{.select-project label{display:inline-block;color:var(--text-color-secondary)}}:root:has(.tools){--layout-max-width:1100px}@layer tools{.tools{text-align:start}.tools ul{display:flex;flex-direction:column;gap:var(--space-s);margin:0;padding:0;list-style:none}.tools a{color:var(--text-color-accent);text-decoration:none}.tools a:hover,.tools a:focus-visible{text-decoration:underline}.tools .btn{width:auto;padding:0 var(--space-l)}.tools .checkbox{padding:0}.tools-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-m);align-items:stretch}.tools-panel{display:flex;flex-direction:column;justify-content:space-between;align-items: flex-start;gap:var(--space-m);padding:var(--space-l);border:var(--border-width)solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-color-primary)}.tools-panel form{display:flex;flex-direction:column;align-items: start;width:100%}.tools-table-scroll{overflow-x:auto;border:var(--border-width)solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-color-primary)}.tools-table{width:100%;border-collapse:collapse}.tools-table th,.tools-table td{padding:var(--space-m)var(--space-l);text-align:start;white-space:nowrap;border-bottom:var(--border-width)solid var(--border-color)}.tools-table thead th{color:var(--text-color-secondary);font-weight:var(--text-font-weight-bold)}.tools-table tbody th{color:var(--text-color-primary);font-weight:var(--text-font-weight-bold);height:48px}.tools-table tbody td{color:var(--text-color-secondary);height:48px}.tools-table tbody tr:last-child :is(th,td){border-bottom:none}.tools-table tbody tr:hover{background-color:var(--background-color-hover)}}