:root{--color-accent:#007aff;--color-accent-hover:#0062cc;--color-accent-light:#e5f1ff;--color-accent-text:#fff;--color-white:#fff;--color-gray-50:#f8f9fa;--color-gray-100:#f1f3f5;--color-gray-200:#e9ecef;--color-gray-300:#dee2e6;--color-gray-400:#ced4da;--color-gray-500:#5c6470;--color-gray-600:#586069;--color-gray-700:#495057;--color-gray-800:#343a40;--color-gray-900:#333;--color-danger:#d63333;--color-danger-hover:#c02828;--color-danger-light:#fff5f5;--color-success:#2f9e44;--color-success-hover:#2b8a3e;--color-success-light:#ebfbee;--color-warning:#e67700;--color-warning-hover:#d46b00;--color-warning-light:#fff9db;--body-bg:var(--color-white);--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono:"SF Mono", "Fira Code", "Fira Mono", Menlo, Consolas, monospace;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:40px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-base:1.5;--line-height-relaxed:1.625;--letter-spacing-wide:.05em;--space-0:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--sidebar-text:var(--color-gray-900);--sidebar-text-muted:var(--color-gray-900);--sidebar-hover-bg:#0000000d;--sidebar-active-bg:#00000014;--sidebar-active-text:var(--color-gray-900);--sidebar-border:var(--color-gray-200);--sidebar-width:240px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-full:9999px;--border-color:var(--color-gray-200);--overlay-backdrop:#00000080;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001a;--card-bg:#ffffff73;--card-blur:16px;--card-radius:14px;--card-shadow:0 4px 20px #0000000f, inset 0 2px 3px #fff, inset 0 0 0 1.5px #fffc;--card-border:1px solid #0000000f;--card-border-color-hover:#0000001a;--btn-height-sm:30px;--btn-height-md:36px;--btn-height-lg:42px;--input-height:40px;--icon-size-sm:18px;--icon-size-md:20px;--z-index-modal:1000;--z-index-dropdown:1100;--z-index-skip-link:9999;--opacity-disabled:.5;--transition-fast:.15s ease}.app-loading{height:100dvh;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-500);justify-content:center;align-items:center;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-gray-900);background-color:var(--body-bg)}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit}img,svg{max-width:100%;display:block}table{border-collapse:collapse;width:100%}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-medium);letter-spacing:-.01em}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-regular)}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}small{font-size:var(--font-size-sm)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only--focusable:focus{top:var(--space-2);left:var(--space-2);width:auto;height:auto;padding:var(--space-2) var(--space-4);clip:auto;white-space:normal;background-color:var(--color-accent);color:var(--color-accent-text);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);z-index:var(--z-index-skip-link);margin:0;position:fixed;overflow:visible}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--btn-height-md);padding:0 var(--space-5);border-radius:var(--radius-full);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);border:none;line-height:1;display:inline-flex}.btn:disabled,.btn[aria-busy=true]{opacity:var(--opacity-disabled);cursor:not-allowed}.btn svg{flex-shrink:0;width:16px;height:16px}.btn--sm{height:var(--btn-height-sm);padding:0 var(--space-4);font-size:var(--font-size-xs)}.btn--lg{height:var(--btn-height-lg);padding:0 var(--space-6);font-size:var(--font-size-base)}.btn--primary{background-color:var(--color-accent);color:var(--color-accent-text);box-shadow:0 .5px 1px #0000001f,inset 0 1px 1px #fff6}.btn--primary:hover:not(:disabled):not([aria-busy=true]){background-color:var(--color-accent-hover);box-shadow:0 1px 3px #00000026,inset 0 1px 1px #fff6}.btn--primary:active:not(:disabled):not([aria-busy=true]){box-shadow:inset 0 1px 3px #0003}.btn--primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn--secondary{background-color:var(--color-white);color:var(--color-gray-700);border:1px solid var(--border-color);box-shadow:0 .5px 1px #0000000f}.btn--secondary:hover:not(:disabled):not([aria-busy=true]){background-color:var(--color-gray-50);box-shadow:0 1px 3px #00000014}.btn--secondary:active:not(:disabled):not([aria-busy=true]){background-color:var(--color-gray-100);box-shadow:inset 0 1px 2px #00000014}.btn--secondary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn--danger{background-color:var(--color-white);color:var(--color-danger);border:1px solid var(--color-danger);box-shadow:0 .5px 1px #0000000f}.btn--danger:hover:not(:disabled):not([aria-busy=true]){background-color:var(--color-danger);color:var(--color-white);box-shadow:0 1px 3px #d633334d,inset 0 1px #ffffff26}.btn--danger:active:not(:disabled):not([aria-busy=true]){box-shadow:inset 0 1px 3px #0003}.btn--danger:focus-visible{outline:2px solid var(--color-danger);outline-offset:2px}.btn--danger-solid{background-color:var(--color-danger);color:var(--color-white);box-shadow:0 .5px 1px #0000001f,inset 0 1px 1px #fff6}.btn--danger-solid:hover:not(:disabled):not([aria-busy=true]){background-color:var(--color-danger-hover);box-shadow:0 1px 3px #d633334d,inset 0 1px 1px #fff6}.btn--danger-solid:active:not(:disabled):not([aria-busy=true]){box-shadow:inset 0 1px 3px #0003}.btn--danger-solid:focus-visible{outline:2px solid var(--color-danger);outline-offset:2px}.btn--success{background-color:var(--color-white);color:var(--color-success);border:1px solid var(--color-success);box-shadow:0 .5px 1px #0000000f}.btn--success:hover:not(:disabled):not([aria-busy=true]){background-color:var(--color-success);color:var(--color-white);box-shadow:0 1px 3px #2f9e444d,inset 0 1px #ffffff26}.btn--success:active:not(:disabled):not([aria-busy=true]){box-shadow:inset 0 1px 3px #0003}.btn--success:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.btn--warning{background-color:var(--color-white);color:var(--color-warning);border:1px solid var(--color-warning);box-shadow:0 .5px 1px #0000000f}.btn--warning:hover:not(:disabled):not([aria-busy=true]){background-color:var(--color-warning);color:var(--color-white);box-shadow:0 1px 3px #e677004d,inset 0 1px #ffffff26}.btn--warning:active:not(:disabled):not([aria-busy=true]){box-shadow:inset 0 1px 3px #0003}.btn--warning:focus-visible{outline:2px solid var(--color-warning);outline-offset:2px}.btn--light{background-color:var(--color-accent-light);color:var(--color-accent);box-shadow:0 .5px 1px #0000000a}.btn--light:hover:not(:disabled):not([aria-busy=true]){background-color:var(--color-accent);color:var(--color-accent-text);box-shadow:0 1px 3px #007aff4d,inset 0 1px 1px #fff6}.btn--light:active:not(:disabled):not([aria-busy=true]){box-shadow:inset 0 1px 3px #00000026}.btn--light:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn--text{height:auto;color:var(--color-accent);background:0 0;padding:0}.btn--text:hover:not(:disabled):not([aria-busy=true]){opacity:.7}.btn--text:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.btn--text-danger{height:auto;color:var(--color-danger);background:0 0;padding:0}.btn--text-danger:hover:not(:disabled):not([aria-busy=true]){opacity:.7}.btn--text-danger:focus-visible{outline:2px solid var(--color-danger);outline-offset:2px;border-radius:var(--radius-sm)}.btn--add{color:var(--color-gray-600);border:1px dashed var(--border-color);background:0 0}.btn--add:hover:not(:disabled):not([aria-busy=true]){border-color:var(--color-accent);color:var(--color-accent)}.btn--add:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn--icon{background-color:var(--color-gray-100);width:28px;height:28px;color:var(--color-gray-500);flex-shrink:0;padding:0}.btn--icon:hover:not(:disabled):not([aria-busy=true]){background-color:var(--color-gray-200)}.btn--icon:active:not(:disabled):not([aria-busy=true]){background-color:var(--color-gray-300)}.btn--icon:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.modal-overlay{z-index:var(--z-index-modal);padding:var(--space-8);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay__backdrop{background-color:var(--overlay-backdrop);position:absolute;inset:0}.confirm-modal{background-color:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:var(--space-6);outline:none;position:relative}.confirm-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-2)}.confirm-modal__message{font-size:var(--font-size-base);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.confirm-modal__actions{justify-content:flex-end;gap:var(--space-3);display:flex}.confirm-delete-modal{background-color:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--shadow-lg);padding:var(--space-6);outline:none;position:relative}.confirm-delete-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-danger);margin-bottom:var(--space-2)}.confirm-delete-modal__message{font-size:var(--font-size-base);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin-bottom:var(--space-5)}.confirm-delete-modal__input-group{margin-bottom:var(--space-6)}.confirm-delete-modal__actions{justify-content:flex-end;gap:var(--space-3);display:flex}.table-wrapper{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--card-blur));border-radius:var(--card-radius);box-shadow:var(--card-shadow);border:var(--card-border);overflow:hidden}.table{border-collapse:collapse;width:100%}.table__th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);background-color:var(--color-gray-50);border-bottom:1px solid var(--border-color)}.table__th--actions{width:140px}.table__td{padding:var(--space-4);font-size:var(--font-size-base);color:var(--color-gray-700);border-bottom:1px solid var(--border-color)}.table__td--empty{text-align:center;color:var(--color-gray-500);padding:var(--space-12) var(--space-4)}.table__td--actions{text-align:right}.table tr:last-child .table__td{border-bottom:none}.grid-table{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--card-blur));border-radius:var(--card-radius);box-shadow:var(--card-shadow);border:var(--card-border);display:grid;overflow:auto hidden}.grid-table__row{grid-template-columns:var(--grid-table-columns);border-bottom:1px solid var(--border-color);align-items:center;display:grid}.grid-table__row:last-child{border-bottom:none}.grid-table__row--header{background-color:var(--color-gray-50)}.grid-table__row--link,.grid-table__row--clickable{cursor:pointer;color:inherit;transition:background-color var(--transition-fast);text-decoration:none}.grid-table__row--link:hover,.grid-table__row--clickable:hover{background-color:var(--color-gray-50)}.grid-table__row--link:focus-visible,.grid-table__row--clickable:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.grid-table__cell{padding:var(--space-4);font-size:var(--font-size-base);color:var(--color-gray-700);word-break:break-word;min-width:0}.grid-table__cell--ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grid-table__cell--header{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);background-color:var(--color-gray-50);text-transform:none}.grid-table__cell--align-right{text-align:right;justify-content:flex-end}.grid-table__cell--align-center{text-align:center;justify-content:center}.grid-table__cell--actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.grid-table__empty{padding:var(--space-12) var(--space-4);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-base)}.grid-table__skeleton-cell{padding:var(--space-4)}.grid-table__skeleton-bar{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-gray-100) 0%, var(--color-gray-200) 50%, var(--color-gray-100) 100%);background-size:200% 100%;height:16px;animation:1.4s ease-in-out infinite grid-table-skeleton}@keyframes grid-table-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.grid-table__loading-more{padding:var(--space-4);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm)}.grid-table__sentinel{height:1px}@media (width<=1024px){.grid-table{box-shadow:none;-webkit-backdrop-filter:none;gap:var(--space-3);background:0 0;border:none;border-radius:0;overflow:visible}.grid-table__row{gap:var(--space-3);padding:var(--space-4);background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);flex-direction:column;display:flex}.grid-table .grid-table__row--header{display:none}.grid-table__cell{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-width:0;padding:0;display:flex}.grid-table__cell:before{content:attr(data-label);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.04em}.grid-table__cell[data-label=""]:before,.grid-table__cell--actions:before{display:none}.grid-table__cell--actions{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-color);flex-flow:wrap}.grid-table__cell--align-right,.grid-table__cell--align-center{text-align:left;align-items:flex-start}.grid-table__skeleton-cell{padding:0}}.status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background-color:var(--color-gray-100);color:var(--color-gray-600);display:inline-block}.status-badge--success{color:var(--color-success);background-color:var(--color-success-light)}.status-badge--warning{color:var(--color-warning);background-color:var(--color-warning-light)}.status-badge--danger{color:var(--color-danger);background-color:var(--color-danger-light)}.status-badge--info{color:var(--color-accent);background-color:var(--color-accent-light)}.status-badge--neutral{color:var(--color-gray-600);background-color:var(--color-gray-100)}.auth{background-color:var(--color-white);flex-direction:column;min-height:100vh;padding:42px 0 0;display:flex}.auth__topbar{z-index:10;height:42px;padding:0 var(--space-6);background-color:var(--color-gray-50);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.auth__brand{width:auto;height:18px;display:block}.auth__main{width:100%;padding:var(--space-4) var(--space-4) 120px;flex:1;justify-content:center;align-items:center;display:flex}.auth__bottombar{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;height:82px;padding:0 var(--space-6);background-color:var(--color-gray-50);font-size:var(--font-size-sm);color:var(--color-gray-500);display:flex}.auth__bottombar-links{align-items:center;gap:var(--space-3);display:flex}.auth__bottombar-link{color:var(--color-gray-500);transition:color var(--transition-fast);text-decoration:none}.auth__bottombar-link:hover{color:var(--color-gray-700);text-decoration:underline}.auth__bottombar-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.auth__bottombar-separator{color:var(--color-gray-300)}.auth__bottombar-copy{margin:0}.auth__card{background-color:var(--color-white);width:100%;max-width:640px;min-height:670px;padding:var(--space-12) 90px;border-radius:32px;flex-direction:column;justify-content:center;display:flex;box-shadow:0 3px 34px #00000017}.auth__header{text-align:center;margin-bottom:var(--space-8)}.auth__logo{width:auto;height:44px;margin:0 auto var(--space-6);display:block}.auth__title{font-size:var(--font-size-2xl);color:var(--color-gray-900);margin-bottom:var(--space-2)}.auth__title--lg{font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium);margin-bottom:0}.auth__subtitle{font-size:var(--font-size-base);color:var(--color-gray-600)}.auth__form{gap:var(--space-5);flex-direction:column;display:flex}.auth__sso{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.auth__sso-button{justify-content:center;align-items:center;gap:var(--space-3);height:42px;padding:0 var(--space-4);border:1px solid var(--color-gray-200);background-color:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-900);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);text-decoration:none;display:inline-flex}.auth__sso-button:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300)}.auth__sso-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.auth__sso-icon{width:18px;height:18px}.auth__divider{align-items:center;gap:var(--space-3);margin:0 0 var(--space-5) 0;color:var(--color-gray-500);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;display:flex}.auth__divider:before,.auth__divider:after{content:"";background-color:var(--color-gray-200);flex:1;height:1px}.auth__code-field .input-component__field input{text-align:center;letter-spacing:.3em;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.auth__error{font-size:var(--font-size-sm);color:var(--color-danger)}.auth__error--general{text-align:center}.auth__button{background-color:var(--color-accent);height:42px;color:var(--color-accent-text);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:background-color var(--transition-fast)}.auth__button:hover:not(:disabled){background-color:var(--color-accent-hover)}.auth__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.auth__button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.auth__link{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:var(--font-weight-medium);cursor:pointer;text-align:center;background:0 0;border:none;padding:0;text-decoration:none}.auth__link:hover:not(:disabled){text-decoration:underline}.auth__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.auth__link:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.auth__text{font-size:var(--font-size-base);color:var(--color-gray-600);text-align:center}.auth__success{font-size:var(--font-size-sm);color:var(--color-success);text-align:center}.auth__status{font-size:var(--font-size-sm);color:var(--color-gray-600);text-align:center}.auth__recovery-prompt{gap:var(--space-5);flex-direction:column;display:flex}.auth__loading{text-align:center;color:var(--color-gray-600);padding:var(--space-8) 0}.auth__qr{margin-bottom:var(--space-6);justify-content:center;display:flex}.auth__qr-image{border-radius:var(--radius-md);border:1px solid var(--border-color);width:200px;height:200px}.auth__secret{text-align:center;margin-bottom:var(--space-6)}.auth__secret-label{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-2)}.auth__secret-code{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);background-color:var(--color-gray-100);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);letter-spacing:var(--letter-spacing-wide);-webkit-user-select:all;user-select:all;display:inline-block}.auth__footer{text-align:center;font-size:var(--font-size-sm);color:var(--color-gray-600)}.auth__success-message{font-size:var(--font-size-base);color:var(--color-gray-700);margin-bottom:var(--space-6);line-height:1.5}.auth__invalid-link{text-align:center}.auth__invalid-link-message{font-size:var(--font-size-base);color:var(--color-gray-700);margin-bottom:var(--space-6);line-height:1.5}.chips{margin:0 0 var(--space-5) 0;gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.chip{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);background-color:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-gray-900);display:inline-flex}.chip__text{font-family:var(--font-family-mono)}.chip__remove{appearance:none;cursor:pointer;border-radius:var(--radius-full);width:20px;height:20px;font-size:var(--font-size-md);color:var(--color-gray-600);background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.chip__remove:hover,.chip__remove:focus-visible{background-color:var(--color-gray-200);color:var(--color-gray-900)}.chip__remove:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.chips-empty{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0 0 var(--space-5) 0}.chips-add{gap:var(--space-3);margin-bottom:var(--space-4);align-items:flex-end;display:flex}.chips-add>:first-child{flex:1}.dev-banner{z-index:500;padding:5px var(--space-4);background:var(--color-warning-light);-webkit-user-select:none;user-select:none;border-bottom:1px solid #e6770047;align-items:center;gap:8px;display:flex;position:sticky;top:0}.dev-banner__dot{border-radius:var(--radius-full,9999px);background:var(--color-warning);flex-shrink:0;width:7px;height:7px;animation:2.4s ease-out infinite dev-banner-pulse;box-shadow:0 0 #e6770080}.dev-banner__label{font-size:10px;font-weight:var(--font-weight-semibold,600);letter-spacing:.14em;text-transform:uppercase;color:#6b3b00}@keyframes dev-banner-pulse{0%{box-shadow:0 0 #e6770080}70%{box-shadow:0 0 0 5px #e6770000}to{box-shadow:0 0 #e6770000}}@media (prefers-reduced-motion:reduce){.dev-banner__dot{animation:none}}.layout{min-height:100vh;display:flex}.layout__sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--color-white) 0%, var(--color-gray-200) 100%);border-right:1px solid var(--sidebar-border);z-index:10;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.layout__logo{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-6);border-bottom:1px solid var(--sidebar-border);display:flex}.layout__logo-img{width:auto;height:26px}.layout__logo-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent);background-color:var(--color-accent-light);padding:var(--space-0) var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.layout__nav{padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.layout__nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--sidebar-text-muted);transition:all var(--transition-fast);display:flex}.layout__nav-item:hover{color:var(--sidebar-text);background-color:var(--sidebar-hover-bg)}.layout__nav-item:focus-visible{outline:2px solid var(--sidebar-text);outline-offset:-2px}.layout__nav-item--active,.layout__nav-item--active:hover{color:var(--sidebar-active-text);background-color:var(--sidebar-active-bg)}.layout__nav-icon{flex-shrink:0;width:20px;height:20px}.layout__sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--sidebar-border)}.layout__user-menu{position:relative}.layout__user-trigger{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);width:100%;transition:background-color var(--transition-fast);cursor:pointer;display:flex}.layout__user-trigger:hover{background-color:var(--sidebar-hover-bg)}.layout__user-trigger:focus-visible{outline:2px solid var(--sidebar-text);outline-offset:-2px}.layout__user-avatar{border-radius:var(--radius-full);background-color:var(--sidebar-hover-bg);width:32px;height:32px;color:var(--sidebar-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.layout__user-info{text-align:left;flex-direction:column;min-width:0;display:flex}.layout__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--sidebar-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.layout__user-email{font-size:var(--font-size-xs);color:var(--sidebar-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.layout__user-popover{margin-bottom:var(--space-2);background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2);gap:var(--space-1);flex-direction:column;display:flex;position:absolute;bottom:100%;left:0;right:0}.layout__popover-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900);transition:background-color var(--transition-fast);cursor:pointer;width:100%;display:flex}.layout__popover-item:hover{background-color:var(--color-gray-100)}.layout__popover-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.layout__popover-item--danger:hover{color:var(--color-danger);background-color:var(--color-danger-light)}.layout__popover-icon{flex-shrink:0;width:18px;height:18px}.layout__main{margin-left:var(--sidebar-width);background-color:var(--color-gray-50);flex:1}.layout__content{padding:var(--space-8) var(--space-10)}.company-user-modal{background-color:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);padding:var(--space-6);outline:none;position:relative}.company-user-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-5)}.company-user-modal__form{gap:var(--space-5);flex-direction:column;display:flex}.company-user-modal__error{padding:var(--space-3) var(--space-4);background-color:var(--color-danger-light);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.company-user-modal__hint{font-size:var(--font-size-xs);color:var(--color-gray-500);line-height:var(--line-height-relaxed)}.company-user-modal__field{gap:var(--space-2);flex-direction:column;display:flex}.company-user-modal__actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-2);display:flex}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.form-input{height:var(--input-height);padding:0 var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-gray-900);background-color:var(--color-white);transition:border-color var(--transition-fast)}.form-input::placeholder{color:var(--color-gray-400)}.form-input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.form-hint{font-size:var(--font-size-xs);color:var(--color-gray-500);line-height:var(--line-height-relaxed)}.form-error-banner{font-size:var(--font-size-sm);color:var(--color-danger);text-align:center}.scopes-modal{background-color:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-lg);padding:var(--space-6);outline:none;position:relative}.scopes-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-5)}.scopes-modal__form{gap:var(--space-5);flex-direction:column;display:flex}.scopes-modal__error{padding:var(--space-3) var(--space-4);background-color:var(--color-danger-light);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.scopes-modal__actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-2);display:flex}.stat-card{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--card-blur));border-radius:var(--card-radius);box-shadow:var(--card-shadow);border:var(--card-border);padding:var(--space-6);gap:var(--space-1);flex-direction:column;display:flex}.stat-card--alert{background:var(--color-warning-light);border-color:var(--color-warning)}.stat-card--alert .stat-card__value{color:var(--color-warning)}.stat-card__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-500)}.stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.stat-card__detail{font-size:var(--font-size-xs);color:var(--color-gray-500)}.audit-log__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-6)}.audit-log__filters{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;align-items:flex-end;display:flex}.audit-log__filters .audit-log__filter{gap:var(--space-1);flex-direction:column;width:180px;display:flex}.audit-log__filters .audit-log__filter--search{flex:1;width:auto;min-width:180px}.audit-log__actor{flex-direction:column;display:flex}.audit-log__actor-name{font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.audit-log__actor-type{font-size:var(--font-size-xs);color:var(--color-gray-500)}.audit-log__actor-unknown{font-size:var(--font-size-sm);color:var(--color-gray-500)}.audit-log__resource{font-weight:var(--font-weight-medium)}.audit-log__resource-id{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-left:var(--space-1)}.audit-log__changes-pre{margin-top:var(--space-2);padding:var(--space-3);background-color:var(--color-gray-50);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-gray-700);white-space:pre-wrap;word-break:break-all;max-width:300px}.audit-log__no-changes{color:var(--color-gray-400)}.companies__header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.companies__title{font-size:var(--font-size-3xl)}.companies__toolbar{gap:var(--space-3);margin-bottom:var(--space-5);align-items:center;display:flex}.companies__filters{gap:var(--space-3);display:flex}.companies__filters>.dropdown-component{width:180px}.companies__search{max-width:320px;position:relative}.companies__search-icon{left:var(--space-3);width:18px;height:18px;color:var(--color-gray-400);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.companies__search-input{width:100%;padding-left:var(--space-10)}.company-create__header{margin-bottom:var(--space-8)}.company-create__back{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-4);transition:color var(--transition-fast);display:inline-block}.company-create__back:hover{color:var(--color-accent)}.company-create__back:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.company-create__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.company-create__subtitle{font-size:var(--font-size-base);color:var(--color-gray-600)}.company-create__form{gap:var(--space-8);flex-direction:column;max-width:520px;display:flex}.company-create__section{gap:var(--space-5);border:none;flex-direction:column;margin:0;padding:0;display:flex}.company-create__legend{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-1)}.company-create__actions{align-items:center;gap:var(--space-4);display:flex}.company-detail__back{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-4);transition:color var(--transition-fast);display:inline-block}.company-detail__back:hover{color:var(--color-accent)}.company-detail__back:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.company-detail__loading{text-align:center;color:var(--color-gray-500);padding:var(--space-12) var(--space-4);font-size:var(--font-size-base)}.company-detail__title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.company-detail__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-1)}.company-detail__title-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.company-detail__status{padding:var(--space-0) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize;flex-shrink:0;display:inline-block}.company-detail__status--active{color:var(--color-success);background-color:var(--color-success-light)}.company-detail__status--suspended{color:var(--color-warning);background-color:var(--color-warning-light)}.company-detail__status--cancelled{color:var(--color-danger);background-color:var(--color-danger-light)}.company-detail__info-card{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--card-blur));border-radius:var(--card-radius);box-shadow:var(--card-shadow);border:var(--card-border);padding:var(--space-6);margin-bottom:var(--space-8)}.company-detail__info-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.company-detail__info-item{gap:var(--space-1);flex-direction:column;display:flex}.company-detail__info-item--full{grid-column:1/-1}.company-detail__db-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.company-detail__db-name{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);-webkit-user-select:all;user-select:all;word-break:break-all}.company-detail__sso-fieldset,.company-detail__domains-fieldset{border:1px solid var(--color-gray-200);border-radius:var(--radius-md,6px);padding:var(--space-4) var(--space-5);gap:var(--space-3);flex-direction:column;margin:0;display:flex}.company-detail__sso-legend,.company-detail__domains-legend{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:0 var(--space-2);color:var(--color-gray-700)}.company-detail__sso-help,.company-detail__domains-help{font-size:var(--font-size-xs);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin:0}.company-detail__sso-toggle{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);cursor:pointer;display:flex}.company-detail__sso-toggle input[type=checkbox]{cursor:pointer;width:16px;height:16px}.company-detail__info-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.03em}.company-detail__info-value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.company-detail__section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.company-detail__section-title{font-size:var(--font-size-xl)}.company-detail__row--deleted{opacity:var(--opacity-disabled)}.company-detail__chatbot-name{gap:var(--space-0);flex-direction:column;display:flex}.company-detail__chatbot-name-text{font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.company-detail__chatbot-slug{font-size:var(--font-size-xs);color:var(--color-gray-500);font-family:var(--font-family-mono)}.company-detail__team-count{font-size:var(--font-size-sm);color:var(--color-gray-600)}.company-detail__actions{align-items:center;gap:var(--space-2);display:flex}.company-detail__info-actions{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-color)}.company-detail__edit-form{gap:var(--space-5);flex-direction:column;display:flex}.company-detail__edit-actions{gap:var(--space-3);padding-top:var(--space-2);display:flex}.dashboard__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-8)}.dashboard__loading{color:var(--color-gray-500);font-size:var(--font-size-md)}.dashboard__stats{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.login-activity__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-6)}.login-activity__filters{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;align-items:flex-end;display:flex}.login-activity__filters .login-activity__filter{gap:var(--space-1);flex-direction:column;width:180px;display:flex}.login-activity__filters .login-activity__filter--search{flex:1;width:auto;min-width:180px}.preset-form__header{margin-bottom:var(--space-8)}.preset-form__back{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-4);transition:color var(--transition-fast);display:inline-block}.preset-form__back:hover{color:var(--color-accent)}.preset-form__back:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.preset-form__header-row{align-items:center;gap:var(--space-3);display:flex}.preset-form__title{font-size:var(--font-size-2xl)}.preset-form__status{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 8px;display:inline-block}.preset-form__status--active{background-color:var(--color-success-light);color:var(--color-success)}.preset-form__status--inactive{background-color:var(--color-warning-light);color:var(--color-warning)}.preset-form__loading{color:var(--color-gray-500);font-size:var(--font-size-md)}.preset-form__load-error{max-width:560px;padding:var(--space-6);background-color:var(--color-danger-light);border-radius:var(--radius-md);text-align:center}.preset-form__load-error-message{font-size:var(--font-size-base);color:var(--color-danger);margin-bottom:var(--space-4)}.preset-form__load-error-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent)}.preset-form__load-error-link:hover{text-decoration:underline}.preset-form__load-error-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.preset-form__form{gap:var(--space-8);flex-direction:column;max-width:560px;display:flex}.preset-form__section{gap:var(--space-5);border:none;flex-direction:column;margin:0;padding:0;display:flex}.preset-form__legend{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-1)}.preset-form__row{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.preset-form__success{font-size:var(--font-size-sm);color:var(--color-success);text-align:center}.preset-form__actions{align-items:center;gap:var(--space-4);display:flex}.preset-form__companies{margin-top:var(--space-10);max-width:560px}.preset-form__companies-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-4)}.preset-form__companies-empty{color:var(--color-gray-500);font-size:var(--font-size-sm)}.preset-form__company-link{color:var(--color-accent);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.preset-form__company-link:hover{color:var(--color-accent-hover)}.preset-form__company-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.presets__header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.presets__title{font-size:var(--font-size-3xl)}.presets__name{font-weight:var(--font-weight-medium);color:var(--color-gray-900);display:block}.presets__slug{font-size:var(--font-size-xs);color:var(--color-gray-500);display:block}.scopes{gap:var(--space-5);flex-direction:column;display:flex}.scopes__header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;display:flex}.scopes__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-2)}.scopes__subtitle{color:var(--color-gray-600);line-height:var(--line-height-relaxed);max-width:720px}.scopes__subtitle code{background-color:var(--color-gray-100);border-radius:var(--radius-sm);padding:0 var(--space-1);font-size:.95em}.scopes__value{background-color:var(--color-gray-100);color:var(--color-gray-900);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-family:var(--font-family-mono,ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--font-size-sm)}.scopes__description{color:var(--color-gray-600);font-size:var(--font-size-sm);white-space:normal;max-width:360px}.settings__header{margin-bottom:var(--space-6)}.settings__title{font-size:var(--font-size-3xl)}.settings__subtitle{margin-top:var(--space-2);color:var(--color-gray-600);max-width:720px}.settings__section{margin-bottom:var(--space-8)}.settings__section-title{font-size:var(--font-size-xl);margin-bottom:var(--space-1);color:var(--color-gray-900)}.settings__section-hint{margin-bottom:var(--space-4);color:var(--color-gray-600);font-size:var(--font-size-sm)}.settings__list{gap:var(--space-3);flex-direction:column;display:flex}.settings__row{gap:var(--space-4);padding:var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr) 240px auto;align-items:start;display:grid}.settings__row-key{font-family:var(--font-family-mono,monospace);font-size:var(--font-size-sm);color:var(--color-gray-900);font-weight:var(--font-weight-medium);word-break:break-all;display:block}.settings__row-description{margin-top:var(--space-1);color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:1.5}.settings__row-error{margin-top:var(--space-2);color:var(--color-danger,#d63333);font-size:var(--font-size-sm)}.settings__row-success{margin-top:var(--space-2);color:var(--color-success,#2e7d32);font-size:var(--font-size-sm)}.settings__row-input{width:100%}.settings__row-input--wide{grid-column:1/-1}.settings__row-textarea{width:100%;font-family:var(--font-family-mono,monospace);font-size:var(--font-size-sm);resize:vertical;min-height:200px;line-height:1.5}.settings__row:has(.settings__row-input--wide){grid-template-columns:minmax(0,1fr) auto}.settings__row:has(.settings__row-input--wide) .settings__row-input--wide{grid-area:2/1/auto/-1}.settings__row-actions{align-items:center;gap:var(--space-2);display:flex}@media (width<=720px){.settings__row{grid-template-columns:1fr}.settings__row-actions{justify-content:flex-end}}.status__header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.status__title{font-size:var(--font-size-3xl)}.status__subtitle{margin-top:var(--space-2);color:var(--color-gray-600);max-width:720px}.status__header-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.status__last-checked{color:var(--color-gray-600);font-size:var(--font-size-sm)}.status__overall{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-6);font-weight:var(--font-weight-medium);border:1px solid #0000;display:flex}.status__overall--operational{background:var(--color-success-light);color:var(--color-success);border-color:#2f9e4433}.status__overall--degraded{background:var(--color-warning-light);color:var(--color-warning);border-color:#e6770033}.status__overall--down{background:var(--color-danger-light);color:var(--color-danger);border-color:#d6333333}.status__overall-dot{border-radius:var(--radius-full);background:currentColor;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 4px #ffffff80}.status__overall-text{font-size:var(--font-size-md)}.status__loading{padding:var(--space-8);text-align:center;color:var(--color-gray-600)}.status__section{margin-bottom:var(--space-8)}.status__section-title{font-size:var(--font-size-xl);margin-bottom:var(--space-3);color:var(--color-gray-900)}.status__list{gap:var(--space-2);flex-direction:column;display:flex}.status__row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:border-color var(--transition-fast);display:flex}.status__row--degraded{border-color:#e6770066}.status__row--down{border-color:#d6333366}.status__row-main{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.status__dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.status__dot--operational{background:var(--color-success)}.status__dot--degraded{background:var(--color-warning)}.status__dot--down{background:var(--color-danger)}.status__row-text{flex-direction:column;min-width:0;display:flex}.status__row-label{font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.status__row-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-top:var(--space-1);word-break:break-word}.status__row-meta{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.status__badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.status__badge--operational{background:var(--color-success-light);color:var(--color-success)}.status__badge--degraded{background:var(--color-warning-light);color:var(--color-warning)}.status__badge--down{background:var(--color-danger-light);color:var(--color-danger)}.status__latency{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-gray-500)}.status__link{font-size:var(--font-size-sm);color:var(--color-accent);white-space:nowrap;text-decoration:none}.status__link:hover{text-decoration:underline}.status__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (width<=720px){.status__header{flex-direction:column}.status__row{flex-direction:column;align-items:flex-start}.status__row-meta{justify-content:space-between;width:100%}}.log-detail__header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.log-detail__loading{text-align:center;padding:var(--space-10);color:var(--color-gray-500)}.log-detail__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-6)}.log-detail__grid{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.log-detail__field{gap:var(--space-1);flex-direction:column;display:flex}.log-detail__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.log-detail__value{font-size:var(--font-size-base);color:var(--color-gray-900)}.log-detail__value--mono{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.log-detail__value--small{font-size:var(--font-size-sm);word-break:break-all}.log-detail__section{margin-bottom:var(--space-6)}.log-detail__section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:var(--space-2)}.log-detail__pre{padding:var(--space-4);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-gray-800);white-space:pre-wrap;word-break:break-all;max-height:400px;overflow:auto}.system-logs__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-6)}.system-logs__filters{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;align-items:flex-end;display:flex}.system-logs__filters .system-logs__filter{gap:var(--space-1);flex-direction:column;width:180px;display:flex}.system-logs__filters .system-logs__filter--search{flex:1;width:auto;min-width:180px}.system-logs__filter-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.system-logs__select{height:36px}.system-logs__search-input{width:100%;height:36px}.system-logs__row{cursor:pointer;transition:background-color var(--transition-fast)}.system-logs__row:hover{background-color:var(--color-gray-50)}.system-logs__row--error{background-color:var(--color-danger-light)}.system-logs__row--error:hover{background-color:#fde8e8}.system-logs__level-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;padding:2px 8px;display:inline-block}.system-logs__level-badge--danger{background-color:var(--color-danger-light);color:var(--color-danger)}.system-logs__level-badge--warning{background-color:var(--color-warning-light);color:var(--color-warning)}.system-logs__level-badge--info{background-color:var(--color-accent-light);color:var(--color-accent)}.system-logs__level-badge--default{background-color:var(--color-gray-100);color:var(--color-gray-700)}.usage__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-6)}.usage__controls{gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.usage__toggle{border:1px solid var(--color-gray-200);border-radius:var(--radius-full);display:flex;overflow:hidden}.usage__toggle-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background-color:var(--color-white);color:var(--color-gray-700);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;border:none;font-family:inherit}.usage__toggle-btn:not(:last-child){border-right:1px solid var(--color-gray-200)}.usage__toggle-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;z-index:1;position:relative}.usage__toggle-btn:hover:not(.usage__toggle-btn--active){background-color:var(--color-gray-50)}.usage__toggle-btn--active{background-color:var(--color-accent);color:var(--color-accent-text)}.usage__loading{color:var(--color-gray-500);font-size:var(--font-size-md)}.usage__stats{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.usage__comparison--up{color:var(--color-danger);font-weight:var(--font-weight-medium)}.usage__comparison--down{color:var(--color-success);font-weight:var(--font-weight-medium)}.usage__comparison--new{color:var(--color-accent);font-weight:var(--font-weight-medium)}.usage__chart-card{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--card-blur));border-radius:var(--card-radius);box-shadow:var(--card-shadow);border:var(--card-border);padding:var(--space-6);margin-bottom:var(--space-6)}.usage__chart-title{color:var(--color-gray-900);margin-bottom:var(--space-4)}.usage__chart-container{height:360px;position:relative}.usage__company-row--expandable{cursor:pointer}.usage__company-row--expandable:hover .table__td{background-color:var(--color-gray-50)}.usage__expand-cell{text-align:center;width:32px}.usage__expand-icon{color:var(--color-gray-400);transition:transform var(--transition-fast);font-size:10px;display:inline-block}.usage__expand-icon--open{transform:rotate(90deg)}.usage__company-name{font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.usage__chatbot-row .table__td{background-color:var(--color-gray-50);font-size:var(--font-size-sm);color:var(--color-gray-600)}.usage__chatbot-name{padding-left:var(--space-4)}.usage__empty{color:var(--color-gray-500);font-size:var(--font-size-sm);text-align:center;padding:var(--space-10) 0}.users__header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.users__title{font-size:var(--font-size-3xl)}.users__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-6);max-width:640px}.users__toolbar{gap:var(--space-3);margin-bottom:var(--space-5);align-items:center;display:flex}.users__search{max-width:320px;position:relative}.user-create__header,.user-edit__header{margin-bottom:var(--space-8)}.user-create__back,.user-edit__back{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-4);transition:color var(--transition-fast);display:inline-block}.user-create__back:hover,.user-edit__back:hover{color:var(--color-accent)}.user-create__back:focus-visible,.user-edit__back:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.user-create__title,.user-edit__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.user-create__subtitle{font-size:var(--font-size-base);color:var(--color-gray-600)}.user-create__form,.user-edit__form{gap:var(--space-8);flex-direction:column;max-width:520px;display:flex}.user-create__section,.user-edit__section{gap:var(--space-5);border:none;flex-direction:column;margin:0;padding:0;display:flex}.user-create__legend,.user-edit__legend{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-1)}.user-create__actions,.user-edit__actions{align-items:center;gap:var(--space-4);display:flex}.user-edit__loading{color:var(--color-gray-600)}.user-edit__success{color:var(--color-success);font-size:var(--font-size-sm)}.user-edit__hint{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3)}.user-edit__scope-list{gap:var(--space-4);flex-direction:column;display:flex}.user-edit__scope-row{gap:var(--space-1);flex-direction:column;display:flex}.user-edit__scope-name{font-size:var(--font-size-base);color:var(--color-gray-900);font-weight:var(--font-weight-medium)}.user-edit__scope-description{margin-left:var(--space-7);font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-relaxed)}.input-component{gap:var(--space-2);flex-direction:column;width:100%;display:flex;position:relative}.input-component>*,.input-component{box-sizing:border-box}.input-component label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.input-component .input-component__field{width:100%;height:42px;position:relative}.input-component input{border:1px solid var(--border-color);appearance:none;border-radius:var(--radius-md);width:100%;height:100%;font-weight:var(--font-weight-regular);font-size:var(--font-size-base);color:var(--color-gray-900);padding:0 var(--space-3);background-color:var(--color-white);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;line-height:100%}.input-component input::placeholder{color:var(--color-gray-400)}@media (hover:hover){.input-component input:hover:not(:focus-visible):not(:disabled):not([readonly]){border-color:var(--color-gray-500)}}.input-component input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.input-component input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.input-component input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.input-component input[type=search]::-webkit-search-results-button{-webkit-appearance:none}.input-component input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.input-component input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.input-component input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.input-component input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--color-white) inset!important}.input-component input:disabled,.input-component input[readonly]{opacity:var(--opacity-disabled);cursor:not-allowed}.input-component.is-invalid label{color:var(--color-danger)}.input-component.is-invalid input{border-color:var(--color-danger)}.input-component.is-invalid input:focus-visible{box-shadow:0 0 0 3px var(--color-danger-light)}.input-component.is-invalid .left-icon .input-icon-action svg path,.input-component.is-invalid .left-icon .input-icon-focus svg path,.input-component.is-invalid .right-icon .input-icon-action svg path,.input-component.is-invalid .right-icon .input-icon-focus svg path{stroke:var(--color-danger)}.input-component .right-icon,.input-component .left-icon{z-index:2;pointer-events:none;justify-content:center;align-items:center;width:48px;height:100%;display:flex;position:absolute;top:0;right:0}.input-component .right-icon.left-icon,.input-component .left-icon.left-icon{left:0;right:auto}.input-component .right-icon .currency-box,.input-component .left-icon .currency-box{width:100%;height:100%;font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-gray-500);justify-content:center;align-items:center;line-height:100%;display:flex}:is(.input-component .right-icon:has(.input-icon-action),.input-component .left-icon:has(.input-icon-action)){pointer-events:auto}.input-component .right-icon .input-icon-action,.input-component .left-icon .input-icon-action{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.input-component .right-icon .input-icon-action svg,.input-component .left-icon .input-icon-action svg{width:20px;height:20px}.input-component .right-icon .input-icon-action svg path,.input-component .left-icon .input-icon-action svg path{transition:stroke var(--transition-fast);stroke:var(--color-gray-500)}@media (hover:hover){.input-component .right-icon .input-icon-action:hover svg path,.input-component .left-icon .input-icon-action:hover svg path{stroke:var(--color-gray-700)}}.input-component .right-icon .input-icon-focus,.input-component .left-icon .input-icon-focus{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.input-component .right-icon .input-icon-focus svg,.input-component .left-icon .input-icon-focus svg{width:20px;height:20px}.input-component .right-icon .input-icon-focus svg path,.input-component .left-icon .input-icon-focus svg path{transition:stroke var(--transition-fast);stroke:var(--color-gray-500)}.input-component .input-component__field:has(input:focus-visible) .input-icon-focus svg path{stroke:var(--color-accent)}.input-component.show-number-arrows input[type=number]::-webkit-inner-spin-button{appearance:inner-spin-button;margin:0}.input-component.show-number-arrows input[type=number]::-webkit-outer-spin-button{appearance:inner-spin-button;margin:0}.input-component .helper-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);color:var(--color-gray-500)}.input-component .max-length-indicator{right:var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-gray-500);line-height:100%;position:absolute;bottom:-18px}:is(.input-component .input-component__field:has(.right-icon) input,.input-component .input-component__field:has(.ccv-icon) input,.input-component .input-component__field:has(.credit-card-number-cards) input){padding-right:54px}.input-component .input-component__field:has(.left-icon) input{padding-left:54px}.dropdown-component{gap:var(--space-2);outline:none;flex-direction:column;width:100%;display:flex;position:relative}.dropdown-component>*,.dropdown-component{box-sizing:border-box}.dropdown-component label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:100%;overflow:hidden}.dropdown-component .dropdown-component__field{width:100%;height:42px;padding:0 54px 0 var(--space-3);background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;display:flex;position:relative}.dropdown-component .dropdown-component__value{min-width:0;font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-gray-900);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.dropdown-component .dropdown-component__value--empty{color:var(--color-gray-400)}.dropdown-component .dropdown-component__arrow{pointer-events:none;justify-content:center;align-items:center;width:48px;height:100%;display:flex;position:absolute;top:0;right:0}.dropdown-component .dropdown-component__arrow svg{width:20px;height:20px;transition:transform var(--transition-fast)}.dropdown-component .dropdown-component__arrow svg path{stroke:var(--color-gray-500);transition:stroke var(--transition-fast)}@media (hover:hover){.dropdown-component:hover:not(.dropdown-component--disabled):not(.dropdown-component--read-only):not(:focus-visible) .dropdown-component__field{border-color:var(--color-gray-500)}}.dropdown-component:focus-visible .dropdown-component__field,.dropdown-component.dropdown-component--open .dropdown-component__field{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.dropdown-component.dropdown-component--open .dropdown-component__arrow svg{transform:rotate(180deg)}.dropdown-component.is-invalid label{color:var(--color-danger)}.dropdown-component.is-invalid .dropdown-component__field{border-color:var(--color-danger)}.dropdown-component.is-invalid:focus-visible .dropdown-component__field,.dropdown-component.is-invalid.dropdown-component--open .dropdown-component__field{box-shadow:0 0 0 3px var(--color-danger-light)}.dropdown-component.dropdown-component--read-only .dropdown-component__field,.dropdown-component.dropdown-component--disabled .dropdown-component__field{cursor:not-allowed;opacity:var(--opacity-disabled)}.dropdown-component .helper-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);color:var(--color-gray-500)}.dropdown-component__list{background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:var(--z-index-dropdown);flex-direction:column;margin:0;padding:0;display:flex;position:fixed;inset:auto;overflow:hidden;box-shadow:0 8px 24px #00000014}.dropdown-component__list ul{padding:var(--space-1) 0;overscroll-behavior:contain;margin:0;list-style:none;overflow-y:auto}.dropdown-component__search{padding:var(--space-2);border-bottom:1px solid var(--border-color);background-color:var(--color-white)}.dropdown-component__item{align-items:center;gap:var(--space-2);width:100%;min-height:38px;padding:var(--space-2) var(--space-3);cursor:pointer;transition:background-color var(--transition-fast);display:flex}.dropdown-component__item--focused{background-color:var(--color-gray-100)}.dropdown-component__item--focused .dropdown-component__item-label{color:var(--color-accent)}.dropdown-component__item--selected:not(.dropdown-component__item--focused) .dropdown-component__item-label{color:var(--color-accent);font-weight:var(--font-weight-medium)}.dropdown-component__item--empty{cursor:default}.dropdown-component__item--empty .dropdown-component__item-label{color:var(--color-gray-500);font-style:italic}.dropdown-component__item-label{min-width:0;font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-gray-900);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.dropdown-component__item-checkbox{border:2px solid var(--color-gray-400);background-color:var(--color-white);border-radius:var(--radius-sm);width:18px;height:18px;transition:background-color var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;position:relative}.dropdown-component__item-checkbox:after{content:"";border-right:2px solid var(--color-white);border-bottom:2px solid var(--color-white);opacity:0;width:5px;height:9px;transition:opacity var(--transition-fast);position:absolute;top:50%;left:4px;transform:translateY(-65%)rotate(45deg)}.dropdown-component__item-checkbox--checked{background-color:var(--color-accent);border-color:var(--color-accent)}.dropdown-component__item-checkbox--checked:after{opacity:1}.textarea-component{gap:var(--space-2);flex-direction:column;width:100%;display:flex;position:relative}.textarea-component>*,.textarea-component{box-sizing:border-box}.textarea-component label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.textarea-component .textarea-component__field{width:100%;position:relative}.textarea-component textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;min-height:96px;font-family:inherit;font-weight:var(--font-weight-regular);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-gray-900);padding:var(--space-3);background-color:var(--color-white);resize:vertical;appearance:none;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.textarea-component textarea::placeholder{color:var(--color-gray-400)}@media (hover:hover){.textarea-component textarea:hover:not(:focus-visible):not(:disabled):not([readonly]){border-color:var(--color-gray-500)}}.textarea-component textarea:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.textarea-component textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--color-white) inset!important}.textarea-component textarea:disabled,.textarea-component textarea[readonly]{opacity:var(--opacity-disabled);cursor:not-allowed;resize:none}.textarea-component--resize textarea{resize:none}.textarea-component.is-invalid label{color:var(--color-danger)}.textarea-component.is-invalid textarea{border-color:var(--color-danger)}.textarea-component.is-invalid textarea:focus-visible{box-shadow:0 0 0 3px var(--color-danger-light)}.textarea-component .helper-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);color:var(--color-gray-500)}.textarea-component .max-length-indicator{right:var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-gray-500);line-height:100%;position:absolute;bottom:-18px}.checkbox-component{box-sizing:border-box;align-items:center;display:inline-flex;position:relative}.checkbox-component input[type=checkbox],.checkbox-component input[type=radio]{opacity:0;width:0;height:0;margin:0;position:absolute}.checkbox-component label{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-gray-900);-webkit-user-select:none;user-select:none;display:inline-flex}.checkbox-component label:before{content:"";border:2px solid var(--color-gray-400);background-color:var(--color-white);border-radius:var(--radius-sm);width:18px;height:18px;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.checkbox-component label:after{content:"";border-right:2px solid var(--color-white);border-bottom:2px solid var(--color-white);opacity:0;width:5px;height:9px;transition:opacity var(--transition-fast);pointer-events:none;position:absolute;top:50%;left:6px;transform:translateY(-65%)rotate(45deg)}.checkbox-component input:checked+label:before{background-color:var(--color-accent);border-color:var(--color-accent)}.checkbox-component input:checked+label:after{opacity:1}.checkbox-component input:focus-visible+label:before{box-shadow:0 0 0 3px var(--color-accent-light)}@media (hover:hover){.checkbox-component:hover input:not(:disabled)+label:before{border-color:var(--color-accent)}}.checkbox-component.is-invalid label:before{border-color:var(--color-danger)}.checkbox-component.is-invalid input:checked+label:before{background-color:var(--color-danger);border-color:var(--color-danger)}.checkbox-component.is-invalid input:focus-visible+label:before{box-shadow:0 0 0 3px var(--color-danger-light)}.checkbox-component:has(input:disabled) label{cursor:not-allowed;color:var(--color-gray-500)}.checkbox-component:has(input:disabled) label:before{background-color:var(--color-gray-100);border-color:var(--color-gray-300)}.checkbox-component:has(input:disabled) input:checked+label:before{background-color:var(--color-gray-400);border-color:var(--color-gray-400)}.file-input-component{gap:var(--space-2);flex-direction:column;width:100%;display:flex;position:relative}.file-input-component>*,.file-input-component{box-sizing:border-box}.file-input-component label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.file-input-component .file-input-component__field{width:100%;position:relative}.file-input-component .file-input-component__native{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;position:absolute;inset:0}.file-input-component .file-input-component__native:disabled{cursor:not-allowed}.file-input-component .file-input-component__dropzone{align-items:center;gap:var(--space-3);border:1px dashed var(--border-color);border-radius:var(--radius-md);background-color:var(--color-white);width:100%;min-height:42px;padding:var(--space-3);color:var(--color-gray-700);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);display:flex;position:relative}.file-input-component .file-input-component__icon{width:32px;height:32px;color:var(--color-gray-500);transition:color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-input-component .file-input-component__text{flex-direction:column;flex:1;min-width:0;display:flex}.file-input-component .file-input-component__title{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-gray-700);line-height:var(--line-height-tight)}.file-input-component .file-input-component__hint{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-gray-500);line-height:var(--line-height-relaxed)}.file-input-component .file-input-component__files{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;margin:0;padding:0;list-style:none;display:flex}.file-input-component .file-input-component__files li{align-items:center;gap:var(--space-2);min-width:0;display:flex}.file-input-component .file-input-component__file-name{min-width:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-gray-900);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-input-component .file-input-component__file-size{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-gray-500);flex-shrink:0}.file-input-component .file-input-component__remove{appearance:none;padding:var(--space-1);cursor:pointer;color:var(--color-gray-500);border-radius:var(--radius-sm);z-index:2;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}@media (hover:hover){.file-input-component .file-input-component__remove:hover:not(:disabled){color:var(--color-gray-700)}}.file-input-component .file-input-component__remove:focus-visible{box-shadow:0 0 0 3px var(--color-accent-light);color:var(--color-accent);outline:none}.file-input-component .file-input-component__remove:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}@media (hover:hover){.file-input-component:not(.file-input-component--disabled):not(.file-input-component--readonly) .file-input-component__native:hover+.file-input-component__dropzone{border-color:var(--color-gray-500)}.file-input-component:not(.file-input-component--disabled):not(.file-input-component--readonly) .file-input-component__native:hover+.file-input-component__dropzone .file-input-component__icon{color:var(--color-gray-700)}}.file-input-component .file-input-component__native:focus-visible+.file-input-component__dropzone{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.file-input-component .file-input-component__native:focus-visible+.file-input-component__dropzone .file-input-component__icon{color:var(--color-accent)}.file-input-component.file-input-component--dragging .file-input-component__dropzone{border-color:var(--color-accent);background-color:var(--color-accent-light)}.file-input-component.file-input-component--dragging .file-input-component__dropzone .file-input-component__icon{color:var(--color-accent)}.file-input-component.is-invalid label{color:var(--color-danger)}.file-input-component.is-invalid .file-input-component__dropzone{border-color:var(--color-danger)}.file-input-component.is-invalid .file-input-component__native:focus-visible+.file-input-component__dropzone{box-shadow:0 0 0 3px var(--color-danger-light)}.file-input-component.is-invalid .file-input-component__icon{color:var(--color-danger)}.file-input-component.file-input-component--disabled .file-input-component__dropzone,.file-input-component.file-input-component--readonly .file-input-component__dropzone{opacity:var(--opacity-disabled);cursor:not-allowed}.file-input-component.file-input-component--disabled .file-input-component__native,.file-input-component.file-input-component--readonly .file-input-component__native{cursor:not-allowed}.file-input-component .helper-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);color:var(--color-gray-500)}.color-input-component{gap:var(--space-2);flex-direction:column;width:100%;display:flex;position:relative}.color-input-component>*,.color-input-component{box-sizing:border-box}.color-input-component label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.color-input-component .color-input-component__field{align-items:stretch;gap:var(--space-2);width:100%;height:42px;display:flex;position:relative}.color-input-component .color-input-component__swatch-wrap{border:1px solid var(--border-color);border-radius:var(--radius-md);background-image:linear-gradient(45deg, var(--color-gray-200) 25%, transparent 25%), linear-gradient(-45deg, var(--color-gray-200) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--color-gray-200) 75%), linear-gradient(-45deg, transparent 75%, var(--color-gray-200) 75%);width:42px;height:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;flex-shrink:0;position:relative;overflow:hidden}.color-input-component .color-input-component__swatch{width:100%;height:100%;position:absolute;inset:0}.color-input-component .color-input-component__native{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.color-input-component .color-input-component__native:disabled{cursor:not-allowed}.color-input-component .color-input-component__hex{border:1px solid var(--border-color);appearance:none;border-radius:var(--radius-md);min-width:0;height:100%;font-family:inherit;font-weight:var(--font-weight-regular);font-size:var(--font-size-base);color:var(--color-gray-900);padding:0 var(--space-3);background-color:var(--color-white);text-transform:uppercase;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex:1;line-height:100%}.color-input-component .color-input-component__hex::placeholder{color:var(--color-gray-400);text-transform:none}@media (hover:hover){.color-input-component .color-input-component__hex:hover:not(:focus-visible):not(:disabled):not([readonly]){border-color:var(--color-gray-500)}}.color-input-component .color-input-component__hex:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.color-input-component .color-input-component__hex:disabled,.color-input-component .color-input-component__hex[readonly]{opacity:var(--opacity-disabled);cursor:not-allowed}@media (hover:hover){.color-input-component:not(.color-input-component--disabled):not(.color-input-component--readonly) .color-input-component__swatch-wrap:has(.color-input-component__native:hover:not(:disabled)){border-color:var(--color-gray-500)}}.color-input-component .color-input-component__swatch-wrap:has(.color-input-component__native:focus-visible){border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.color-input-component.is-invalid label{color:var(--color-danger)}.color-input-component.is-invalid .color-input-component__swatch-wrap,.color-input-component.is-invalid .color-input-component__hex{border-color:var(--color-danger)}.color-input-component.is-invalid .color-input-component__hex:focus-visible{box-shadow:0 0 0 3px var(--color-danger-light)}.color-input-component.is-invalid .color-input-component__swatch-wrap:has(.color-input-component__native:focus-visible){box-shadow:0 0 0 3px var(--color-danger-light)}.color-input-component.color-input-component--disabled .color-input-component__swatch-wrap,.color-input-component.color-input-component--readonly .color-input-component__swatch-wrap{opacity:var(--opacity-disabled);cursor:not-allowed}.color-input-component .color-input-component__alpha{align-items:center;gap:var(--space-2);flex-shrink:0;min-width:110px;display:flex}.color-input-component .color-input-component__alpha-slider{appearance:none;background:var(--color-gray-200);border-radius:var(--radius-full);cursor:pointer;outline:none;flex:1;height:4px}.color-input-component .color-input-component__alpha-slider::-webkit-slider-thumb{appearance:none;background:var(--color-accent);border:2px solid var(--color-white);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #00000026}.color-input-component .color-input-component__alpha-slider::-moz-range-thumb{background:var(--color-accent);border:2px solid var(--color-white);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #00000026}.color-input-component .color-input-component__alpha-slider:focus-visible{box-shadow:0 0 0 3px var(--color-accent-light)}.color-input-component .color-input-component__alpha-slider:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.color-input-component .color-input-component__alpha-value{font-size:var(--font-size-xs);color:var(--color-gray-600);text-align:right;font-variant-numeric:tabular-nums;min-width:36px}.color-input-component .helper-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);color:var(--color-gray-500)}.otp-input-component{gap:var(--space-2);flex-direction:column;width:100%;display:flex;position:relative}.otp-input-component>*,.otp-input-component{box-sizing:border-box}.otp-input-component label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);line-height:var(--line-height-tight)}.otp-input-component .otp-input-component__field{align-items:center;gap:var(--space-2);display:flex}.otp-input-component input{border:1px solid var(--border-color);appearance:none;border-radius:var(--radius-md);width:100%;height:42px;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);color:var(--color-gray-900);background-color:var(--color-white);text-align:center;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:0;line-height:100%}.otp-input-component input::placeholder{color:var(--color-gray-400);font-weight:var(--font-weight-regular)}@media (hover:hover){.otp-input-component input:hover:not(:focus-visible):not(:disabled):not([readonly]){border-color:var(--color-gray-500)}}.otp-input-component input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.otp-input-component input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-input-component input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.otp-input-component input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--color-white) inset!important}.otp-input-component input:disabled,.otp-input-component input[readonly]{opacity:var(--opacity-disabled);cursor:not-allowed}.otp-input-component .helper-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);color:var(--color-gray-500)}.otp-input-component.is-invalid label{color:var(--color-danger)}.otp-input-component.is-invalid input{border-color:var(--color-danger)}.otp-input-component.is-invalid input:focus-visible{box-shadow:0 0 0 3px var(--color-danger-light)}.otp-input-component.is-read-only input,.otp-input-component.is-read-only label{pointer-events:none}.otp-input-component.is-read-only{opacity:var(--opacity-disabled);cursor:not-allowed}.otp-input-component.is-disabled input{pointer-events:none}.otp-input-component.is-disabled{cursor:not-allowed}.otp-input-component.is-merged .otp-input-component__field{border-radius:var(--radius-md);background:var(--border-color);gap:1px;padding:1px}.otp-input-component.is-merged .otp-input-component__field input{border:none;border-radius:0}.otp-input-component.is-merged .otp-input-component__field input:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.otp-input-component.is-merged .otp-input-component__field input:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.otp-input-component.is-merged .otp-input-component__field input:focus-visible{outline:1px solid var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.otp-input-component.is-merged.is-invalid .otp-input-component__field{background:var(--color-danger)}.otp-input-component.is-merged.is-invalid .otp-input-component__field input:focus-visible{outline:1px solid var(--color-danger);box-shadow:0 0 0 1px var(--color-danger)}.gradient-builder{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.gradient-builder.gradient-builder--disabled{opacity:var(--opacity-disabled);pointer-events:none}.gradient-builder .gradient-builder__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);line-height:var(--line-height-tight)}.gradient-builder .gradient-builder__type{border:1px solid var(--border-color);border-radius:var(--radius-md);align-self:flex-start;gap:2px;padding:2px;display:inline-flex}.gradient-builder .gradient-builder__type-btn{appearance:none;border-radius:calc(var(--radius-md) - 2px);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:6px 14px}.gradient-builder .gradient-builder__type-btn:hover:not(:disabled){color:var(--color-gray-900)}.gradient-builder .gradient-builder__type-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.gradient-builder .gradient-builder__type-btn:disabled{cursor:not-allowed}.gradient-builder .gradient-builder__type-btn.gradient-builder__type-btn--active{background:var(--color-accent);color:var(--color-white)}.gradient-builder .gradient-builder__bar{border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:copy;background-image:linear-gradient(45deg, var(--color-gray-200) 25%, transparent 25%), linear-gradient(-45deg, var(--color-gray-200) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--color-gray-200) 75%), linear-gradient(-45deg, transparent 75%, var(--color-gray-200) 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;height:36px;position:relative;overflow:visible}.gradient-builder .gradient-builder__stop{border:2px solid var(--color-white);width:18px;height:18px;box-shadow:0 0 0 1px var(--color-gray-400), 0 2px 6px #0000002e;cursor:grab;transition:box-shadow var(--transition-fast), transform var(--transition-fast);touch-action:none;border-radius:50%;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.gradient-builder .gradient-builder__stop:hover:not(:disabled){transform:translate(-50%,-50%)scale(1.08)}.gradient-builder .gradient-builder__stop:active:not(:disabled){cursor:grabbing}.gradient-builder .gradient-builder__stop:focus-visible{box-shadow:0 0 0 2px var(--color-accent), 0 2px 6px #0003;outline:none}.gradient-builder .gradient-builder__stop.gradient-builder__stop--selected{box-shadow:0 0 0 2px var(--color-accent), 0 2px 8px #00000040}.gradient-builder .gradient-builder__stop:disabled{cursor:not-allowed}.gradient-builder .gradient-builder__editor{gap:var(--space-3);grid-template-columns:1fr auto auto;align-items:end;display:grid}.gradient-builder .gradient-builder__position{font-size:var(--font-size-sm);align-items:center;gap:4px;display:flex}.gradient-builder .gradient-builder__position label{color:var(--color-gray-600)}.gradient-builder .gradient-builder__position input{border:1px solid var(--border-color);border-radius:var(--radius-md);width:60px;height:38px;font:inherit;font-variant-numeric:tabular-nums;text-align:right;background:var(--color-white);padding:0 8px}.gradient-builder .gradient-builder__position input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.gradient-builder .gradient-builder__position span{color:var(--color-gray-500)}.gradient-builder .gradient-builder__remove{appearance:none;border:1px solid var(--border-color);background:var(--color-white);color:var(--color-danger);border-radius:var(--radius-md);height:38px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:0 12px}.gradient-builder .gradient-builder__remove:hover:not(:disabled){border-color:var(--color-danger);background:var(--color-danger-light)}.gradient-builder .gradient-builder__remove:focus-visible{outline:2px solid var(--color-danger);outline-offset:2px}.gradient-builder .gradient-builder__angle{align-items:center;gap:var(--space-3);display:flex}.gradient-builder .gradient-builder__dial{width:60px;height:60px;color:var(--color-accent);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%}.gradient-builder .gradient-builder__dial:active{cursor:grabbing}.gradient-builder .gradient-builder__dial:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.gradient-builder .gradient-builder__dial svg{width:100%;height:100%;display:block}.gradient-builder .gradient-builder__dial-track{fill:none;stroke:var(--color-gray-300);stroke-width:2px}.gradient-builder .gradient-builder__dial-needle{stroke:currentColor;stroke-width:2px;stroke-linecap:round}.gradient-builder .gradient-builder__dial-knob{fill:currentColor}.gradient-builder .gradient-builder__angle-input{font-size:var(--font-size-sm);align-items:center;gap:4px;display:flex}.gradient-builder .gradient-builder__angle-input label{color:var(--color-gray-600)}.gradient-builder .gradient-builder__angle-input input{border:1px solid var(--border-color);border-radius:var(--radius-md);width:64px;height:38px;font:inherit;font-variant-numeric:tabular-nums;text-align:right;background:var(--color-white);padding:0 8px}.gradient-builder .gradient-builder__angle-input input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.gradient-builder .helper-text{font-size:var(--font-size-xs);color:var(--color-gray-500)}.auth__form .input-component .input-component__field{height:56px}.auth__form .input-component__field input{font-size:var(--font-size-md);border-radius:var(--radius-lg);border-color:#86868b}.auth__form--login .input-component__field input{padding:16px var(--space-3) 0}.auth__form .input-component__field input::placeholder{color:#6e6e73}.auth__form .input-component__field input:focus-visible{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.auth__form .input-component{gap:var(--space-3)}.auth__form--login .input-component{position:relative}.auth__form--login .input-component>label{z-index:1;pointer-events:none;font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:#6e6e73;margin:0;padding:0;line-height:1;transition:top .15s,font-size .15s,color .15s;position:absolute;top:28px;left:12px;transform:translateY(-50%)}:is(.auth__form--login .input-component:has(input:focus)>label,.auth__form--login .input-component:has(input:not(:placeholder-shown))>label){font-size:var(--font-size-xs);top:16px}.auth__form .otp-input-component{gap:var(--space-3)}.auth__form .otp-input-component__field{gap:var(--space-3);justify-content:center}.auth__form .otp-input-component label{text-align:center}.auth__form .otp-input-component input{border-radius:var(--radius-lg);height:56px;font-size:var(--font-size-2xl);border-color:#86868b}.auth__form .otp-input-component input::placeholder{color:#6e6e73}.auth__form .otp-input-component input:focus-visible{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}
