:root,[data-theme=light]{--primary: #6750A4;--on-primary: #FFFFFF;--primary-container: #EADDFF;--on-primary-container: #21005D;--secondary: #625B71;--on-secondary: #FFFFFF;--secondary-container: #E8DEF8;--tertiary: #7D5260;--on-tertiary: #FFFFFF;--tertiary-container: #FFD8E4;--error: #B3261E;--on-error: #FFFFFF;--error-container: #F9DEDC;--on-error-container: #8C1D18;--success: #1B6B2E;--on-success: #FFFFFF;--success-container: #D4F5D9;--on-success-container: #0A3D16;--warning: #E8A117;--on-warning: #FFFFFF;--warning-container: #FFF3D0;--on-warning-container: #5C3300;--blue: #1A4D8F;--on-blue: #FFFFFF;--blue-container: #D7E3FC;--on-blue-container: #1A4D8F;--orange: #9A4400;--on-orange: #FFFFFF;--orange-container: #FFDBC7;--on-orange-container: #5C2600;--yellow: #6B5E00;--on-yellow: #FFFFFF;--yellow-container: #FFF3A6;--on-yellow-container: #4A4000;--background: #FEF7FF;--on-background: #1D1B20;--surface: #FEF7FF;--on-surface: #1D1B20;--surface-dim: #DED8E1;--surface-container-lowest: #FFFFFF;--surface-container-low: #F7F2FA;--surface-container: #F3EDF7;--surface-container-high: #ECE6F0;--surface-container-highest: #E6E0E9;--outline: #79747E;--outline-variant: #CAC4D0;--shadow-1: 0 1px 2px rgba(0, 0, 0, 0.1);--shadow-2: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08);--shadow-3: 0 4px 6px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.08);--shadow-4: 0 10px 15px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.08);--shadow-5: 0 20px 25px rgba(0, 0, 0, 0.15), 0 8px 10px rgba(0, 0, 0, 0.08)}[data-theme=dark]{--primary: #D0BCFF;--on-primary: #381E72;--primary-container: #4F378B;--on-primary-container: #EADDFF;--secondary: #CCC2DC;--on-secondary: #332D41;--secondary-container: #4A4458;--error: #F2B8B5;--on-error: #601410;--error-container: #8C1D18;--on-error-container: #F9DEDC;--success: #A8D5AD;--on-success: #003910;--success-container: #0A3D16;--on-success-container: #C4EED0;--warning: #FFD180;--on-warning: #4A2800;--warning-container: #5C3300;--on-warning-container: #FFDDB3;--blue: #A8C7FA;--on-blue: #0B3258;--blue-container: #28466B;--on-blue-container: #D7E3FC;--orange: #FFB68C;--on-orange: #5C2600;--orange-container: #7A3600;--on-orange-container: #FFDBC7;--yellow: #FFE45E;--on-yellow: #3A3000;--yellow-container: #4A4000;--on-yellow-container: #FFF3A6;--background: #141218;--on-background: #E6E0E9;--surface: #141218;--on-surface: #E6E0E9;--surface-dim: #141218;--surface-container-lowest: #0F0D13;--surface-container-low: #1D1B20;--surface-container: #211F26;--surface-container-high: #2B2930;--surface-container-highest: #36343B;--outline: #938F99;--outline-variant: #49454F;--shadow-1: 0 1px 2px rgba(0,0,0,0.3);--shadow-2: 0 1px 3px rgba(0,0,0,0.35), 0 1px 2px rgba(0,0,0,0.25);--shadow-3: 0 4px 6px rgba(0,0,0,0.35), 0 2px 4px rgba(0,0,0,0.25);--shadow-4: 0 10px 15px rgba(0,0,0,0.35), 0 4px 6px rgba(0,0,0,0.25);--shadow-5: 0 20px 25px rgba(0,0,0,0.4), 0 8px 10px rgba(0,0,0,0.3)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none !important}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--on-background);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1)}a:hover{text-decoration:underline}a.btn,a.btn-icon{text-decoration:none}a.btn:hover,a.btn-icon:hover{text-decoration:none}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;color:var(--on-surface)}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-container-low)}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--outline)}::selection{background:var(--primary-container);color:var(--on-primary-container)}dialog{margin:auto;padding:0;border:none;border-radius:28px;box-shadow:0 10px 15px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.08);max-width:90vw;max-height:85vh;width:500px;background:var(--surface-container-low);color:var(--on-surface)}@media(max-width: 640px){dialog{max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;border-radius:0;margin:0}}dialog::backdrop{background:rgba(0,0,0,.5)}dialog[open]{display:flex;flex-direction:column}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-bottom:1px solid var(--outline-variant);flex-shrink:0}.dialog-header h2,.dialog-header h3{margin:0;font-size:1.125rem;font-weight:700}.dialog-body{flex:1;overflow-y:auto;padding:24px}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--outline-variant);flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:28px;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;transition:all 150ms cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;border:none;position:relative;overflow:hidden}.btn:hover{text-decoration:none}.btn::after{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.btn:hover::after{opacity:.08}.btn:active::after{opacity:.12}.btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.btn .icon{font-size:18px;width:18px;height:18px;line-height:1;flex-shrink:0}.btn--filled{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-1)}.btn--filled:hover{box-shadow:var(--shadow-2)}.btn--tonal{background:var(--secondary-container);color:var(--on-surface)}.btn--outlined{background:rgba(0,0,0,0);color:var(--primary);border:1px solid var(--outline)}.btn--outlined:hover{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.btn--text{background:rgba(0,0,0,0);color:var(--primary);padding:10px 16px}.btn--danger{background:var(--error);color:var(--on-error);box-shadow:var(--shadow-1)}.btn--danger:hover{box-shadow:var(--shadow-2)}.btn--success{background:var(--success);color:var(--on-success);box-shadow:var(--shadow-1)}.btn--sm{padding:6px 16px;font-size:.75rem;border-radius:16px}.btn--lg{padding:14px 32px;font-size:1rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;background:rgba(0,0,0,0);color:var(--on-surface);text-decoration:none;transition:background 150ms cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;border:none;position:relative}.btn-icon.btn{padding:0;gap:0}.btn-icon:hover{background:var(--surface-container-highest)}.btn-icon .icon{display:block;width:24px;height:24px;line-height:24px}.fab{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;border-radius:16px;background:var(--primary-container);color:var(--on-primary-container);box-shadow:var(--shadow-3);font-weight:500;transition:box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;border:none;position:fixed;bottom:24px;right:24px;z-index:100}.fab:hover{box-shadow:var(--shadow-4)}.help-fab{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom, 0px));z-index:500;width:48px;height:48px;border-radius:9999px;border:none;background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1),transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}.help-fab:hover{box-shadow:var(--shadow-4);transform:scale(1.05)}@media(max-width: 1024px){.help-fab{width:44px;height:44px;right:16px;bottom:calc(88px + env(safe-area-inset-bottom, 0px))}}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.form-label{font-size:.75rem;font-weight:500;color:var(--on-surface)}.form-hint{font-size:.6875rem;color:var(--outline)}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;background:var(--surface-container-lowest);color:var(--on-surface);border:1px solid var(--outline-variant);border-radius:8px;font-size:.875rem;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);outline:none}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--outline)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--on-surface)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.form-input[readonly],.form-select[readonly],.form-textarea[readonly]{background:var(--surface-container-low);color:var(--on-surface-variant);cursor:not-allowed}.form-input[readonly]:hover,.form-select[readonly]:hover,.form-textarea[readonly]:hover{border-color:var(--outline-variant)}.form-input.is-error,.form-select.is-error,.form-textarea.is-error{border-color:var(--error)}.form-input.is-error:focus,.form-select.is-error:focus,.form-textarea.is-error:focus{box-shadow:0 0 0 1px var(--error)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2379747E' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-textarea{resize:vertical;min-height:100px}.form-check{display:flex;align-items:center;gap:8px;cursor:pointer}.form-check input[type=checkbox],.form-check input[type=radio]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.form-check label{font-size:.875rem;color:var(--on-surface);cursor:pointer}.form-error{font-size:.6875rem;color:var(--error)}.form-actions{display:flex;align-items:center;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid var(--outline-variant)}.search-input{position:relative}.search-input .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--outline);pointer-events:none}.search-input input{padding-left:40px}.card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:12px;overflow:hidden}.card--elevated{box-shadow:var(--shadow-2);border:none}.card--filled{background:var(--surface-container);border:none}.card--error{background:var(--error-container);border-color:var(--error);color:var(--on-error-container)}.card--warning{background:var(--warning-container);border-color:var(--warning);color:var(--on-warning-container)}.card--info{background:var(--primary-container);border-color:var(--primary);color:var(--on-primary-container)}.card--error .badge,.card--warning .badge,.card--info .badge{background:var(--surface-container-lowest);color:var(--on-surface)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--outline-variant)}.card-header h2,.card-header h3,.card-header h4{margin:0}.card-body{padding:24px}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--outline-variant)}.table-container{overflow-x:auto;border:1px solid var(--outline-variant);border-radius:12px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:8px 16px;text-align:left;border-bottom:1px solid var(--outline-variant)}.table th{font-size:.75rem;font-weight:500;color:var(--on-surface);background:var(--surface-container);white-space:nowrap;user-select:none}.table td{font-size:.875rem;color:var(--on-surface)}.table tbody tr{transition:background 150ms cubic-bezier(0.4, 0, 0.2, 1)}.table tbody tr:hover{background:var(--surface-container-low)}.table tbody tr:last-child td{border-bottom:none}.table th[data-sort]{cursor:pointer}.table th[data-sort]:hover{background:var(--surface-container-high)}.table .sort-arrow{display:inline-block;margin-left:4px;opacity:.35;font-size:.85em}.table th[data-sort].is-sorted-asc .sort-arrow,.table th[data-sort].is-sorted-desc .sort-arrow{opacity:1;color:var(--primary)}.badge{display:inline-flex;align-items:center;vertical-align:middle;gap:4px;padding:2px 10px;border-radius:9999px;font-size:.6875rem;font-weight:500;white-space:nowrap}.badge--primary{background:var(--primary-container);color:var(--on-primary-container)}.badge--secondary{background:var(--secondary-container);color:var(--on-surface)}.badge--success{background:var(--success-container);color:var(--on-success-container, var(--success))}.badge--error{background:var(--error-container);color:var(--on-error-container, var(--error))}.badge--warning{background:var(--warning-container);color:var(--on-warning-container, var(--warning))}.badge--info{background:var(--primary-container);color:var(--on-primary-container)}.badge--violet{background:var(--primary-container);color:var(--on-primary-container)}.badge--blue{background:var(--blue-container);color:var(--on-blue-container)}.badge--orange{background:var(--orange-container);color:var(--on-orange-container)}.badge--yellow{background:var(--yellow-container);color:var(--on-yellow-container)}.badge--role{border:1.5px solid currentColor;background:rgba(0,0,0,0)}.alert{display:flex;align-items:flex-start;gap:8px;padding:16px 24px;border-radius:12px;font-size:.875rem;margin-bottom:16px}.alert .icon{width:20px;height:20px;flex-shrink:0;margin-top:1px}.alert--success{background:var(--success-container);color:var(--on-success-container, var(--success))}.alert--error{background:var(--error-container);color:var(--on-error-container, var(--error))}.alert--warning{background:var(--warning-container);color:var(--on-warning-container, var(--warning))}.alert--info{background:var(--primary-container);color:var(--on-primary-container)}.chip{display:inline-flex;align-items:center;gap:4px;padding:6px 16px;border-radius:8px;font-size:.75rem;border:1px solid var(--outline-variant);background:rgba(0,0,0,0);color:var(--on-surface);cursor:pointer;transition:all 150ms cubic-bezier(0.4, 0, 0.2, 1)}.chip:hover{background:var(--surface-container-high)}.chip.is-active{background:var(--secondary-container);border-color:rgba(0,0,0,0)}.stat-card{display:flex;flex-direction:column;gap:4px;padding:24px;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:12px}.stat-card__label{font-size:.75rem;color:var(--outline);font-weight:500}.stat-card__value{font-size:1.75rem;font-weight:700;color:var(--on-surface)}.stat-card__detail{font-size:.6875rem;color:var(--outline)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:64px 24px;text-align:center;color:var(--outline)}.empty-state>.icon{font-size:48px;width:48px;height:48px;opacity:.5}.empty-state h3{color:var(--on-surface);font-weight:500}.empty-state p{max-width:400px}.sim-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 24px;margin-bottom:16px;background:linear-gradient(135deg, #f59e0b, #d97706);color:#fff;border-radius:12px;font-size:.75rem;animation:sim-pulse 3s ease-in-out infinite}.sim-banner__content{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sim-banner__hint{opacity:.85}@media(max-width: 640px){.sim-banner__hint{display:none}}@keyframes sim-pulse{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,.3)}50%{box-shadow:0 0 0 6px rgba(245,158,11,0)}}.action-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:20}@media(max-width: 640px){.action-menu{right:auto;left:0}}.app-layout{display:flex;min-height:100vh}.app-content{flex:1;min-width:0;margin-left:280px;transition:margin-left 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media(max-width: 1024px){.app-content{margin-left:0}}.app-main{padding:24px 32px;max-width:1400px}@media(max-width: 1024px){.app-main{padding-bottom:72px}}@media(max-width: 768px){.app-main{padding:16px;padding-bottom:72px}}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}@media(max-width: 640px){.page-header{flex-direction:column;align-items:flex-start}}.page-header__title{font-size:1.75rem;font-weight:700}.page-header__subtitle{font-size:.875rem;color:var(--outline);margin-top:4px}.page-header__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(max-width: 640px){.page-header__actions{gap:4px}.page-header__actions .btn__label{display:none}}.grid{display:grid;gap:16px}.grid--2{grid-template-columns:repeat(2, 1fr)}.grid--3{grid-template-columns:repeat(3, 1fr)}.grid--4{grid-template-columns:repeat(4, 1fr)}.grid--aside{grid-template-columns:2fr 3fr}@media(max-width: 1024px){.grid--3,.grid--4{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 640px){.grid--2,.grid--3,.grid--4,.grid--aside{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--outline)}.text-sm{font-size:.75rem}.text-xs{font-size:.6875rem}.truncate,.sidebar-user__role,.sidebar-user__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--surface-container-low);border-right:1px solid var(--outline-variant);display:flex;flex-direction:column;z-index:1000;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media(max-width: 1024px){.sidebar{width:85vw;max-width:340px;left:50%;top:auto;bottom:16px;border-right:none;border-radius:28px;box-shadow:var(--shadow-4);transform:translate(-50%, 100%) scale(0.3);transform-origin:bottom center;opacity:0;transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1),opacity 200ms ease;max-height:calc(100dvh - 80px)}.sidebar.is-open{transform:translate(-50%, 0) scale(1);opacity:1}}.sidebar-header{display:flex;align-items:center;gap:8px;padding:24px;border-bottom:1px solid var(--outline-variant);flex-shrink:0}.sidebar-header__logo{width:32px;height:32px;border-radius:8px}.sidebar-header__title{font-size:1.125rem;font-weight:700;color:var(--on-surface)}.sidebar-nav-wrapper{display:flex;flex-direction:column;flex:1;min-height:0}.sidebar-nav{flex:1;min-height:0;padding:8px;overflow-y:auto}.nav-section{margin-bottom:8px}.nav-section__title{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 16px;font-size:.6875rem;font-weight:500;color:var(--outline);text-transform:uppercase;letter-spacing:.5px;background:none;border:none;cursor:pointer;font-family:inherit}.nav-section__chevron{font-size:18px !important;width:18px !important;height:18px !important;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}.nav-section__chevron.is-open{transform:rotate(180deg)}.nav-fixed-top{flex-shrink:0;padding:8px 8px 4px;border-bottom:1px solid var(--outline-variant)}.nav-search{display:flex;align-items:center;gap:8px;padding:8px 16px;margin:0 8px 8px;border-radius:28px;background:var(--surface-container-high)}.nav-search .icon{font-size:18px;opacity:.6;flex-shrink:0}.nav-search__input{flex:1;min-width:0;border:none;background:none;outline:none;font-size:.875rem;color:var(--on-surface)}.nav-search__input::placeholder{color:var(--outline)}.nav-item{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:28px;color:var(--on-surface);font-size:.875rem;font-weight:400;text-decoration:none;transition:all 150ms cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:2px}.nav-item .icon{width:24px;height:24px;flex-shrink:0;opacity:.7}.nav-item:hover{background:var(--surface-container-high);text-decoration:none}.nav-item.is-active{background:var(--secondary-container);color:var(--on-surface);font-weight:500}.nav-item.is-active .icon{opacity:1}.sidebar-footer{padding:16px;border-top:1px solid var(--outline-variant);flex-shrink:0}@media(max-width: 1024px){.sidebar-footer__desktop{display:none}}.sidebar-footer__mobile{display:none}@media(max-width: 1024px){.sidebar-footer__mobile{display:flex;align-items:center;justify-content:center;gap:24px}}.sidebar-fab{width:48px;height:48px;border-radius:9999px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;text-decoration:none;font-size:.75rem;font-weight:700;transition:transform 150ms ease,filter 150ms ease}.sidebar-fab:hover{filter:brightness(1.1);text-decoration:none}.sidebar-fab:active{transform:scale(0.85)}.sidebar-fab--profile{background:var(--primary-container);color:var(--on-primary-container)}.sidebar-fab--menu{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-2);width:52px;height:52px}.sidebar-fab--logout{background:var(--error);color:var(--on-error)}.sidebar-user{display:flex;align-items:center;gap:8px;padding:8px;border-radius:12px;text-decoration:none;color:var(--on-surface);transition:background 150ms cubic-bezier(0.4, 0, 0.2, 1)}.sidebar-user:hover{background:var(--surface-container-high);text-decoration:none}.sidebar-user__avatar{width:36px;height:36px;border-radius:9999px;background:var(--primary-container);color:var(--on-primary-container);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.sidebar-user__info{flex:1;min-width:0}.sidebar-user__name{font-size:.875rem;font-weight:500}.sidebar-user__role{font-size:.6875rem;color:var(--outline)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999}@media(max-width: 1024px){.sidebar.is-open~.sidebar-overlay{display:block}}.sidebar-toggle{display:none;position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:1001;background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-3);width:52px;height:52px;border-radius:9999px;transition:transform 200ms ease,background 150ms ease}.sidebar-toggle:hover{background:var(--primary);filter:brightness(1.1)}.sidebar-toggle:active{transform:translateX(-50%) scale(0.9)}.sidebar-toggle:focus,.sidebar-toggle:focus-visible{outline:none}@media(max-width: 1024px){.sidebar-toggle{display:flex}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--surface-container-low);padding:24px}.login-card{width:100%;max-width:420px;background:var(--surface-container-lowest);border-radius:16px;box-shadow:var(--shadow-3);overflow:hidden}.login-header{text-align:center;padding:32px 32px 16px}.login-header__logo{width:56px;height:56px;margin:0 auto 16px;border-radius:12px}.login-header__title{font-size:1.375rem;font-weight:700;color:var(--on-surface)}.login-header__subtitle{font-size:.875rem;color:var(--outline);margin-top:4px}.login-body{padding:16px 32px 32px}.login-footer{text-align:center;padding:16px 32px 32px;font-size:.75rem;color:var(--outline)}.public-page{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;background:var(--surface-container-low);padding:32px 24px}.public-card{width:100%;max-width:640px;background:var(--surface-container-lowest);border-radius:16px;box-shadow:var(--shadow-3);overflow:hidden}.public-header{text-align:center;padding:32px 32px 16px}.public-body{padding:16px 32px 32px}.public-footer{text-align:center;padding:16px 32px 32px;font-size:.75rem;color:var(--outline)}.form-section-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:500;color:var(--on-surface-variant);margin-bottom:16px}.cc-wizard{display:flex;flex-direction:column;min-height:70dvh;max-height:85dvh;overflow:hidden;border-radius:28px;background:var(--surface)}@media(max-width: 640px){.cc-wizard{min-height:75dvh;border-radius:16px}}.cc-total-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--primary-container);border-bottom:1px solid var(--outline-variant);flex-shrink:0}.cc-total-bar__label{font-size:.75rem;font-weight:600;color:var(--on-primary-container)}.cc-total-bar__value{font-size:1.4rem;font-weight:800;color:var(--on-primary-container);font-variant-numeric:tabular-nums}.cc-progress{display:flex;gap:3px;padding:8px 16px;flex-shrink:0;background:var(--surface-container-low)}.cc-progress__dot{flex:1;height:4px;border-radius:2px;background:var(--outline-variant);transition:background 200ms ease}.cc-progress__dot--done{background:var(--primary)}.cc-progress__dot--current{background:var(--primary);box-shadow:0 0 0 1px var(--primary)}.cc-current{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;gap:8px}.cc-current__group{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--on-surface-variant)}.cc-current__label{font-size:2rem;font-weight:800;color:var(--on-surface)}@media(max-width: 640px){.cc-current__label{font-size:1.6rem}}.cc-current__value{font-size:3.5rem;font-weight:900;color:var(--primary);font-variant-numeric:tabular-nums;line-height:1;min-width:80px;text-align:center}@media(max-width: 640px){.cc-current__value{font-size:3rem}}.cc-current__sub{font-size:.75rem;font-weight:600;color:var(--on-surface-variant);font-variant-numeric:tabular-nums;min-height:22px}.cc-actions{flex-shrink:0;padding:0 12px;display:flex;flex-direction:column;gap:8px}@media(max-width: 640px){.cc-actions{padding:0 8px;gap:6px}}.cc-action-row{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px}@media(max-width: 640px){.cc-action-row{gap:6px}}.cc-action-btn{display:flex;align-items:center;justify-content:center;height:56px;border:none;border-radius:28px;font-size:1.25rem;font-weight:700;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation;transition:background 150ms ease,transform 80ms ease,box-shadow 150ms ease}@media(max-width: 640px){.cc-action-btn{height:52px;font-size:1.15rem;border-radius:16px}}.cc-action-btn:active{transform:scale(0.95)}.cc-action-btn--plus{background:var(--primary);color:var(--on-primary);box-shadow:0 1px 2px rgba(0,0,0,.1)}.cc-action-btn--plus:hover{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08)}.cc-action-btn--plus:active{box-shadow:none;background:var(--primary-container);color:var(--on-primary-container)}.cc-action-btn--minus{background:var(--surface-container-highest);color:var(--on-surface)}.cc-action-btn--minus:hover{background:var(--outline-variant)}.cc-action-btn--minus:active{background:var(--error-container);color:var(--on-error-container)}.cc-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;flex-shrink:0;border-top:1px solid var(--outline-variant);background:var(--surface-container-low)}@media(max-width: 640px){.cc-nav{padding:10px 12px}}.cc-nav__btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:9999px;font-size:.75rem;font-weight:600;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:background 150ms ease;min-height:44px}@media(max-width: 640px){.cc-nav__btn{padding:10px 14px}}.cc-nav__btn .material-symbols-rounded{font-size:20px}.cc-nav__btn--prev{background:var(--surface-container);color:var(--on-surface)}.cc-nav__btn--prev:hover{background:var(--surface-container-highest)}.cc-nav__btn--next{background:var(--primary);color:var(--on-primary)}.cc-nav__btn--next:hover{background:var(--primary-container);color:var(--on-primary-container)}.cc-nav__btn--submit{background:var(--tertiary, var(--primary));color:var(--on-tertiary, var(--on-primary))}.cc-nav__btn--submit:hover{background:var(--tertiary-container, var(--primary-container));color:var(--on-tertiary-container, var(--on-primary-container))}.cc-nav__btn:disabled{opacity:.35;cursor:default;pointer-events:none}.cc-nav__right{display:flex;gap:8px;align-items:center}.cc-nav__step{font-size:.6875rem;font-weight:600;color:var(--on-surface-variant)}.cc-summary{max-width:480px;width:90vw;border-radius:28px;border:none;padding:0;background:var(--surface);box-shadow:0 10px 15px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.08)}.cc-summary::backdrop{background:rgba(0,0,0,.5)}.cc-summary__header{padding:20px 24px 12px;font-size:1.1rem;font-weight:700;color:var(--on-surface)}.cc-summary__body{padding:0 24px;max-height:50vh;overflow-y:auto}.cc-summary__table{width:100%;border-collapse:collapse;font-size:.75rem}.cc-summary__table th,.cc-summary__table td{padding:6px 8px;text-align:left}.cc-summary__table th{font-weight:600;color:var(--on-surface-variant);border-bottom:1px solid var(--outline-variant)}.cc-summary__table td{border-bottom:1px solid var(--surface-container)}.cc-summary__table .text-right{text-align:right}.cc-summary__table .has-value{font-weight:600}.cc-summary__table tfoot td{font-weight:800;font-size:1rem;border-top:2px solid var(--outline);padding-top:10px}.cc-summary__footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px}.cc-grid-overview{display:grid;grid-template-columns:repeat(4, 1fr);gap:8px;padding:16px}@media(max-width: 1024px){.cc-grid-overview{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 768px){.cc-grid-overview{grid-template-columns:repeat(2, 1fr)}}.cc-grid-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--surface-container);border-radius:16px;font-size:.75rem;cursor:pointer;transition:background 150ms ease}.cc-grid-item:hover{background:var(--surface-container-highest)}.cc-grid-item--active{background:var(--primary-container);font-weight:600}.cc-grid-item__label{color:var(--on-surface)}.cc-grid-item__qty{font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums}.budget-tabs{display:flex;gap:4px;background:var(--surface-container);border-radius:16px;padding:4px;overflow-x:auto}@media(max-width: 640px){.budget-tabs{gap:2px;padding:3px}}.budget-tab{display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;background:rgba(0,0,0,0);color:var(--on-surface-variant);font-size:.875rem;font-weight:500;border-radius:12px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}.budget-tab .icon{font-size:20px}.budget-tab:hover{background:var(--surface-container-high)}.budget-tab.is-active{background:var(--primary-container);color:var(--on-primary-container);font-weight:600}@media(max-width: 640px){.budget-tab{padding:8px 12px;font-size:.8rem}.budget-tab .icon{font-size:18px}}.budget-cat-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.budget-cat-dot--lg{width:16px;height:16px}.budget-cat-list{display:flex;flex-direction:column}.budget-cat-item{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid var(--outline-variant)}.budget-cat-item:last-child{border-bottom:none}.budget-summary-mini{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid var(--outline-variant)}.budget-summary-mini__row{display:flex;justify-content:space-between;align-items:center}.card--clickable{cursor:pointer;transition:box-shadow .2s,transform .15s}.card--clickable:hover{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08);transform:translateY(-2px)}.card--clickable:active{transform:translateY(0)}.hb-mount{--hb-primary: var(--primary);--hb-on-primary: var(--on-primary);--hb-surface: var(--surface);--hb-bg: var(--surface-container);--hb-border: var(--outline-variant);--hb-border-hover: var(--outline);--hb-text: var(--on-surface);--hb-radius: 16px;--hb-font: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;min-height:500px}.mailing-vars-hint{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:12px;color:var(--on-surface-variant);font-size:.75rem;flex-wrap:wrap}.mailing-var-chip{display:inline-block;padding:2px 8px;border:1px solid var(--outline-variant);border-radius:9999px;background:var(--surface);color:var(--primary);font-family:"JetBrains Mono","Fira Code",monospace;font-size:.6875rem;cursor:pointer;transition:background 150ms cubic-bezier(0.4, 0, 0.2, 1)}.mailing-var-chip:hover{background:var(--primary-container)}.mailing-code-editor{font-family:"Courier New",Courier,monospace;font-size:.75rem;line-height:1.5;tab-size:4;white-space:pre-wrap}.mailing-preview{padding:16px;border:1px solid var(--outline-variant);border-radius:12px;background:#fff;color:#333;font-size:.875rem;line-height:1.6;max-height:500px;overflow-y:auto}.mailing-preview img{max-width:100%;height:auto}.mailing-code-preview{padding:16px;border:1px solid var(--outline-variant);border-radius:12px;background:var(--surface-container);font-size:.75rem;font-family:"Courier New",monospace;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto;margin:0}.mailing-recipients-count{display:flex;align-items:center;gap:4px;padding:8px 16px;background:var(--primary-container);color:var(--on-primary-container);border-radius:12px;font-size:.75rem;font-weight:500}.mailing-user-list{max-height:260px;overflow-y:auto;border:1px solid var(--outline-variant);border-radius:12px}.mailing-user-item{display:flex;align-items:center;gap:8px;padding:4px 8px;cursor:pointer;transition:background 150ms cubic-bezier(0.4, 0, 0.2, 1)}.mailing-user-item:hover{background:var(--surface-container)}.mailing-user-item:not(:last-child){border-bottom:1px solid var(--outline-variant)}.mailing-user-item__name{flex:1;font-size:.75rem}.mailing-user-item__email{flex-shrink:0}.mailing-summary{padding:8px 16px;background:var(--surface-container);border-radius:12px}.mailing-info-list{display:flex;flex-direction:column;gap:4px}.mailing-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;padding:4px 0}.mailing-info-row:not(:last-child){border-bottom:1px solid var(--outline-variant)}.discord-trigger{display:inline-block;padding:2px 8px;margin:2px;background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:8px;font-size:.6875rem;font-family:"Courier New",monospace;color:var(--on-surface);word-break:break-all;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discord-emoji{display:inline-block;padding:2px 6px;background:var(--surface-container);border-radius:8px;font-size:.6875rem;color:var(--primary);font-style:italic}.discord-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;border:2px dashed var(--outline-variant);border-radius:12px;cursor:pointer;transition:border-color .2s,background .2s}.discord-upload-zone:hover,.discord-upload-zone.dragover{border-color:var(--primary);background:rgba(var(--primary-rgb, 103, 80, 164), 0.06)}.discord-upload-preview{display:flex;flex-direction:column;gap:4px;margin-top:4px}.discord-upload-item{display:flex;align-items:center;gap:8px;padding:4px 8px;background:var(--surface-container);border-radius:8px;font-size:.75rem}.perm-matrix__wrapper{border-radius:12px;border:1px solid var(--outline-variant);background:var(--surface-container-low)}.perm-matrix__scroll{overflow:auto;max-height:calc(100vh - 180px)}.perm-matrix{width:100%;border-collapse:separate;border-spacing:0;font-size:.75rem}.perm-matrix__corner{position:sticky;left:0;top:0;z-index:4;background:var(--surface-container-low);padding:8px 16px;font-weight:700;text-align:left;border-bottom:2px solid var(--outline-variant);min-width:260px}.perm-matrix__role-header{padding:8px 4px;text-align:center;border-bottom:2px solid var(--outline-variant);min-width:90px;max-width:120px;vertical-align:bottom;background:var(--surface-container-low);position:sticky;top:0;z-index:2}.perm-matrix__role-info{display:flex;flex-direction:column;align-items:center;gap:4px}.perm-matrix__role-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.perm-matrix__role-name{font-weight:700;font-size:.6875rem;line-height:1.2;word-break:break-word}.perm-matrix__role-count{display:block;margin-top:2px}.perm-matrix__category-row td{background:var(--surface-container);padding:0;border-top:1px solid var(--outline-variant)}.perm-matrix__category-header{display:flex;align-items:center;gap:8px;padding:4px 16px}.perm-matrix__category-name{font-weight:700;font-size:.75rem;color:var(--primary);text-transform:capitalize}.perm-matrix__category-cell{position:sticky;left:0;z-index:1;background:var(--surface-container);padding:0;border-top:1px solid var(--outline-variant)}.perm-matrix__category-toggle-cell{background:var(--surface-container);border-top:1px solid var(--outline-variant);text-align:center;padding:0;vertical-align:middle}.perm-matrix__category-toggle{all:unset;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer;color:var(--primary);opacity:.65;transition:opacity .15s,background .15s}.perm-matrix__category-toggle:hover{opacity:1;background:rgba(var(--primary-rgb, 103, 80, 164), 0.1)}.perm-matrix__perm-row:hover{background:rgba(var(--primary-rgb, 103, 80, 164), 0.04)}.perm-matrix__perm-cell{position:sticky;left:0;z-index:1;background:var(--surface-container-low);padding:4px 16px;border-bottom:1px solid var(--outline-variant);transition:background .15s}.perm-matrix__perm-row:hover .perm-matrix__perm-cell{background:var(--surface-container)}.perm-matrix__perm-info{display:flex;flex-direction:column;gap:1px}.perm-matrix__slug{font-family:"JetBrains Mono","Fira Code",monospace;font-size:.625rem;color:var(--on-surface);opacity:.7}.perm-matrix__perm-name{font-size:.6875rem;color:var(--on-surface);opacity:.55}.perm-matrix__check-cell{text-align:center;padding:4px;border-bottom:1px solid var(--outline-variant);vertical-align:middle}.perm-matrix__checkbox{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer;border-radius:50%;transition:background .15s}.perm-matrix__checkbox:hover{background:rgba(var(--primary-rgb, 103, 80, 164), 0.08)}.perm-matrix__checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.perm-matrix__checkmark{width:18px;height:18px;border-radius:4px;border:2px solid var(--outline);background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;transition:all .15s}input:checked+.perm-matrix__checkmark{background:var(--primary);border-color:var(--primary)}input:checked+.perm-matrix__checkmark::after{content:"";width:5px;height:9px;border:solid var(--on-primary);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}input:focus-visible+.perm-matrix__checkmark{outline:2px solid var(--primary);outline-offset:2px}.perm-matrix__toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;margin-bottom:16px;border-radius:12px;background:var(--surface-container);border:1px solid var(--outline-variant);position:sticky;top:0;z-index:10;transition:box-shadow .2s,border-color .2s}.perm-matrix__toolbar--active{border-color:var(--primary);box-shadow:0 2px 8px rgba(var(--primary-rgb, 103, 80, 164), 0.15)}.logo-generator{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}@media(max-width: 900px){.logo-generator{grid-template-columns:1fr}}.logo-controls{position:sticky;top:24px}.control-group{display:flex;flex-direction:column;gap:6px}.control-label{font-size:13px;font-weight:600;color:var(--on-surface);display:flex;align-items:center;justify-content:space-between}.control-radio-group{display:flex;gap:8px}.control-radio{flex:1;display:flex;align-items:center;gap:6px;padding:8px 12px;border:1.5px solid var(--outline-variant);border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;color:var(--on-surface-variant);transition:all .15s ease;user-select:none}.control-radio input[type=radio]{display:none}.control-radio.is-active,.control-radio:has(input:checked){border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent);color:var(--primary)}.control-radio:hover:not(.is-active){border-color:var(--on-surface-variant)}.control-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--surface-container-high);outline:none}.control-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.2)}.control-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.2)}.control-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.control-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.control-toggle__label{font-size:12px;color:var(--on-surface-variant)}.control-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.logo-preview-card .card-header{display:flex;align-items:center;justify-content:space-between}.logo-preview-wrapper{position:relative;width:400px;height:400px;max-width:100%;aspect-ratio:1;margin:0 auto}@media(max-width: 600px){.logo-preview-wrapper{width:280px;height:280px}}.logo-checkerboard{position:absolute;inset:0;border-radius:12px;background-image:linear-gradient(45deg, #e0e0e0 25%, transparent 25%),linear-gradient(-45deg, #e0e0e0 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #e0e0e0 75%),linear-gradient(-45deg, transparent 75%, #e0e0e0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;opacity:.5}.logo-preview{position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.logo-white-base{position:absolute;inset:0;background:#fff;z-index:0}.logo-bg-layer{position:absolute;inset:0;overflow:hidden}.logo-mesh-svg{width:100%;height:100%;display:block;filter:blur(1.5px) saturate(1.2) contrast(1.05)}.logo-inner-shape{z-index:1}.logo-raccoon{position:relative;z-index:2;max-width:80%;max-height:80%;object-fit:contain;pointer-events:none}.logo-raccoon-placeholder{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px}.logo-solo-canvas{position:relative;z-index:2}.logo-solo-el{position:absolute;pointer-events:none}.logo-separator--solid{background:currentColor;opacity:.3}.logo-description{max-width:90%;object-fit:contain;pointer-events:none}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--outline-variant);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.animate-fade-in{animation:fadeIn 250ms cubic-bezier(0.4, 0, 0.2, 1)}.animate-fade-in-up{animation:fadeInUp 250ms cubic-bezier(0.4, 0, 0.2, 1)}.htmx-indicator{display:none}.htmx-request .htmx-indicator{display:inline-flex}.htmx-request.htmx-indicator{display:inline-flex}/*# sourceMappingURL=app.css.map */