@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing: .25rem;--default-font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.ml-auto{margin-left:auto}.flex{display:flex}.hidden{display:none}.w-full{width:100%}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:calc(var(--spacing) * 3)}.text-right{text-align:right}.text-primary{color:var(--color-brand)}}:root{--color-brand: #3949ab;--color-brand-hover: #303f91;--color-brand-soft: #e8edff;--color-brand-soft-hover: #dce5ff;--color-brand-mid: #7185df;--color-hero: #263574;--color-hero-text: #e3e9ff;--color-hero-muted: #c9d4fa;--color-map-road: #344787;--color-map-block: #435699;--color-map-grid: #cbd6ff24;--color-map-border: #b6c8ff4d;--color-coral: #d96559;--color-coral-strong: #a63e38;--color-coral-soft: #fff0ed;--color-coral-tile: #ffddd7;--color-coral-border: #f3d0ca;--color-text: #17233f;--color-text-secondary: #40516e;--color-text-muted: #566780;--color-text-subtle: #61728a;--color-surface: #ffffff;--color-canvas: #f4f6fc;--color-surface-muted: #f6f8fd;--color-border: #dce3f0;--color-border-soft: #e9edf6;--color-success: #286640;--color-success-soft: #e9f5ed;--color-success-border: #bfdfca;--color-success-dot: #438d5e;--color-error: #a1373c;--color-error-hover: #842b31;--color-error-soft: #fff0ef;--color-error-border: #f0c9c7;--color-violet: #6e519b;--color-violet-soft: #f0eafa;--color-blue: #315f9d;--color-blue-soft: #e9f1fc;--color-rose: #a24960;--color-rose-soft: #faeaf0;--color-overlay: #14213d80;--color-shadow-soft: #273f801a;--color-shadow: #17255433;--color-surface-translucent: #ffffffc9;color-scheme:light;font-family:var(--font-sans);color:var(--color-text);background:var(--color-canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a,select,summary{cursor:pointer}button{transition:background .18s,box-shadow .18s,transform .18s}button:disabled{opacity:.48;cursor:not-allowed}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--color-brand-mid);outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-brand-mid);outline-offset:2px}input,select,textarea{min-width:0}button{text-align:inherit}h2,h3,p{margin:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}h1{margin:0}.active .active-dot{display:block}.avatar{width:35px;height:35px;border:1px solid var(--color-border);background:var(--color-canvas);color:var(--color-text-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;flex-shrink:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--color-text-muted);border-radius:7px;width:32px;height:32px;flex-shrink:0}.icon-button:hover{color:var(--color-brand);background:var(--color-brand-soft)}.icon-button app-icon{width:17px;height:17px}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:650;color:var(--color-text-muted);display:block}h1{font-size:clamp(23px,2.1vw,32px);line-height:1.3;letter-spacing:-.9px;font-weight:650;margin:9px 0 10px}.page-heading p:not(.eyebrow){font-size:12px;color:var(--color-text-muted);line-height:1.8}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:11px 16px;border-radius:7px;font-size:11px;font-weight:600;white-space:nowrap}.button app-icon{width:15px;height:15px}.button-dark{background:var(--color-brand);color:var(--color-surface);box-shadow:0 3px 4px var(--color-shadow-soft)}.button-dark:hover:not(:disabled){background:var(--color-brand-hover);box-shadow:0 5px 13px var(--color-shadow-soft)}.button-white{color:var(--color-text-secondary);background:var(--color-surface)}.button-white:hover{background:var(--color-brand-soft-hover)}.button-outline{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text-secondary)}.button-outline:hover:not(:disabled){background:var(--color-surface-muted)}.button-small{min-height:32px;font-size:10px;padding:7px 12px}.button-danger{background:var(--color-error);color:var(--color-surface)}.button-danger:hover{background:var(--color-error-hover)}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;color:var(--color-brand);background:none;border:0;font-size:10px;font-weight:600;white-space:nowrap;padding:8px 0}.text-button:hover{color:var(--color-brand-hover)}.text-button app-icon{width:15px;height:15px}.icon-tile{height:40px;width:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-brand-soft);color:var(--color-brand)}.icon-tile app-icon{width:19px;height:19px}.green{background:var(--color-brand-soft);color:var(--color-brand)}.orange{background:var(--color-coral-soft);color:var(--color-coral-strong)}.violet{background:var(--color-violet-soft);color:var(--color-violet)}.blue{background:var(--color-blue-soft);color:var(--color-blue)}.rose{background:var(--color-rose-soft);color:var(--color-rose)}.slate,.subtle{background:var(--color-surface-muted);color:var(--color-text-muted)}.status-dot{height:5px;width:5px;display:inline-block;border-radius:50%;flex-shrink:0}.green-dot{background:var(--color-success-dot)}.orange-dot{background:var(--color-coral)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;gap:12px;padding:24px 24px 16px;align-items:center}.panel-heading h2{font-size:16px;letter-spacing:-.4px;font-weight:600;margin-top:7px}.panel-heading .eyebrow{font-size:7px;letter-spacing:1.3px}.panel-heading>.icon-tile{width:31px;height:31px}.empty-illustration{display:inline-grid;place-items:center;width:48px;height:48px;background:var(--color-brand-soft);color:var(--color-brand-mid);border-radius:15px;box-shadow:0 0 0 7px var(--color-surface-muted);margin-bottom:18px}.empty-illustration app-icon{width:23px;height:23px}.panel-footer{border-top:1px solid var(--color-border-soft);font-size:8px;color:var(--color-text-muted);padding:14px 24px;display:flex;align-items:center;gap:7px;margin-top:auto}.notice{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:11px;line-height:1.7;border-radius:8px;border:1px solid;margin-bottom:20px}.notice-success{border-color:var(--color-success-border);background:var(--color-success-soft);color:var(--color-success)}.notice-error{border-color:var(--color-error-border);background:var(--color-error-soft);color:var(--color-error)}.notice>app-icon{flex-shrink:0}.danger:hover{color:var(--color-error);background:var(--color-error-soft)}.action-approve{color:var(--color-success)}.badge{display:inline-block;padding:4px 8px;border-radius:5px;font-size:9px;font-weight:500;background:var(--color-surface-muted);color:var(--color-text-secondary);white-space:nowrap}.badge-ACTIVE,.badge-APPROVED{background:var(--color-success-soft);color:var(--color-success)}.badge-PENDING{background:var(--color-coral-soft);color:var(--color-coral-strong)}.badge-DISABLED,.badge-REJECTED{background:var(--color-error-soft);color:var(--color-error)}.badge-ADMIN{background:var(--color-violet-soft);color:var(--color-violet)}.badge-MANAGER{background:var(--color-blue-soft);color:var(--color-blue)}.spinning{animation:spin 1s linear infinite}@media(max-width:760px){.page-heading{margin-bottom:23px}h1{font-size:26px;max-width:390px}.page-heading .eyebrow{font-size:8px}}@media(max-width:440px){.panel-heading{padding:21px 19px 14px}}.modal-backdrop{position:fixed;inset:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.dialog{width:100%;max-width:510px;max-height:calc(100dvh - 48px);overflow-y:auto;background:var(--color-surface);padding:32px;border-radius:17px;position:relative;box-shadow:0 24px 100px var(--color-shadow)}.dialog-close{position:absolute;top:17px;right:17px}.dialog-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;margin-bottom:24px}.dialog-icon app-icon{width:22px;height:22px}.dialog .eyebrow{font-size:8px;margin-bottom:10px}.dialog h2{font-size:24px;letter-spacing:-.6px;font-weight:600;padding-right:16px;line-height:1.3}.dialog-description{font-size:12px;line-height:1.8;color:var(--color-text-muted);margin:12px 0 23px}.field-label{display:block;font-size:11px;font-weight:550;color:var(--color-text-secondary);margin:17px 0 8px}.dialog input,.dialog select,.dialog textarea{width:100%;border:1px solid var(--color-border);border-radius:7px;padding:11px 12px;font-size:12px;color:var(--color-text);background:var(--color-surface-muted);min-height:41px}.dialog input::placeholder{color:var(--color-text-muted)}.dialog textarea{resize:vertical}.connection-settings{margin-top:20px;font-size:10px;color:var(--color-text-muted)}.connection-settings summary{padding:6px 0}.connection-settings p{margin:9px 0;line-height:1.7;font-size:10px}.dialog-footnote{display:flex;align-items:center;gap:8px;font-size:9px;line-height:1.8;color:var(--color-text-muted);margin-top:22px}.dialog-footnote app-icon{width:16px;height:16px}.form-error{padding:11px 13px;font-size:11px;line-height:1.8;color:var(--color-error);background:var(--color-error-soft);border:1px solid var(--color-error-border);border-radius:7px;margin-top:19px;overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.full-field{grid-column:span 2}.dialog-actions{margin-top:28px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--color-border-soft);padding-top:22px}.detail-list{margin-top:26px}.detail-list>div{padding:12px 0;border-bottom:1px solid var(--color-border-soft);display:grid;grid-template-columns:35% minmax(0,1fr);gap:12px}.detail-list dt{font-size:10px;color:var(--color-text-secondary)}.detail-list dd{font-size:11px;color:var(--color-text-secondary);margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.decision-values{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:8px;margin-bottom:20px}.decision-values span{font-size:10px;color:var(--color-text-secondary)}.decision-values strong{display:block;color:var(--color-brand);margin-top:8px;font-size:13px}.decision-values app-icon{color:var(--color-text-subtle);width:16px}.key-panel{margin-top:20px}.revealed-key{display:block;margin-top:16px;overflow-wrap:anywhere;padding:12px;background:var(--color-brand-soft);border-radius:7px;font-size:11px}.key-panel small{display:block;margin-top:10px;line-height:1.8;font-size:9px;color:var(--color-coral-strong)}@media(max-width:760px){.modal-backdrop{padding:14px}.dialog{padding:27px 23px;max-height:calc(100dvh - 28px)}.dialog h2{font-size:22px}}@media(max-width:440px){.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}}@keyframes spin{to{transform:rotate(360deg)}}