.loading-overlay{display:flex;align-items:center;justify-content:center;background:var(--overlay-bg);z-index:1000}.loading-overlay--fullscreen{position:fixed;inset:0}.loading-overlay__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-m);padding:var(--space-m)}.loading-overlay__spinner{width:48px;height:48px;border:4px solid var(--border-light);border-top-color:var(--brand-primary);border-radius:50%;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-overlay__text{font-size:1rem;color:var(--text-secondary);margin:0}.toast-container{position:fixed;bottom:var(--space-l);right:var(--space-l);display:flex;flex-direction:column;gap:var(--space-s);z-index:9999;max-width:400px}.toast{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);padding:var(--space-m) var(--space-l);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:toast-enter .3s ease-out;background:var(--bg-surface);border-left:4px solid}.toast--exiting{animation:toast-exit .3s ease-in forwards}.toast--error{border-left-color:var(--error-main)}.toast--success{border-left-color:var(--success-main)}.toast--warning{border-left-color:var(--warning-main)}.toast--info{border-left-color:var(--info-main)}.toast__message{flex:1;font-size:.9375rem;color:var(--text-primary);white-space:pre-line}.toast__close{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--text-muted);cursor:pointer;padding:0;transition:color .2s}.toast__close:hover{color:var(--text-primary)}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.segmented-control{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-surface-alt)}.segmented-control__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);flex:1;min-height:32px;padding:0 var(--space-m);border:none;border-radius:var(--radius-md);background:transparent;font-size:.8rem;font-weight:600;letter-spacing:.04em;color:var(--text-secondary);transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.segmented-control__button.is-active{background:var(--brand-primary-light);color:var(--brand-primary-contrast);box-shadow:var(--shadow-sm)}.segmented-control__button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.segmented-control__button:disabled{opacity:.6;cursor:not-allowed}.segmented-control__spinner{width:12px;height:12px;border:2px solid var(--border-light);border-top-color:var(--brand-primary);border-radius:50%;animation:segmented-spin .8s linear infinite}.theme-dark .segmented-control{background:var(--bg-surface-alt);border-color:var(--border-medium)}.theme-dark .segmented-control__button{color:var(--text-secondary)}.theme-dark .segmented-control__button.is-active{background:var(--bg-surface-alt);color:var(--brand-primary);box-shadow:var(--shadow-sm)}.segmented-control--compact .segmented-control__button{min-height:28px;padding:0 var(--space-s);font-size:.75rem}@keyframes segmented-spin{to{transform:rotate(360deg)}}.inline-error{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-s);width:100%;max-width:520px}.inline-error--card{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-md);padding:var(--space-m);margin:0 auto}.theme-dark .inline-error--card{border-color:var(--border-light)}.inline-error__icon{font-size:2rem}.inline-error__title{font-size:1.25rem;font-weight:600;color:var(--error-main)}.inline-error__message{font-size:.95rem;color:var(--text-secondary);max-width:420px}.inline-error__hint{font-size:.875rem;color:var(--text-muted);background:var(--bg-surface-alt);padding:var(--space-xs) var(--space-s);border-radius:var(--radius-sm)}.inline-error__actions{display:flex;gap:var(--space-s);flex-wrap:wrap;justify-content:center;margin-top:var(--space-xs)}.back-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:var(--space-m);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.back-button:hover{background:var(--bg-surface-alt);color:var(--text-primary)}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.close-btn:hover{background:var(--bg-surface-alt);color:var(--text-primary)}.modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-l)}.modal{width:min(720px,100%);max-height:85vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-lg)}.modal.modal--lg{width:min(840px,100%)}.modal.modal--wide{width:min(960px,100%)}.modal.modal--xl{width:100%;max-width:var(--layout-max-width)}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);flex-shrink:0;padding:var(--space-l) var(--space-l) var(--space-m);border-bottom:1px solid var(--border-light)}.modal__title{margin:0;font-size:1.25rem}.modal__body{display:flex;flex-direction:column;gap:var(--space-m);padding:var(--space-m) var(--space-l) var(--space-l);overflow-y:auto;flex:1 1 auto}@media(max-width:720px){.modal-overlay{padding:var(--space-m);align-items:flex-start}.modal{width:100%;max-height:90vh;border-radius:var(--radius-md)}.modal__header{padding:var(--space-m) var(--space-m) var(--space-s)}.modal__body{padding:var(--space-s) var(--space-m) var(--space-m)}}@media(max-width:520px){.modal-overlay{padding:var(--space-xs);align-items:center}.modal{max-height:100dvh;width:100%;border-radius:var(--radius-md)}.modal__header{padding:var(--space-s) var(--space-s) var(--space-xs)}.modal__body{padding:var(--space-xs) var(--space-s) var(--space-s)}.modal__title{font-size:1.1rem}}.confirm-dialog{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-l);width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.confirm-dialog__title{font-size:1.1rem;font-weight:600;margin:0 0 var(--space-s) 0}.confirm-dialog__message{color:var(--text-secondary);margin-bottom:var(--space-l);line-height:1.5}.confirm-dialog__highlight{color:var(--text-primary);font-weight:600}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-s)}@media(max-width:520px){.confirm-dialog{max-width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-m) var(--space-s)}.confirm-dialog__actions{flex-direction:column}.confirm-dialog__actions .btn{width:100%}}.card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-m);display:flex;flex-direction:column;gap:var(--space-m)}.error-boundary{display:flex;justify-content:center;align-items:center;min-height:300px;padding:var(--space-l)}.error-boundary__card{text-align:center;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-xl);max-width:480px;box-shadow:var(--shadow-sm)}.error-boundary__title{font-size:1.25rem;font-weight:600;color:var(--error-main);margin-bottom:var(--space-s)}.error-boundary__message{color:var(--text-secondary);margin-bottom:var(--space-l);line-height:1.5}.error-boundary__actions{display:flex;justify-content:center}.dynamic-filters__panel{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-m);display:flex;flex-direction:column;gap:var(--space-m)}.dynamic-filters__panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);padding-bottom:var(--space-s);border-bottom:1px solid var(--border-light)}.dynamic-filters__panel-header h2{margin:0;font-size:1.1rem}.dynamic-filters__filters{display:flex;flex-direction:column;gap:var(--space-m)}.dynamic-filters__filter-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,2fr) auto;gap:var(--space-s);align-items:center;padding:var(--space-s);border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-surface-alt)}.dynamic-filters__filter-range{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:var(--space-s)}.dynamic-filters__filter-row select,.dynamic-filters__filter-row input{width:100%;min-height:40px;border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-primary);padding:.5rem .6rem;font-size:.9rem}.dynamic-filters__filter-row input::placeholder{color:var(--text-muted)}.dynamic-filters__filter-row .btn{min-height:40px}.theme-dark .dynamic-filters__filter-row{border-color:var(--border-medium);background:var(--bg-surface-alt)}.theme-dark .dynamic-filters__filter-row select,.theme-dark .dynamic-filters__filter-row input{border-color:var(--border-medium);background:var(--bg-surface);color:var(--text-primary)}.dynamic-filters__empty{color:var(--text-muted)}.dynamic-filters__panel-actions{display:flex;gap:var(--space-s);flex-wrap:wrap}.dynamic-filters__button-content{display:inline-flex;align-items:center;gap:var(--space-xs)}@media(max-width:900px){.dynamic-filters__panel-header{flex-direction:column;align-items:flex-start}.dynamic-filters__panel-header .btn{width:100%}.dynamic-filters__filter-row,.dynamic-filters__filter-range{grid-template-columns:1fr}.dynamic-filters__panel-actions{width:100%}.dynamic-filters__panel-actions .btn{flex:1 1 220px}}@media(max-width:520px){.dynamic-filters__panel{padding:var(--space-s);gap:var(--space-s)}.dynamic-filters__panel-header{gap:var(--space-s);padding-bottom:var(--space-xs)}.dynamic-filters__panel-header h2{font-size:1rem}.dynamic-filters__filters{gap:var(--space-s)}.dynamic-filters__filter-row{padding:var(--space-xs)}.dynamic-filters__filter-row select,.dynamic-filters__filter-row input,.dynamic-filters__panel-actions .btn{min-height:36px;font-size:.9rem}.dynamic-filters__panel-actions .btn{padding:.5rem .9rem}.dynamic-filters__panel-actions{flex-direction:column;gap:var(--space-xs)}.dynamic-filters__panel-actions .btn{flex:0 0 auto;width:100%}}.skeleton{background:linear-gradient(90deg,var(--skeleton-base, var(--bg-surface-alt)) 25%,var(--skeleton-highlight, var(--bg-surface)) 50%,var(--skeleton-base, var(--bg-surface-alt)) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton--text{height:1em;border-radius:var(--radius-sm)}.skeleton--circular{border-radius:50%;flex-shrink:0}.skeleton--rectangular,.skeleton-button{border-radius:var(--radius-md)}.skeleton-text{display:flex;flex-direction:column;gap:var(--space-xs)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-table-row{display:flex;align-items:center;gap:var(--space-m);padding:var(--space-s) var(--space-m);border-bottom:1px solid var(--border-light)}.skeleton-table-row:last-child{border-bottom:none}.theme-dark .skeleton{background:linear-gradient(90deg,var(--skeleton-base, var(--bg-surface-alt)) 25%,var(--skeleton-highlight, #333333) 50%,var(--skeleton-base, var(--bg-surface-alt)) 75%);background-size:200% 100%}.search-input{position:relative;flex:1 1 auto;min-width:200px}.search-input__icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1rem;pointer-events:none}.search-input__field{width:100%;min-height:38px;padding:var(--space-xs) var(--space-s) var(--space-xs) 2rem;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:.9rem;font-weight:500;transition:border-color .2s ease,box-shadow .2s ease}.search-input__field:focus{outline:2px solid var(--brand-primary);outline-offset:2px;border-color:var(--brand-primary)}.search-input__field::placeholder{color:var(--text-muted);font-weight:400}.theme-dark .search-input__field{background:var(--bg-surface-alt);border-color:var(--border-medium)}.search-input__clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:999px;border:none;background:transparent;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:color .15s ease}.search-input__clear:hover{color:var(--text-primary)}.sort-controls{display:inline-flex;align-items:center;gap:0;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.sort-controls__select{min-height:36px;padding:0 var(--space-m) 0 var(--space-s);border:none;border-right:1px solid var(--border-light);background:var(--bg-surface);color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer}.sort-controls__select:focus{outline:2px solid var(--brand-primary);outline-offset:-2px}.sort-controls__select:disabled{opacity:.4;cursor:not-allowed}.sort-controls__order-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;min-height:36px;padding:0;border:none;background:var(--bg-surface);color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:color .15s ease,background .15s ease}.sort-controls__order-btn:hover:not(:disabled){color:var(--brand-primary);background:var(--bg-surface-alt)}.sort-controls__order-btn:disabled{opacity:.4;cursor:not-allowed}.theme-dark .sort-controls{border-color:var(--border-medium)}.theme-dark .sort-controls__select{background:var(--bg-surface-alt);border-color:var(--border-medium);color:var(--text-primary)}.theme-dark .sort-controls__order-btn{background:var(--bg-surface-alt);color:var(--text-secondary)}.pagination-bar{display:flex;align-items:center;gap:var(--space-m);flex-wrap:wrap;padding:var(--space-s) var(--space-m);background:var(--bg-surface-alt);border-radius:var(--radius-md);font-size:.85rem}.pagination-bar--loading{border:1px solid var(--border-medium)}.pagination-bar__info{color:var(--text-secondary);font-size:.85rem}.pagination-bar__nav{display:inline-flex;align-items:center;gap:var(--space-xs);margin-left:auto}.pagination-bar__btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-surface);color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:color .12s ease,border-color .12s ease}.pagination-bar__btn:hover:not(:disabled){color:var(--brand-primary);border-color:var(--brand-primary)}.pagination-bar__btn:disabled{opacity:.3;cursor:not-allowed}.pagination-bar__indicator{padding:0 var(--space-s);font-weight:600;color:var(--text-primary);font-size:.85rem;white-space:nowrap}.pagination-bar__size{margin-left:var(--space-s)}.pagination-bar__size-select{min-height:30px;padding:2px var(--space-s);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:.85rem;cursor:pointer}.pagination-bar__size-select:focus{outline:2px solid var(--brand-primary);outline-offset:2px}.theme-dark .pagination-bar{background:var(--bg-surface-alt)}.theme-dark .pagination-bar__btn,.theme-dark .pagination-bar__size-select{background:var(--bg-surface);border-color:var(--border-medium)}@media(max-width:720px){.pagination-bar{flex-direction:column;align-items:center;gap:var(--space-s)}.pagination-bar__nav{margin-left:0}.pagination-bar__info{text-align:center}}@media(max-width:520px){.pagination-bar{padding:var(--space-xs) var(--space-s);font-size:.8rem}.pagination-bar__btn{width:26px;height:26px;font-size:.7rem}.pagination-bar__indicator{font-size:.8rem;padding:0 var(--space-xs)}.pagination-bar__size-select{min-height:26px;font-size:.8rem}}.refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;min-height:38px;padding:0;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-muted);font-size:1.1rem;cursor:pointer;transition:color .15s ease,border-color .15s ease}.refresh-btn:hover:not(:disabled){color:var(--brand-primary);border-color:var(--brand-primary)}.refresh-btn:disabled{opacity:.4;cursor:not-allowed}.theme-dark .refresh-btn{background:var(--bg-surface-alt);border-color:var(--border-medium)}.toggle-switch{display:inline-flex;align-items:center;gap:var(--space-s);padding:var(--space-xs) var(--space-s);border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-surface);font-weight:500;font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.toggle-switch input{appearance:none;width:34px;height:18px;border-radius:999px;border:1px solid var(--border-light);background:var(--bg-surface-alt);position:relative;cursor:pointer;transition:background .2s ease,border-color .2s ease;flex-shrink:0}.toggle-switch input:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text-muted);transition:transform .2s ease,background .2s ease}.toggle-switch input:checked{background:var(--brand-primary);border-color:var(--brand-primary)}.toggle-switch input:checked:after{transform:translate(16px);background:var(--brand-primary-contrast)}.toggle-switch:has(input:checked){color:var(--text-primary);border-color:var(--brand-primary);background:var(--brand-primary-light)}.toggle-switch input:disabled{opacity:.4;cursor:not-allowed}.theme-dark .toggle-switch{background:var(--bg-surface-alt);border-color:var(--border-medium);color:var(--text-primary)}.theme-dark .toggle-switch input{background:var(--bg-surface);border-color:var(--border-medium)}.theme-dark .toggle-switch:has(input:checked){background:color-mix(in srgb,var(--brand-primary) 20%,var(--bg-surface-alt));border-color:var(--brand-primary)}.detail-card{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.detail-card__header{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-s) var(--space-m);background:var(--bg-surface-alt);border-bottom:1px solid var(--border-light)}.detail-card__header h3{margin:0;font-size:.9rem;font-weight:600;color:var(--text-secondary);flex:1}.detail-card__body{padding:var(--space-m)}.theme-dark .detail-card{border-color:var(--border-medium)}.theme-dark .detail-card__header{background:var(--bg-surface);border-color:var(--border-medium)}.detail-hero{display:flex;align-items:flex-start;gap:var(--space-m);padding:var(--space-m);background:var(--bg-surface-alt);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-wrap:wrap}.detail-hero__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-m);border-radius:var(--radius-sm);background:var(--brand-primary-light);color:var(--brand-primary);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:1.1rem;font-weight:700;border:1px solid var(--brand-primary);cursor:pointer;transition:background .12s ease,transform .1s ease}.detail-hero__badge:hover{background:var(--brand-primary);color:var(--brand-primary-contrast)}.detail-hero__badge:active{transform:scale(.97)}.detail-hero__badge-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);flex-shrink:0}.detail-hero__content{flex:1;min-width:0}.detail-hero__action{flex-shrink:0;align-self:flex-start}.detail-hero__action-group{display:flex;gap:var(--space-xs)}.detail-hero__field{display:flex;flex-direction:column;gap:2px}.detail-hero__field+.detail-hero__field{margin-top:var(--space-xs)}.detail-hero__label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.detail-hero__name{margin:0;font-size:1.15rem;font-weight:600;line-height:1.3;color:var(--text-primary)}.detail-hero__desc{font-size:.9rem;color:var(--text-secondary);line-height:1.4;word-break:break-word;overflow-wrap:anywhere}.detail-hero__meta-row{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-s);font-size:.85rem;flex-wrap:wrap}.detail-hero__inline-label{font-weight:600;color:var(--text-muted);font-size:.85rem}.detail-hero__sep{width:1px;height:14px;background:var(--border-light);flex-shrink:0}.theme-dark .detail-hero{background:var(--bg-surface);border-color:var(--border-medium)}.theme-dark .detail-hero__sep{background:var(--border-medium)}@media(max-width:720px){.detail-hero{flex-direction:column;gap:var(--space-s)}.detail-hero__badge{align-self:flex-start}}.meta-footer{display:flex;align-items:center;gap:var(--space-xs);padding-top:var(--space-s);border-top:1px solid var(--border-light);font-size:.8rem;flex-wrap:wrap;flex-basis:100%}.meta-footer__item{display:inline-flex;align-items:center;gap:var(--space-xs)}.meta-footer__sep{width:1px;height:14px;background:var(--border-light);flex-shrink:0}.meta-footer__label{font-weight:600;color:var(--text-secondary);flex-shrink:0}.meta-footer__value{color:var(--text-primary);display:inline-flex;align-items:center;gap:var(--space-xs)}.theme-dark .meta-footer{border-color:var(--border-medium)}.theme-dark .meta-footer__sep{background:var(--border-medium)}.meta-grid{display:flex;flex-direction:column;gap:var(--space-xs)}.meta-grid__row{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem}.meta-grid__label{font-weight:600;color:var(--text-secondary);flex-shrink:0}.meta-grid__value{color:var(--text-primary);display:flex;align-items:center;gap:var(--space-xs)}.auth-layout{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - var(--navbar-height));padding:var(--space-xl) var(--space-m);background-color:var(--bg-section);min-height:100vh}.auth-card{background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-m);max-width:420px;width:100%;text-align:center;border:1px solid transparent;transition:box-shadow .3s ease,border-color .3s ease}.theme-dark .auth-card{border-color:var(--border-light)}.auth-logo{max-width:200px;height:auto;margin-bottom:var(--space-l)}.logo{display:flex;align-items:center;gap:var(--space-s);text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.25rem}.logo__img{height:32px;width:auto}.logo__text{white-space:nowrap}@media(max-width:960px){.logo__text{display:none}}.navbar{position:relative;z-index:100;background:var(--bg-surface);border-bottom:1px solid var(--border-light);transition:box-shadow .3s ease}.theme-dark .navbar{box-shadow:var(--shadow-glow)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);min-height:var(--navbar-height);padding:var(--space-s) var(--space-l);width:100%}.navbar__left{display:flex;align-items:center;gap:var(--space-s)}.navbar__menu-btn{display:none}.navbar__actions{display:flex;align-items:center;gap:var(--space-s)}.icon-button{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-surface-alt);border:1px solid var(--border-light);display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);padding:0;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.icon-button:hover{background:var(--bg-surface);border-color:var(--border-medium)}.icon-button:active{border-color:var(--border-strong);transform:translateY(0)}.icon-button svg{width:20px;height:20px}.user-menu{position:relative}.user-menu__trigger{display:inline-flex;align-items:center;gap:var(--space-s);padding:var(--space-xs) var(--space-s);border-radius:var(--radius-md);background:var(--bg-surface-alt);border:1px solid var(--border-light);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.user-menu__trigger:hover{background:var(--bg-surface);border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.user-menu__name{font-size:.9rem;color:var(--text-secondary);max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu__avatar{width:32px;height:32px;border-radius:50%;background:var(--brand-primary);color:var(--brand-primary-contrast);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;letter-spacing:.05em}.user-menu__dropdown{position:absolute;top:calc(100% + var(--space-s));right:0;min-width:256px;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-s);display:flex;flex-direction:column;gap:var(--space-s)}.user-menu__info{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xs) var(--space-s)}.user-menu__info-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.user-menu__info-email{font-size:.8rem;color:var(--text-muted)}.user-menu__info-role{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.user-menu__divider{height:1px;background:var(--border-light);margin:var(--space-xs) 0}.user-menu__item{width:100%;text-align:left;padding:var(--space-s) var(--space-m);border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-primary);transition:background-color .2s ease,color .2s ease}.user-menu__item:hover{background:var(--bg-surface-alt)}.user-menu__item:disabled{color:var(--text-muted);background:var(--bg-surface-alt);cursor:not-allowed;opacity:.75}.user-menu__item:disabled:hover{background:var(--bg-surface-alt)}.user-menu__item--cooldown{font-variant-numeric:tabular-nums;letter-spacing:.02em}.user-menu__item--cooldown:disabled{box-shadow:inset 0 0 0 1px var(--border-light)}.user-menu__item--danger{color:var(--error-main)}.user-menu__section-title{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:0 var(--space-s)}.user-menu__group{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xs);background:var(--bg-surface-alt);border-radius:var(--radius-sm)}.user-menu__label{font-size:.8rem;color:var(--text-secondary)}@media(max-width:720px){.navbar__inner{padding:var(--space-s)}.navbar__menu-btn{display:inline-flex}.user-menu__name{display:none}}@media(max-height:600px){.navbar__inner{padding:var(--space-s)}.navbar__menu-btn{display:inline-flex}.user-menu__name{display:none}}.sidebar{position:sticky;top:0;left:0;align-self:flex-start;width:var(--sidebar-width);flex:0 0 auto;height:100vh;height:100dvh;background:var(--bg-surface);border-right:1px solid var(--border-light);display:flex;flex-direction:column;z-index:var(--sidebar-z-index);transition:width .3s ease,transform .3s ease;overflow:hidden}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar--mobile{position:fixed;transform:translate(-100%);top:0;bottom:0;height:100vh;height:100dvh;width:var(--sidebar-width)}.sidebar--mobile-open{transform:translate(0)}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-m);border-bottom:1px solid var(--border-light);min-height:var(--navbar-height);flex-shrink:0}.sidebar__logo{display:flex;align-items:center;gap:var(--space-s);text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.125rem;overflow:hidden}.sidebar__logo:hover{color:var(--text-primary)}.sidebar__logo-img{width:32px;height:32px;flex-shrink:0}.sidebar__logo-text{white-space:nowrap;opacity:1;transition:opacity .2s ease}.sidebar--collapsed .sidebar__logo-text{opacity:0;width:0;overflow:hidden}.sidebar__toggle{width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-surface-alt);border:1px solid var(--border-light);display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);padding:0;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;flex-shrink:0}.sidebar__toggle:hover{background:var(--bg-surface);border-color:var(--border-medium)}.sidebar__toggle:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.sidebar__toggle svg{width:18px;height:18px;transition:transform .3s ease}.sidebar--collapsed .sidebar__toggle svg{transform:rotate(180deg)}.sidebar__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-s)}.sidebar__section{margin-bottom:var(--space-m)}.sidebar__section:last-child{margin-bottom:0}.sidebar__section-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-s) var(--space-s);margin:0;white-space:nowrap;overflow:hidden;transition:opacity .2s ease}.sidebar--collapsed .sidebar__section-title{opacity:0;height:0;padding:0;margin:0}.sidebar__section-list{list-style:none;margin:0;padding:0}.sidebar__nav-item{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:background-color .2s ease,color .2s ease;white-space:nowrap;overflow:hidden}.sidebar__nav-item:hover{background:var(--bg-surface-alt);color:var(--text-primary)}.sidebar__nav-item--active{background:var(--brand-primary-light);color:var(--brand-primary-contrast);font-weight:600}.sidebar__nav-item--active:hover{background:var(--brand-primary-light);color:var(--brand-primary-contrast)}.sidebar__nav-item:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}.sidebar__nav-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar__nav-icon svg{width:20px;height:20px}.sidebar__nav-label{flex:1;overflow:hidden;text-overflow:ellipsis}.sidebar--collapsed .sidebar__nav-label{display:none}.sidebar--collapsed .sidebar__nav-item{justify-content:center;padding:var(--space-s)}.sidebar__sub-list{list-style:none;margin:0;padding:0}.sidebar__sub-item{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-xs) var(--space-m) var(--space-xs) calc(var(--space-m) + 24px + var(--space-s));border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:background-color .2s ease,color .2s ease;white-space:nowrap;overflow:hidden}.sidebar__sub-item:hover{background:var(--bg-surface-alt);color:var(--text-primary)}.sidebar__sub-item--active{background:var(--brand-primary-light);color:var(--brand-primary-contrast);font-weight:600}.sidebar__sub-item--active:hover{background:var(--brand-primary-light);color:var(--brand-primary-contrast)}.sidebar__sub-item:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}.sidebar__sub-item .sidebar__nav-icon svg{width:16px;height:16px}.theme-dark .sidebar__sub-item--active,.theme-dark .sidebar__sub-item--active:hover{background:var(--bg-surface-alt);color:var(--brand-primary)}.sidebar__footer{padding:var(--space-m);border-top:1px solid var(--border-light);flex-shrink:0}.sidebar__footer-text{font-size:.75rem;color:var(--text-muted)}.sidebar__overlay{position:fixed;inset:0;background:#00000080;z-index:var(--sidebar-overlay-z-index);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar__overlay--visible{opacity:1;visibility:visible}.theme-dark .sidebar{border-right-color:var(--border-medium)}.theme-dark .sidebar__header{border-bottom-color:var(--border-medium)}.theme-dark .sidebar__footer{border-top-color:var(--border-medium)}.theme-dark .sidebar__nav-item--active,.theme-dark .sidebar__nav-item--active:hover{background:var(--bg-surface-alt);color:var(--brand-primary)}@media(max-width:720px){.sidebar{position:fixed;top:0;width:var(--sidebar-width)}.sidebar__header{min-height:var(--navbar-height)}}@media(forced-colors:active){.sidebar__nav-item--active{border:2px solid CanvasText}}.app-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-app)}.app-layout__body{display:flex;flex:1}.app-layout__content{flex:1;padding:var(--space-l);background:var(--bg-app);transition:margin-left .3s ease;min-width:0;overflow-x:hidden}.app-layout__content--sidebar-collapsed{margin-left:0}.app-layout__inner{max-width:var(--layout-max-width);margin:0 auto;width:100%;min-width:0}@media(max-width:720px){.app-layout__content{padding:var(--space-m);margin-left:0!important}}.login-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-m);width:100%}.login-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.login-subtitle{font-size:1rem;color:var(--text-secondary);margin:0 0 var(--space-m) 0;text-align:center}.login-alert{width:100%;text-align:center;justify-content:center}.btn-full-width{width:100%}.login-toolbar{margin-top:var(--space-l)}.dashboard{display:flex;flex-direction:column;gap:var(--space-l)}.dashboard-welcome{background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-m);display:flex;flex-direction:column;gap:var(--space-s);border:1px solid transparent}.theme-dark .dashboard-welcome{border-color:var(--border-light)}.dashboard-roles{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-s);color:var(--text-secondary)}.dashboard-roles strong{color:var(--text-primary)}.role-badge{display:inline-block;padding:var(--space-xs) var(--space-s);background:var(--brand-primary-light);color:var(--brand-primary-contrast);font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.not-found{display:flex;flex-direction:column;align-items:center;gap:var(--space-m)}.not-found h2{font-size:2rem;color:var(--text-muted);margin:0}.not-found p{color:var(--text-secondary);margin:0}.access-denied{display:flex;flex-direction:column;align-items:center;gap:1rem}.access-denied__icon{font-size:3rem}.access-denied__title{font-size:1.5rem;font-weight:600;color:var(--error-main);margin:0}.access-denied__message{color:var(--text-secondary);font-size:1rem;margin:0;max-width:300px}.access-denied__hint{color:var(--text-muted);font-size:.875rem;margin:0;padding:var(--space-s) var(--space-m);background:var(--bg-surface-alt);border-radius:var(--radius-md)}.access-denied__actions{display:flex;gap:var(--space-s);flex-wrap:wrap;justify-content:center;margin-top:var(--space-s)}.error-page{display:flex;flex-direction:column;align-items:center;gap:var(--space-m)}.error-page__title{font-size:1.5rem;font-weight:600;color:var(--warning-main);margin:0}.error-page__message{color:var(--text-secondary);font-size:1rem;margin:0;max-width:300px}.error-page__actions{display:flex;gap:var(--space-s);margin-top:var(--space-s)}.dashboard-section{display:flex;flex-direction:column;gap:var(--space-l)}.dashboard-section__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-m);flex-wrap:wrap}.dashboard-section__title{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.dashboard-section__date{font-size:.95rem;font-weight:600;color:var(--text-muted);padding:var(--space-xs) var(--space-s);background:var(--bg-surface-alt);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.dashboard-section__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-m)}.dashboard-card{display:flex;flex-direction:column;gap:var(--space-s);padding:var(--space-l);min-height:140px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.dashboard-card:hover{transform:translateY(-2px);border-color:var(--brand-primary);box-shadow:var(--shadow-lg)}.dashboard-card:hover .dashboard-card__icon{color:var(--brand-primary);background:var(--brand-primary-light)}.theme-dark .dashboard-card:hover{box-shadow:var(--shadow-glow)}.dashboard-card:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.dashboard-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-surface-alt);color:var(--text-secondary);transition:color .2s ease,background .2s ease}.dashboard-card__icon svg{width:22px;height:22px}.dashboard-card__title{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.dashboard-card__description{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.4}.user-details{display:flex;flex-direction:column;gap:var(--space-l)}.user-details__confirm{display:flex;align-items:center;gap:var(--space-xs);font-size:.8rem;color:var(--text-muted)}.user-details__card--deletion{border-color:var(--color-error, #e53e3e)}.user-details__leadership-sections{display:flex;flex-direction:column;gap:var(--space-m)}.user-details__leadership-group{display:flex;flex-direction:column;gap:var(--space-xs)}.user-details__leadership-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.user-details__leadership-list{display:flex;flex-direction:column}.user-details__leadership-item{display:flex;align-items:center;gap:var(--space-xs)}.user-details__advanced{border-top:1px solid var(--border-light);padding-top:var(--space-s)}.user-details__advanced summary{cursor:pointer;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-s)}.user-details__danger-zone{border-top:1px solid var(--color-error, #e53e3e);margin-top:var(--space-m);padding-top:var(--space-s);display:flex;justify-content:flex-end;gap:var(--space-xs)}.theme-dark .user-details__advanced{border-color:var(--border-medium)}.create-user-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-m)}.create-user-form__label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:.9rem}.create-user-form__error{color:var(--error-main);font-size:.85rem}.permissions-modal{display:flex;flex-direction:column;max-height:70vh}.permissions-modal__content{display:flex;flex-direction:column;gap:var(--space-l);overflow-y:auto;flex:1 1 auto;min-height:0;padding-bottom:var(--space-s);scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--bg-surface-alt)}.permissions-modal__content::-webkit-scrollbar{width:10px}.permissions-modal__content::-webkit-scrollbar-track{background:var(--bg-surface-alt);border-radius:8px}.permissions-modal__content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid var(--bg-surface-alt)}.permissions-modal__content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.permissions-modal__toolbar{display:flex;justify-content:flex-start;align-items:center}.permissions-modal__toolbar-actions{display:flex;gap:var(--space-s);flex-wrap:wrap}.permissions-modal__banners{display:flex;flex-direction:column;gap:var(--space-xs);flex-shrink:0}.permissions-modal__banners:empty{display:none}.permissions-modal__banner{font-size:.9rem;padding:var(--space-s) var(--space-m);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.permissions-modal__banner--info{background:var(--info-bg, var(--bg-surface-alt));color:var(--info-main, var(--text-muted));border-color:var(--info-border, var(--border-light))}.permissions-modal__banner--warning{background:var(--warning-bg);color:var(--warning-main);border-color:var(--warning-border, var(--warning-main))}.permissions-modal__banner--error{background:var(--error-bg);color:var(--error-main);border-color:var(--error-border, var(--error-main))}.permissions-modal__banner--danger{background:var(--error-bg);color:var(--error-main);border-color:var(--error-border, var(--error-main));font-weight:500}.permissions-modal__section{display:flex;flex-direction:column;gap:var(--space-s)}.permissions-modal__section h3{display:flex;align-items:center;gap:var(--space-s);margin:0;font-size:1rem;color:var(--text-primary)}.permissions-modal__custom-badge{font-size:.75rem;font-weight:500;background:var(--warning-bg);color:var(--warning-main);padding:2px 8px;border-radius:var(--radius-sm)}.permissions-modal__section--danger{border:1px solid var(--error-border, var(--error-main));border-radius:var(--radius-md);padding:var(--space-m);background:color-mix(in srgb,var(--error-bg) 30%,transparent)}.permissions-modal__section--danger h3{color:var(--error-main)}.permissions-modal__danger-badge{font-size:.7rem;font-weight:600;background:var(--error-bg);color:var(--error-main);padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase}.permissions-modal__roles{display:flex;flex-wrap:wrap;gap:var(--space-m)}.permissions-modal__role{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;font-size:.95rem;color:var(--text-primary)}.permissions-modal__role--disabled{opacity:.5;cursor:not-allowed}.permissions-modal__hint{font-size:.75rem;color:var(--text-muted)}.permissions-modal__table{width:100%;border-collapse:collapse;font-size:.9rem}.permissions-modal__table th,.permissions-modal__table td{padding:var(--space-xs) var(--space-s);text-align:left;border-bottom:1px solid var(--border-light);vertical-align:middle}.permissions-modal__table th{background:var(--bg-surface-alt);font-weight:600;color:var(--text-muted)}.permissions-modal__table tr:last-child td{border-bottom:none}.permissions-modal__row--allow{background:var(--success-bg)}.permissions-modal__row--deny{background:var(--error-bg)}.permissions-modal__row--deny .permissions-modal__permission-name{text-decoration:line-through;color:var(--text-muted)}.permissions-modal__permission-name{position:relative;padding-top:0!important;padding-bottom:0!important}.permissions-modal__permission-name .permissions-modal__permission-indent{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.permissions-modal__permission-indent{display:flex;flex-direction:row;align-items:stretch;gap:0;min-height:100%}.permissions-modal__permission-text{display:flex;flex-direction:column;gap:2px;justify-content:center;padding-left:4px}.permissions-modal__tree-guides{display:flex;align-self:stretch;-webkit-user-select:none;user-select:none;flex-shrink:0}.permissions-modal__tree-seg{position:relative;width:20px;flex-shrink:0}.permissions-modal__tree-seg--pipe:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:1px;background:var(--border-main, #ccc)}.permissions-modal__tree-seg--branch:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:1px;background:var(--border-main, #ccc)}.permissions-modal__tree-seg--branch:after{content:"";position:absolute;left:9px;top:50%;width:10px;height:1px;background:var(--border-main, #ccc)}.permissions-modal__tree-seg--last:before{content:"";position:absolute;left:9px;top:0;height:50%;width:1px;background:var(--border-main, #ccc)}.permissions-modal__tree-seg--last:after{content:"";position:absolute;left:9px;top:50%;width:10px;height:1px;background:var(--border-main, #ccc)}.permissions-modal__permission-desc{font-size:.9rem;color:var(--text-primary)}.permissions-modal__permission-code{font-family:var(--font-mono, monospace);font-size:.75rem;color:var(--text-muted)}.permissions-modal__dep-tag{display:inline-block;font-size:.7rem;font-weight:500;padding:1px 6px;border-radius:var(--radius-sm);margin-top:2px;width:fit-content}.permissions-modal__dep-tag--required{background:var(--info-bg, var(--bg-surface-alt));color:var(--info-main, var(--text-muted))}.permissions-modal__dep-tag--blocked{background:var(--error-bg);color:var(--error-main)}.permissions-modal__row--dep-required,.permissions-modal__row--dep-blocked{opacity:.7}.permissions-modal__granted{color:var(--success-main);font-weight:500}.permissions-modal__not-granted{color:var(--text-muted)}.permissions-modal__select{padding:var(--space-xs) var(--space-s);border:1px solid var(--border-main);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:.85rem;cursor:pointer}.permissions-modal__select:disabled{opacity:.5;cursor:not-allowed}.permissions-modal__actions{display:flex;gap:var(--space-s);justify-content:space-between;align-items:center;padding-top:var(--space-m);border-top:1px solid var(--border-light);flex-shrink:0;position:sticky;bottom:0;background:var(--bg-surface);z-index:1}.permissions-modal__actions-left{display:flex;gap:var(--space-s);align-items:center;flex-wrap:wrap}.permissions-modal__actions-right{display:flex;gap:var(--space-s)}.permissions-modal__warning{color:var(--warning-main);font-size:.9rem;padding:var(--space-s);background:var(--warning-bg);border-radius:var(--radius-sm)}.permissions-modal__error{color:var(--error-main);font-size:.9rem;padding:var(--space-s);background:var(--error-bg);border-radius:var(--radius-sm)}.permissions-modal__row--disabled{opacity:.5}.permissions-modal__skeleton{display:flex;flex-direction:column;gap:var(--space-l)}.permissions-modal__skeleton-section{display:flex;flex-direction:column;gap:var(--space-s)}.permissions-modal__skeleton-roles{display:flex;flex-wrap:wrap;gap:var(--space-s)}.permissions-modal__skeleton-table{display:flex;flex-direction:column;gap:var(--space-xs)}.permissions-modal__skeleton-row{display:grid;grid-template-columns:2fr 1fr .8fr;gap:var(--space-s);align-items:center;padding:var(--space-xs) var(--space-s);border-radius:var(--radius-sm);background:var(--bg-surface)}.permissions-modal__skeleton-row:nth-child(2n){background:var(--bg-surface-alt)}@media(max-width:600px){.permissions-modal__table{font-size:.85rem}.permissions-modal__table th,.permissions-modal__table td{padding:var(--space-xs)}.permissions-modal__roles{flex-direction:column;gap:var(--space-s)}}@media(max-width:720px){.permissions-modal__table,.permissions-modal__table tbody,.permissions-modal__table tr,.permissions-modal__table td{display:block;width:100%}.permissions-modal__table thead{display:none}.permissions-modal__table tr{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-s);margin-bottom:var(--space-s);background:var(--bg-surface)}.permissions-modal__table td{border:none;padding:var(--space-xs) 0}.permissions-modal__select{width:100%}.permissions-modal__actions{flex-direction:column;align-items:stretch}.permissions-modal__actions .btn{width:100%}.permissions-modal__toolbar{justify-content:flex-start}.permissions-modal__actions-left{flex-direction:column;align-items:stretch}.permissions-modal__actions-right{flex-direction:column}.permissions-modal__skeleton-row{grid-template-columns:1fr}}.user-management{display:flex;flex-direction:column;gap:var(--space-l)}.user-management__panel{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-m);display:flex;flex-direction:column;gap:var(--space-m)}.user-management__panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);padding-bottom:var(--space-s);border-bottom:1px solid var(--border-light)}.user-management__panel-header h2{margin:0;font-size:1.1rem}.user-management__filters{display:flex;flex-direction:column;gap:var(--space-m)}.user-management__filter-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,2fr) auto;gap:var(--space-s);align-items:center;padding:var(--space-s);border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-surface-alt)}.user-management__filter-range{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:var(--space-s)}.user-management__filter-row select,.user-management__filter-row input{width:100%;min-height:40px;border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-primary);padding:.5rem .6rem;font-size:.9rem}.user-management__filter-row input::placeholder{color:var(--text-muted)}.user-management__filter-row .btn{min-height:40px}.theme-dark .user-management__filter-row{border-color:var(--border-medium);background:var(--bg-surface-alt)}.theme-dark .user-management__filter-row select,.theme-dark .user-management__filter-row input{border-color:var(--border-medium);background:var(--bg-surface);color:var(--text-primary)}.user-management__empty{color:var(--text-muted)}.user-management__panel-actions{display:flex;gap:var(--space-s);flex-wrap:wrap}.user-management__toolbar{display:flex;flex-direction:column;gap:var(--space-m);align-items:stretch}.user-management__toolbar-row{display:flex;align-items:center;gap:var(--space-m);flex-wrap:wrap}.user-management__toolbar-left{display:flex;align-items:center;gap:var(--space-s);flex:1 1 0;flex-wrap:wrap;min-width:200px;position:relative}.user-management__header-actions{display:flex;align-items:center;gap:var(--space-s);flex-wrap:wrap;margin-left:auto}.user-management__name{display:flex;flex-direction:column;gap:2px}.user-management__name span{color:var(--text-muted);font-size:.85rem}.user-management__roles{font-size:.85rem;line-height:1.3}.user-management__table-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}@media(max-width:900px){.user-management .page-header{align-items:flex-start}.user-management__panel-header{flex-direction:column;align-items:flex-start}.user-management__panel-header .btn{width:100%}.user-management__filter-row,.user-management__filter-range{grid-template-columns:1fr}.user-management__panel-actions{width:100%}.user-management__panel-actions .btn{flex:1 1 220px}}@media(max-width:720px){.user-management__toolbar{align-items:stretch}.user-management__toolbar-row{flex-direction:column;align-items:stretch}.user-management__toolbar-left{width:100%}.user-management__header-actions{width:100%;justify-content:flex-start;margin-left:0}.sort-controls{width:100%}.sort-controls__select{flex:1}}@media(max-width:520px){.user-management{gap:var(--space-s)}.user-management .card,.user-management__panel{padding:var(--space-s);gap:var(--space-s)}.user-management__panel-header{gap:var(--space-s);padding-bottom:var(--space-xs)}.user-management__panel-header h2{font-size:1rem}.user-management__filters,.user-management__toolbar{gap:var(--space-s)}.user-management__toolbar-row,.user-management__header-actions{gap:var(--space-xs)}.user-management__filter-row{padding:var(--space-xs)}.user-management__filter-row select,.user-management__filter-row input,.user-management__panel-actions .btn,.user-management__header-actions .btn,.user-management__table-actions .btn{min-height:36px;font-size:.9rem}.user-management__panel-actions .btn,.user-management__header-actions .btn{padding:.5rem .9rem}.user-management__toolbar-left,.user-management__header-actions{flex-direction:column;align-items:stretch}.user-management__panel-actions{flex-direction:column;gap:var(--space-xs)}.user-management__panel-actions .btn{flex:0 0 auto;width:100%}.user-management .dt-table td{flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-xs) 0}.user-management .dt-table td[data-label]:before{flex:none;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.user-management .dt-table tr{padding:var(--space-s);box-shadow:var(--shadow-sm)}.user-management__table-actions,.user-management__table-actions .btn{width:100%}}.order-management{display:flex;flex-direction:column;gap:var(--space-l)}.order-management__toolbar{display:flex;flex-direction:column;gap:var(--space-s)}.order-management__toolbar-row{display:flex;align-items:center;gap:var(--space-s);flex-wrap:wrap}.order-management__toolbar-left{display:flex;align-items:center;gap:var(--space-s);flex:1 1 0;min-width:200px}.order-management__header-actions{display:flex;align-items:center;gap:var(--space-s);flex-wrap:wrap;margin-left:auto}.order-management__code-search{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-surface);padding:0}.order-management__code-search summary{padding:var(--space-xs) var(--space-s);cursor:pointer;font-size:.8rem;font-weight:500;color:var(--text-muted);-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:var(--space-xs)}.order-management__code-search summary::-webkit-details-marker{display:none}.order-management__code-search summary:before{content:"";display:inline-block;width:5px;height:5px;border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);transform:rotate(-45deg);transition:transform .15s ease;flex-shrink:0}.order-management__code-search[open]>summary:before{transform:rotate(45deg)}.order-management__code-search summary:hover{color:var(--text-primary)}.order-management__code-search[open] summary{border-bottom:1px solid var(--border-light)}.order-management__code-search-fields{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-s);flex-wrap:wrap}.order-management__code-search-select,.order-management__code-search-input{min-height:34px;padding:var(--space-xs) var(--space-s);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:.85rem}.order-management__code-search-select{min-width:120px}.order-management__code-search-input{width:120px}.order-management__code-search-input::-webkit-inner-spin-button,.order-management__code-search-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.order-management__code-search-input[type=number]{-moz-appearance:textbox}.order-management__code-search-select:focus,.order-management__code-search-input:focus{outline:2px solid var(--brand-primary);outline-offset:2px;border-color:var(--brand-primary)}.theme-dark .order-management__code-search,.theme-dark .order-management__code-search-select,.theme-dark .order-management__code-search-input{background:var(--bg-surface-alt);border-color:var(--border-medium)}.dt-code-pill--orphan{color:var(--text-muted);border-color:var(--warning-main);background:var(--warning-bg)}.order-management__row--orphan{background:color-mix(in srgb,var(--warning-bg, #fff3e0) 30%,transparent)}.order-management__row--orphan:hover{background:color-mix(in srgb,var(--warning-bg, #fff3e0) 50%,transparent)}.order-management__empty-spec{color:var(--text-muted);font-size:.85rem}.order-management__name-link--spec{font-weight:600;padding-left:var(--space-s);border-left:3px solid var(--brand-primary)}.order-management__leaders-list{display:flex;flex-wrap:wrap;gap:4px}.order-management__done{font-size:.85rem;font-weight:600;margin-right:var(--space-xs)}.order-management__done--yes{color:var(--success-main)}.order-management__done--no{color:var(--text-muted)}.order-detail{display:flex;flex-direction:column;gap:var(--space-l)}.order-detail__two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-m)}@media(max-width:720px){.order-detail__two-col{grid-template-columns:1fr}}.order-detail__leaders{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.order-detail__leader-wrapper{display:inline-flex;align-items:center;gap:4px}.order-detail__group-edit{display:flex;flex-direction:column;gap:var(--space-s)}.order-detail__group-edit-grid{display:grid;grid-template-columns:minmax(140px,auto) 1fr;gap:var(--space-xs) var(--space-m);align-items:center}.order-detail__group-edit-grid label{font-weight:600;color:var(--text-secondary);font-size:.9rem}.order-detail__group-edit-grid input{width:100%;min-width:160px;padding:6px 8px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:.875rem;font-family:inherit;outline:none;transition:border-color .15s ease}.order-detail__group-edit-grid input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-primary) 20%,transparent)}.order-detail__group-edit-grid input:disabled{opacity:.6;cursor:not-allowed}.order-detail__actions{display:flex;gap:var(--space-s);flex-wrap:wrap}.order-detail__empty{color:var(--text-muted);font-style:italic}.order-detail__specs-toolbar{display:flex;align-items:center;gap:var(--space-s);flex-wrap:wrap}.order-detail__specs-table{overflow-x:auto;min-width:0}.spec-detail__status-change{display:flex;align-items:center;gap:var(--space-xs);font-size:.9rem}.spec-detail__status-change label{font-weight:600;color:var(--text-secondary);white-space:nowrap}.spec-detail__meta-inline{color:var(--text-muted);font-size:.85rem;font-weight:400}.order-form{display:flex;flex-direction:column;gap:var(--space-m)}.order-form__parent-info{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);background:var(--bg-surface-alt);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.9rem}.order-form__parent-label{color:var(--text-secondary)}.order-form__parent-code{margin-left:auto;font-family:var(--font-mono, monospace);color:var(--text-muted);font-size:.85rem}.theme-dark .order-form__parent-info{background:var(--bg-surface);border-color:var(--border-medium)}.order-form__card{margin:0;padding:var(--space-m);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-m)}.order-form__card-title{font-weight:600;font-size:.9rem;color:var(--text-secondary);padding:0 var(--space-xs)}.order-form__card--collapsible{padding:0;gap:0}.order-form__card-summary{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-s) var(--space-m);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;font-size:.9rem;color:var(--text-secondary);list-style:none}.order-form__card-summary::-webkit-details-marker{display:none}.order-form__card-summary:before{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(-45deg);transition:transform .2s ease;flex-shrink:0}.order-form__card--collapsible[open]>.order-form__card-summary:before{transform:rotate(45deg)}.order-form__card-summary:hover{color:var(--text-primary)}.order-form__card-body{padding:0 var(--space-m) var(--space-m);display:flex;flex-direction:column;gap:var(--space-m)}.order-form__card-count{margin-left:.25rem;font-weight:400;color:var(--text-muted);font-size:.85rem}.theme-dark .order-form__card{border-color:var(--border-medium)}.order-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-m)}.order-form__grid--spec{grid-template-columns:3fr 1fr}.order-form__field--full{grid-column:1 / -1}.order-form__field{display:flex;flex-direction:column;gap:var(--space-xs)}.order-form__field label{font-weight:600;font-size:.85rem;color:var(--text-secondary)}.order-form__field input,.order-form__field textarea,.order-form__field select{padding:var(--space-xs) var(--space-s);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:.9rem;min-height:38px}.order-form__field textarea{resize:vertical;min-height:64px}.order-form__field input:focus,.order-form__field textarea:focus,.order-form__field select:focus{outline:2px solid var(--brand-primary);outline-offset:2px;border-color:var(--brand-primary)}.theme-dark .order-form__field input,.theme-dark .order-form__field textarea,.theme-dark .order-form__field select{background:var(--bg-surface-alt);border-color:var(--border-medium)}.order-form__error{color:var(--error-main);font-size:.8rem}.order-form__divider{padding-top:var(--space-s);border-top:1px solid var(--border-light)}.order-form__toggle{display:inline-flex;align-items:center;gap:var(--space-s);cursor:pointer;font-weight:600;font-size:.9rem;color:var(--text-secondary)}.order-form__toggle input[type=checkbox]{appearance:none;width:38px;height:20px;border-radius:999px;border:1px solid var(--border-light);background:var(--bg-surface-alt);position:relative;cursor:pointer;transition:background .2s ease,border-color .2s ease;flex-shrink:0}.order-form__toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-muted);transition:transform .2s ease,background .2s ease}.order-form__toggle input[type=checkbox]:checked{background:var(--brand-primary);border-color:var(--brand-primary)}.order-form__toggle input[type=checkbox]:checked:after{transform:translate(18px);background:var(--brand-primary-contrast)}.theme-dark .order-form__toggle input[type=checkbox]{background:var(--bg-surface);border-color:var(--border-medium)}.order-form__leaders-row{display:flex;align-items:center;gap:var(--space-s);flex-wrap:wrap}.order-form__leaders-list{display:flex;flex-wrap:wrap;gap:.375rem;flex:1}.order-form__leader-tag{background:var(--bg-secondary);padding:.25rem .625rem;border-radius:var(--radius-sm);font-size:.85rem;border:1px solid transparent;font-family:inherit}.order-form__leader-tag--clickable{cursor:pointer;transition:background .15s,border-color .15s}.order-form__leader-tag--clickable:hover{background:var(--color-primary-light, #e8f0fe);border-color:var(--color-primary, #1a73e8)}.theme-dark .order-form__leader-tag{background:var(--bg-dark-secondary)}.theme-dark .order-form__leader-tag--clickable:hover{background:var(--bg-dark-hover, #333);border-color:var(--color-primary, #1a73e8)}.order-form__empty{color:var(--text-muted);font-size:.85rem;margin:0}@media(max-width:640px){.order-form__grid,.order-form__grid--spec{grid-template-columns:1fr}}@media(max-width:720px){.order-management__toolbar-row{flex-direction:column;align-items:stretch}.order-management__toolbar-left{width:100%}.order-management__header-actions{width:100%;justify-content:flex-start;margin-left:0;flex-wrap:wrap}.sort-controls{flex:1 1 auto}.sort-controls__select{flex:1}.order-management__code-search-fields{flex-direction:column}.order-management__code-search-select,.order-management__code-search-input,.order-management .btn-sm{width:100%}}.manage-leaders{display:flex;flex-direction:column;gap:var(--space-m)}.manage-leaders__section{display:flex;flex-direction:column;gap:var(--space-xs)}.manage-leaders__section-label{font-weight:600;font-size:.85rem;color:var(--text-secondary)}.manage-leaders__selected-list{display:flex;flex-direction:column;gap:2px}.manage-leaders__selected-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-s);border-radius:var(--radius-sm);font-size:.9rem}.manage-leaders__selected-left{display:flex;align-items:center;gap:var(--space-s);min-width:0}.manage-leaders__reorder-buttons{display:flex;flex-direction:column;gap:1px;flex-shrink:0}.manage-leaders__reorder-btn{display:flex;align-items:center;justify-content:center;width:18px;height:14px;padding:0;border:none;background:none;color:var(--text-muted);font-size:.55rem;cursor:pointer;border-radius:2px;line-height:1;transition:color .15s,background .15s}.manage-leaders__reorder-btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-surface-alt)}.manage-leaders__reorder-btn:disabled{opacity:.25;cursor:default}.manage-leaders__primary-badge{font-size:.7rem;font-weight:600;color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 10%,transparent);padding:1px 6px;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0}.manage-leaders__divider{border-top:1px solid var(--border-light)}.theme-dark .manage-leaders__divider{border-color:var(--border-medium)}.manage-leaders__search{padding:var(--space-xs) var(--space-s);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:.9rem;min-height:40px}.manage-leaders__search:focus{outline:2px solid var(--brand-primary);outline-offset:2px;border-color:var(--brand-primary)}.theme-dark .manage-leaders__search{background:var(--bg-surface-alt);border-color:var(--border-medium)}.manage-leaders__results{display:flex;flex-direction:column;gap:2px;min-height:40px}.manage-leaders__result-item{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-xs) var(--space-s);border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;font:inherit;font-size:.9rem;color:var(--text-primary);text-align:left;transition:background .15s ease;width:100%}.manage-leaders__result-item:hover{background:var(--bg-surface-alt)}.manage-leaders__result-plus{color:var(--status-success);font-weight:700;font-size:1rem}.manage-leaders__result-item--skeleton{pointer-events:none}.manage-leaders__hint{color:var(--text-muted);font-style:italic;font-size:.85rem;padding:var(--space-xs) var(--space-s);margin:0}.manage-leaders__empty{color:var(--text-muted);font-style:italic;padding:var(--space-xs) var(--space-s);margin:0}@media(max-width:720px){.order-detail__group-edit-grid{grid-template-columns:1fr}}.activity-log-table__timestamp{white-space:nowrap;color:var(--text-secondary);font-size:.8125rem}.activity-log-table__user-link{background:none;border:none;padding:0;color:var(--text-primary);font-weight:500;cursor:pointer;text-decoration:none;font-family:inherit;transition:color .12s ease}.activity-log-table__user-link:hover{color:var(--brand-primary);text-decoration:underline}.activity-log-table__actor{font-weight:500}.activity-log-table__actor .activity-log-table__user-link{display:flex;align-items:center;gap:var(--space-s)}.activity-log-table__actor-shortcut{font-weight:600}.activity-log-table__actor-name{color:var(--text-muted);font-size:.8125rem;font-weight:400}.activity-log-table__system{color:var(--text-muted);font-style:italic}.activity-log-table__action{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;white-space:nowrap}.activity-log-table__action--created{background:var(--color-success-light, #dcfce7);color:var(--color-success-dark, #166534)}.activity-log-table__action--deleted{background:var(--color-error-light, #fee2e2);color:var(--color-error-dark, #991b1b)}.activity-log-table__action--restored{background:var(--color-info-light, #dbeafe);color:var(--color-info-dark, #1e40af)}.activity-log-table__action--updated{background:var(--color-warning-light, #fef3c7);color:var(--color-warning-dark, #92400e)}.activity-log-table__target{display:flex;align-items:center;gap:var(--space-s)}.activity-log-table__target-name{color:var(--text-muted);font-size:.8125rem}.activity-log-table__target-order{display:flex;align-items:center;gap:var(--space-s)}.activity-log-table__order-code{font-weight:600;font-size:.8125rem;color:var(--text-secondary);background:var(--bg-secondary, #f3f4f6);padding:1px 6px;border-radius:var(--radius-sm);white-space:nowrap}.theme-dark .activity-log-table__order-code{background:#ffffff1a}.activity-log-table__order-parent{font-size:.8125rem;color:var(--text-secondary);font-weight:500;max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-log-table__order-name{font-weight:500;color:var(--text-primary);max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-dark .activity-log-table__action--created{background:#22c55e33;color:#86efac}.theme-dark .activity-log-table__action--deleted{background:#ef444433;color:#fca5a5}.theme-dark .activity-log-table__action--restored{background:#3b82f633;color:#93c5fd}.theme-dark .activity-log-table__action--updated{background:#f59e0b33;color:#fcd34d}@media(max-width:768px){.activity-log-table__actor .activity-log-table__user-link,.activity-log-table__target{flex-direction:column;align-items:flex-start;gap:2px}.activity-log-table__order-parent,.activity-log-table__order-name{max-width:none;white-space:normal;text-overflow:unset}}.user-search-input{position:relative;width:100%}.user-search-input__label{display:block;font-size:.6875rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.user-search-input__wrapper{position:relative}.user-search-input__input{width:100%;padding:var(--space-xs) var(--space-s);padding-right:28px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:.8125rem;background:var(--bg-surface);color:var(--text-primary);height:32px;box-sizing:border-box}.user-search-input__input::placeholder{color:var(--text-muted)}.user-search-input__input:focus{outline:none;border-color:var(--brand-primary)}.user-search-input__input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-surface-alt)}.user-search-input__loading{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;border:2px solid var(--border-light);border-top-color:var(--brand-primary);border-radius:50%;animation:user-search-spin .6s linear infinite}@keyframes user-search-spin{to{transform:translateY(-50%) rotate(360deg)}}.user-search-input__selected{display:flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-xs) 0 var(--space-s);background:var(--brand-primary-light);border:1px solid var(--brand-primary);border-radius:var(--radius-sm);height:32px;box-sizing:border-box}.user-search-input__selected-text{flex:1;font-size:.8125rem;color:var(--brand-primary-contrast);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-search-input__clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--brand-primary-contrast);font-size:1.125rem;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease;line-height:1;opacity:.7}.user-search-input__clear:hover:not(:disabled){opacity:1;background:#0000001a}.user-search-input__clear:disabled{opacity:.3;cursor:not-allowed}.user-search-input__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;padding:var(--space-xs) 0;list-style:none;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:100;max-height:240px;overflow-y:auto}.theme-dark .user-search-input__dropdown{border-color:var(--border-strong)}.user-search-input__dropdown li{margin:0;padding:0}.user-search-input__option{display:flex;flex-direction:column;width:100%;padding:var(--space-xs) var(--space-s);border:none;background:transparent;text-align:left;cursor:pointer;transition:background .15s ease;gap:2px}.user-search-input__option:hover{background:var(--bg-surface-alt)}.user-search-input__option-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.user-search-input__option-meta{font-size:.75rem;color:var(--text-secondary)}.order-search-input{position:relative;width:100%}.order-search-input__wrapper{position:relative}.order-search-input__input{width:100%;padding:var(--space-xs) var(--space-s);padding-right:28px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:.8125rem;background:var(--bg-surface);color:var(--text-primary);height:32px;box-sizing:border-box}.order-search-input__input::placeholder{color:var(--text-muted)}.order-search-input__input:focus{outline:none;border-color:var(--brand-primary)}.order-search-input__input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-surface-alt)}.order-search-input__loading{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;border:2px solid var(--border-light);border-top-color:var(--brand-primary);border-radius:50%;animation:order-search-spin .6s linear infinite}@keyframes order-search-spin{to{transform:translateY(-50%) rotate(360deg)}}.order-search-input__selected{display:flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-xs) 0 var(--space-s);background:var(--brand-primary-light);border:1px solid var(--brand-primary);border-radius:var(--radius-sm);height:32px;box-sizing:border-box}.order-search-input__selected-text{flex:1;display:flex;align-items:center;gap:var(--space-xs);font-size:.8125rem;color:var(--brand-primary-contrast);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-search-input__selected-code{font-weight:600;opacity:.8}.order-search-input__clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--brand-primary-contrast);font-size:1.125rem;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease;line-height:1;opacity:.7}.order-search-input__clear:hover:not(:disabled){opacity:1;background:#0000001a}.order-search-input__clear:disabled{opacity:.3;cursor:not-allowed}.order-search-input__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;padding:var(--space-xs) 0;list-style:none;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:100;max-height:240px;overflow-y:auto}.theme-dark .order-search-input__dropdown{border-color:var(--border-strong)}.order-search-input__dropdown li{margin:0;padding:0}.order-search-input__option{display:flex;align-items:center;gap:var(--space-s);width:100%;padding:var(--space-xs) var(--space-s);border:none;background:transparent;text-align:left;cursor:pointer;transition:background .15s ease}.order-search-input__option:hover{background:var(--bg-surface-alt)}.order-search-input__option-code{font-size:.8125rem;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary, #f3f4f6);padding:1px 6px;border-radius:var(--radius-sm);white-space:nowrap}.theme-dark .order-search-input__option-code{background:#ffffff1a}.order-search-input__option-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.spec-search-input{position:relative;width:100%}.spec-search-input__wrapper{position:relative}.spec-search-input__input{width:100%;padding:var(--space-xs) var(--space-s);padding-right:28px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:.8125rem;background:var(--bg-surface);color:var(--text-primary);height:32px;box-sizing:border-box}.spec-search-input__input::placeholder{color:var(--text-muted)}.spec-search-input__input:focus{outline:none;border-color:var(--brand-primary)}.spec-search-input__input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-surface-alt)}.spec-search-input__loading{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;border:2px solid var(--border-light);border-top-color:var(--brand-primary);border-radius:50%;animation:spec-search-spin .6s linear infinite}@keyframes spec-search-spin{to{transform:translateY(-50%) rotate(360deg)}}.spec-search-input__selected{display:flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-xs) 0 var(--space-s);background:var(--brand-primary-light);border:1px solid var(--brand-primary);border-radius:var(--radius-sm);height:32px;box-sizing:border-box}.spec-search-input__selected-text{flex:1;display:flex;align-items:center;gap:var(--space-xs);font-size:.8125rem;color:var(--brand-primary-contrast);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spec-search-input__selected-code{font-weight:600;opacity:.8}.spec-search-input__clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--brand-primary-contrast);font-size:1.125rem;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease;line-height:1;opacity:.7}.spec-search-input__clear:hover:not(:disabled){opacity:1;background:#0000001a}.spec-search-input__clear:disabled{opacity:.3;cursor:not-allowed}.spec-search-input__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;padding:var(--space-xs) 0;list-style:none;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:100;max-height:240px;overflow-y:auto}.theme-dark .spec-search-input__dropdown{border-color:var(--border-strong)}.spec-search-input__dropdown li{margin:0;padding:0}.spec-search-input__option{display:flex;align-items:center;gap:var(--space-s);width:100%;padding:var(--space-xs) var(--space-s);border:none;background:transparent;text-align:left;cursor:pointer;transition:background .15s ease}.spec-search-input__option:hover{background:var(--bg-surface-alt)}.spec-search-input__option-code{font-size:.75rem;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary, #f3f4f6);padding:1px 6px;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0}.theme-dark .spec-search-input__option-code{background:#ffffff1a}.spec-search-input__option-details{display:flex;flex-direction:column;gap:1px;min-width:0}.spec-search-input__option-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.spec-search-input__option-order{font-size:.75rem;color:var(--text-secondary)}.activity-log-filters{padding:var(--space-m);display:flex;flex-direction:column;gap:var(--space-m)}.activity-log-filters__row{display:flex;gap:var(--space-l);align-items:flex-start}.activity-log-filters__section{display:flex;flex-direction:column;gap:var(--space-xs)}.activity-log-filters__section--actions{flex:1}.activity-log-filters__section--dates{flex-shrink:0}.activity-log-filters__section--user{flex:1}.activity-log-filters__section--buttons{flex-shrink:0;flex-direction:row;align-items:flex-end;gap:var(--space-s);margin-left:auto}.activity-log-filters__label{font-size:.6875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.activity-log-filters__action-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.activity-log-filters__chip{padding:var(--space-xs) var(--space-s);border:1px solid var(--border-medium);border-radius:16px;background:var(--bg-surface);color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.activity-log-filters__chip:hover:not(:disabled){border-color:var(--brand-primary);color:var(--text-primary);background:var(--brand-primary-light)}.activity-log-filters__chip--active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-primary-contrast);font-weight:500}.activity-log-filters__chip--active:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover);color:var(--brand-primary-contrast)}.activity-log-filters__chip:disabled{opacity:.5;cursor:not-allowed}.activity-log-filters__date-range{display:flex;align-items:center;gap:var(--space-xs)}.activity-log-filters__date-input{padding:var(--space-xs) var(--space-s);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:.8125rem;background:var(--bg-surface);color:var(--text-primary);min-width:130px;height:32px}.activity-log-filters__date-input:focus{outline:none;border-color:var(--brand-primary)}.activity-log-filters__date-input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-surface-alt)}.activity-log-filters__date-separator{color:var(--text-muted);font-size:.875rem}.activity-log-filters__section--search{flex-shrink:0;min-width:180px}.activity-log-filters__search-input{padding:var(--space-xs) var(--space-s);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:.8125rem;background:var(--bg-surface);color:var(--text-primary);height:32px;width:100%}.activity-log-filters__search-input:focus{outline:none;border-color:var(--brand-primary)}.activity-log-filters__search-input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-surface-alt)}.activity-log-filters__user-filter{display:flex;gap:var(--space-s);align-items:stretch}.activity-log-filters__toggle-group{display:flex;border:1px solid var(--border-medium);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.activity-log-filters__toggle{padding:var(--space-xs) var(--space-m);border:none;background:var(--bg-surface);color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.activity-log-filters__toggle:first-child{border-right:1px solid var(--border-medium)}.activity-log-filters__toggle:hover:not(:disabled):not(.activity-log-filters__toggle--active){background:var(--bg-surface-alt);color:var(--text-primary)}.activity-log-filters__toggle--active{background:var(--brand-primary);color:var(--brand-primary-contrast);font-weight:500}.activity-log-filters__toggle:disabled{opacity:.5;cursor:not-allowed}.activity-log-filters__user-search{flex:1;min-width:200px;max-width:300px}@media(max-width:1024px){.activity-log-filters__row{flex-wrap:wrap}.activity-log-filters__section--actions{flex-basis:100%}.activity-log-filters__section--dates{flex:1}.activity-log-filters__section--user{flex-basis:100%}.activity-log-filters__section--buttons{flex-basis:100%;justify-content:flex-end;margin-left:0}}@media(max-width:640px){.activity-log-filters__row{flex-direction:column;gap:var(--space-m)}.activity-log-filters__section--dates{width:100%}.activity-log-filters__date-range{flex-wrap:wrap}.activity-log-filters__date-input{flex:1;min-width:0}.activity-log-filters__user-filter{flex-direction:column}.activity-log-filters__user-search{max-width:none}.activity-log-filters__section--buttons{flex-direction:row;width:100%}.activity-log-filters__section--buttons button{flex:1}}.activity-log-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-m);padding:var(--space-m);border-bottom:1px solid var(--border-medium)}.activity-log-toolbar__actions{display:flex;gap:var(--space-s)}.change-details-modal{padding:var(--space-m)}.change-details-modal__info{margin-bottom:var(--space-m);padding-bottom:var(--space-m);border-bottom:1px solid var(--border-color)}.change-details-modal__info-row{display:flex;gap:var(--space-s);margin-bottom:var(--space-xs)}.change-details-modal__info-label{font-weight:500;color:var(--text-secondary)}.change-details-modal__info-value{color:var(--text-primary)}.change-details-modal__empty{text-align:center;color:var(--text-secondary);padding:var(--space-l)}.change-details-modal__table{width:100%;border-collapse:collapse}.change-details-modal__table th,.change-details-modal__table td{padding:var(--space-s);text-align:left;border-bottom:1px solid var(--border-color)}.change-details-modal__table th{font-weight:600;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-secondary)}.change-details-modal__table td{font-size:.875rem;vertical-align:top}.change-details-modal__field{font-weight:500;color:var(--text-primary);white-space:nowrap;width:1%}.change-details-modal__old-value,.change-details-modal__new-value{word-break:break-word;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.8125rem;padding:var(--space-xs) var(--space-s)!important;border-radius:var(--radius-s);position:relative}.change-details-modal__old-value{color:#991b1b;background:#fef2f2;border-left:3px solid #ef4444}.change-details-modal__new-value{color:#166534;background:#f0fdf4;border-left:3px solid #22c55e}.change-details-modal__value-content{display:block}.change-details-modal__value-empty{font-style:italic;opacity:.7}.change-details-modal__value-array{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.change-details-modal__value-badge{display:inline-block;padding:2px 6px;border-radius:var(--radius-xs);font-size:.75rem;background:#00000014}.theme-dark .change-details-modal__old-value{color:#fecaca;background:#ef444426;border-left-color:#f87171}.theme-dark .change-details-modal__new-value{color:#bbf7d0;background:#22c55e26;border-left-color:#4ade80}.theme-dark .change-details-modal__value-badge{background:#ffffff1a}.activity-log{padding:var(--space-m);max-width:1400px;margin:0 auto}.activity-log__header{margin-bottom:var(--space-l)}.activity-log__header h1{margin:0 0 var(--space-xs) 0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.activity-log__description{margin:0;color:var(--text-secondary);font-size:.875rem}.activity-log__tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-m);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-xs)}.activity-log__tab{padding:var(--space-s) var(--space-m);border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:6px 6px 0 0;transition:background .2s,color .2s;position:relative}.activity-log__tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.activity-log__tab--active{color:var(--color-primary);background:var(--bg-secondary)}.activity-log__tab--active:after{content:"";position:absolute;bottom:calc(-1 * var(--space-xs) - 1px);left:0;right:0;height:2px;background:var(--color-primary)}.activity-log__placeholder{padding:var(--space-xl);text-align:center;color:var(--text-secondary)}.activity-log__placeholder p{margin:0;font-size:.875rem}.activity-log__no-permissions{padding:var(--space-xl);text-align:center}.activity-log__no-permissions-title{margin:0 0 var(--space-s) 0;font-size:1rem;font-weight:500;color:var(--text-primary)}.activity-log__no-permissions-hint{margin:0;font-size:.875rem;color:var(--text-secondary)}.activity-log__user-filter{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);margin-bottom:var(--space-m);background:var(--bg-info);border:1px solid var(--border-info);border-radius:6px;font-size:.875rem}.activity-log__user-filter-label{color:var(--text-secondary)}.activity-log__user-filter-id{font-weight:600;color:var(--text-primary);font-family:monospace;background:var(--bg-secondary);padding:2px 6px;border-radius:4px}.activity-log__user-filter-clear{margin-left:auto;padding:var(--space-xs) var(--space-s);border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;font-size:.75rem;transition:background .2s,color .2s}.activity-log__user-filter-clear:hover{background:var(--bg-secondary);color:var(--text-primary)}@media(max-width:768px){.activity-log{padding:var(--space-s)}.activity-log__tabs{flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.activity-log__user-filter{flex-direction:column;align-items:flex-start}.activity-log__user-filter-clear{margin-left:0;width:100%}}.system-settings{max-width:900px}.system-settings__section{margin-top:var(--space-lg)}.system-settings__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.system-settings__section-title{font-size:1.1rem;font-weight:600}.status-table{width:100%;border-collapse:collapse;font-size:.875rem}.status-table th,.status-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border-light)}.status-table th{font-weight:600;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.status-table__color-cell{width:40px}.status-table__color-swatch{display:inline-block;width:20px;height:20px;border-radius:var(--radius-sm)}.status-table__key{font-family:monospace;font-size:.8rem;color:var(--text-muted)}.status-table__system-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted)}.status-table__actions{display:flex;gap:var(--space-xs);align-items:center}.status-table__order-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;font-size:.75rem;transition:background .12s ease,color .12s ease}.status-table__order-btn:hover{background:var(--bg-surface-alt);color:var(--text-primary)}.status-table__order-btn:disabled{opacity:.3;cursor:not-allowed}.color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-picker__swatch{width:32px;height:32px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:border-color .12s ease,transform .12s ease}.color-picker__swatch:hover{transform:scale(1.1)}.color-picker__swatch--selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-surface),0 0 0 4px var(--text-primary)}.status-form{display:flex;flex-direction:column;gap:var(--space-md)}.status-form__field{display:flex;flex-direction:column;gap:var(--space-xs)}.status-form__label{font-weight:600;font-size:.875rem}.status-form__hint{font-size:.75rem;color:var(--text-muted)}.status-form__input{padding:6px 10px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:.875rem;font-family:inherit}.status-form__input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary-light)}.status-form__input:disabled{opacity:.5;cursor:not-allowed}.status-form__color-label{display:flex;align-items:center;gap:var(--space-sm)}.status-form__preview{margin-top:var(--space-sm)}.status-table-wrap{overflow-x:auto;width:100%}@media(max-width:720px){.system-settings__section-header{flex-direction:column;align-items:flex-start;gap:var(--space-s)}.system-settings__section-header .btn{width:100%}.status-table-wrap{overflow-x:visible}.status-table thead{display:none}.status-table,.status-table tbody,.status-table tr,.status-table td{display:block;width:100%}.status-table tr{border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--space-s);padding:var(--space-s);background:var(--bg-surface)}.theme-dark .status-table tr{border-color:var(--border-medium)}.status-table td{border:none;padding:var(--space-xs) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-s)}.status-table td[data-label]:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);flex:0 0 40%;font-size:.8rem}.status-table__color-cell{width:auto}.status-table__actions{width:100%;justify-content:flex-start}.status-table__actions .btn{flex:1}}.dev-badge{position:fixed;top:0;left:50%;transform:translate(-50%);color:var(--text-inverted);padding:var(--space-xs) var(--space-m);font-size:.75rem;font-weight:600;z-index:9999;border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.dev-badge--local{background-color:var(--info-main)}.dev-badge--dev{background-color:var(--warning-main)}.app-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - var(--navbar-height));padding:var(--space-m);background-color:var(--bg-app)}.loading-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-m);padding:var(--space-m);background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:1rem;color:var(--text-muted)}.error-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-s);padding:var(--space-m);background:var(--error-bg);border:1px solid var(--error-main);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.error-icon{font-size:2rem}.error-title{font-size:1.25rem;font-weight:600;color:var(--error-main)}.error-message{font-size:.9rem;color:var(--text-secondary);text-align:center}.main-card{background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-m);max-width:420px;width:100%;text-align:center;border:1px solid transparent;transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease}.main-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.theme-dark .main-card{border-color:var(--border-light)}.theme-dark .main-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-glow)}.main-title{font-size:1.75rem;font-weight:700;margin-bottom:var(--space-l);color:var(--text-primary)}.success-message,.info-box{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);border-radius:var(--radius-md);font-size:.95rem;font-weight:500}.success-message{background:var(--success-bg);color:var(--success-main)}.info-box{background:var(--info-bg);color:var(--info-main)}.profile{display:flex;flex-direction:column;align-items:center;gap:var(--space-m);padding:var(--space-l);background:var(--bg-surface-alt);border-radius:var(--radius-md);width:100%}.profile-picture{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--brand-primary)}.profile-avatar{width:72px;height:72px;border-radius:50%;background:var(--brand-primary);color:var(--brand-primary-contrast);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;letter-spacing:.05em}.profile-info{text-align:center}.profile-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.profile-email{font-size:.9rem;color:var(--text-muted);margin:0 0 var(--space-s) 0}.profile-roles{display:flex;flex-wrap:wrap;gap:var(--space-s);justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;min-height:40px;gap:var(--space-xs);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;text-decoration:none}.btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.btn:hover{transform:scale(1.02)}.btn-primary{background:var(--brand-primary);color:var(--brand-primary-contrast);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-md);transform:scale(1.02)}.btn-primary:active{background:var(--brand-primary-active);box-shadow:var(--shadow-sm);transform:scale(1)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text-primary);border:1px solid var(--btn-secondary-border);box-shadow:none}.btn-secondary:hover{background:var(--btn-secondary-hover);border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:scale(1.02)}.btn-danger{background:var(--error-main);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover{background:var(--error-hover);box-shadow:var(--shadow-md);transform:scale(1.02)}.btn:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-text);cursor:not-allowed;transform:none;box-shadow:none;opacity:.5}.btn-outline{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-light);box-shadow:none;font-weight:500}.btn-outline:hover{color:var(--brand-primary);border-color:var(--brand-primary)}.theme-dark .btn-outline{background:var(--bg-surface-alt);border-color:var(--border-medium)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none;box-shadow:none;opacity:.7}.btn-ghost:hover{opacity:1;color:var(--brand-primary);background:var(--bg-surface-alt)}.btn-ghost:disabled{opacity:.2}.btn-success{background:var(--bg-surface);color:var(--color-success, #16a34a);border:1px solid var(--color-success, #16a34a);box-shadow:none}.btn-success:hover:not(:disabled){background:var(--color-success, #16a34a);color:#fff}.btn-sm{padding:4px 12px;font-size:.8rem;min-height:auto}.btn-icon{width:26px;height:26px;min-height:auto;padding:0;font-size:.85rem;font-weight:600}.btn-ghost.btn-icon{width:24px;height:24px}.btn-circle{border-radius:999px}.btn-sm:hover,.btn-icon:hover{transform:none}.loading{color:var(--text-muted);font-size:.95rem}:root{--brand-primary: #fabb00;--brand-primary-hover: #e0a800;--brand-primary-active: #c89200;--brand-primary-light: #f5edd6;--brand-primary-contrast: #1a1a1a;--text-primary: #1a1a1a;--text-secondary: #555555;--text-muted: #777777;--text-inverted: #ffffff;--bg-app: #ffffff;--bg-section: #e6e6e6;--bg-surface: #ffffff;--bg-surface-alt: #f2f2f2;--border-light: #d6d6d6;--border-medium: #c9c9c9;--border-strong: #a9a9a9;--success-main: #2e7d32;--success-bg: #e6f4ea;--warning-main: #b26a00;--warning-bg: #fff4e5;--error-main: #c62828;--error-hover: #a52323;--error-bg: #fdecea;--info-main: #1565c0;--info-bg: #e3f2fd;--purple-main: #7b1fa2;--purple-bg: #f3e5f5;--teal-main: #00695c;--teal-bg: #e0f2f1;--pink-main: #c2185b;--pink-bg: #fce4ec;--indigo-main: #283593;--indigo-bg: #e8eaf6;--brown-main: #4e342e;--brown-bg: #efebe9;--link-color: #b26a00;--link-hover: #8f5400;--btn-disabled-bg: #e0e0e0;--btn-disabled-text: #9e9e9e;--btn-secondary-bg: var(--bg-surface);--btn-secondary-hover: var(--bg-surface-alt);--btn-secondary-border: var(--border-medium);--overlay-bg: rgba(255, 255, 255, .9);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--space-xs: 4px;--space-s: 8px;--space-m: 16px;--space-l: 24px;--space-xl: 32px;--space-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--layout-max-width: 1800px;--navbar-height: 72px;--sidebar-width: 260px;--sidebar-width-collapsed: 72px;--sidebar-z-index: 90;--sidebar-overlay-z-index: 89;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.theme-dark{--text-primary: #f2f2f2;--text-secondary: #c9c9c9;--text-muted: #9e9e9e;--text-inverted: #1a1a1a;--bg-app: #121212;--bg-section: #1a1a1a;--bg-surface: #1e1e1e;--bg-surface-alt: #242424;--border-light: #2a2a2a;--border-medium: #333333;--border-strong: #444444;--success-main: #66bb6a;--success-bg: #1b2e1f;--warning-main: #ffb74d;--warning-bg: #2e240f;--error-main: #ef5350;--error-hover: #d32f2f;--error-bg: #2c1616;--info-main: #64b5f6;--info-bg: #16232e;--purple-main: #ce93d8;--purple-bg: #2a1a2e;--teal-main: #4db6ac;--teal-bg: #1a2e2b;--pink-main: #f48fb1;--pink-bg: #2e1a22;--indigo-main: #9fa8da;--indigo-bg: #1a1e2e;--brown-main: #bcaaa4;--brown-bg: #2e2420;--btn-disabled-bg: #2a2a2a;--btn-disabled-text: #777777;--btn-secondary-bg: transparent;--btn-secondary-hover: var(--bg-surface-alt);--overlay-bg: rgba(18, 18, 18, .9);--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-glow: 0 0 15px rgba(250, 187, 0, .2)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-primary);background-color:var(--bg-app);font-size:16px}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.25;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{margin:0}a{color:var(--link-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--link-hover)}button{font-family:inherit;font-size:1rem;cursor:pointer;border:none;outline:none}button:disabled{cursor:not-allowed}input,select,textarea{font:inherit;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-sm)}input,select{height:40px;padding:0 var(--space-s)}textarea{min-height:120px;padding:var(--space-s);resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-primary)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}::selection{background-color:var(--brand-primary-light);color:var(--brand-primary-contrast)}@keyframes spin{to{transform:rotate(360deg)}}.spinner-sm{display:inline-block;width:14px;height:14px;border:2px solid var(--border-light);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}.spinner-md{display:inline-block;width:16px;height:16px;border:2px solid var(--border-light);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-lg{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:520px){input,select,textarea{font-size:16px!important}}.dt-table-wrap{overflow-x:auto;width:100%;border-radius:var(--radius-md);border:1px solid var(--border-light)}.theme-dark .dt-table-wrap{border-color:var(--border-medium)}.dt-table{width:100%;min-width:600px;overflow-x:auto}.dt-table table{width:100%;border-collapse:collapse}.dt-table th{text-align:left;padding:var(--space-s) var(--space-m);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:2px solid var(--border-light);background:var(--bg-surface);position:sticky;top:0;z-index:1}.theme-dark .dt-table th{border-color:var(--border-medium)}.dt-table td{text-align:left;padding:var(--space-s) var(--space-m);border-bottom:1px solid var(--border-light);vertical-align:middle;font-size:.9rem;white-space:nowrap}.theme-dark .dt-table td{border-color:var(--border-medium)}.dt-table tbody tr{transition:background .12s ease}.dt-table tbody tr:nth-child(2n){background:var(--bg-surface-alt)}.dt-table tbody tr:hover{background:color-mix(in srgb,var(--bg-surface-alt) 60%,var(--border-light))}.dt-table tbody tr:last-child td{border-bottom:none}.dt-table--loading table{width:100%;border-collapse:collapse}.dt-skeleton-row td{padding:var(--space-s) var(--space-m)}.dt-status{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;white-space:nowrap}.dt-status--success{background:var(--success-bg);color:var(--success-main)}.dt-status--error{background:var(--error-bg);color:var(--error-main)}.dt-status--purple{background:var(--purple-bg);color:var(--purple-main)}.dt-status--teal{background:var(--teal-bg);color:var(--teal-main)}.dt-status--pink{background:var(--pink-bg);color:var(--pink-main)}.dt-status--indigo{background:var(--indigo-bg);color:var(--indigo-main)}.dt-status--brown{background:var(--brown-bg);color:var(--brown-main)}.dt-status--muted{background:var(--bg-surface-alt);color:var(--text-muted);border:1px solid var(--border-light)}.dt-status--info{background:var(--info-bg, #e3f2fd);color:var(--info-main, #1565c0)}.dt-status--warning{background:var(--warning-bg, #fff3e0);color:var(--warning-main, #e65100)}.dt-user-pill{display:inline-flex;align-items:center;padding:1px 8px;border-radius:var(--radius-sm);background:var(--bg-surface-alt);border:1px solid var(--border-light);font-size:.8rem;font-weight:600;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:background .12s ease,color .12s ease,border-color .12s ease}.dt-user-pill:hover{background:var(--brand-primary-light);color:var(--brand-primary-contrast);border-color:var(--brand-primary)}.theme-dark .dt-user-pill{background:var(--bg-surface-alt);border-color:var(--border-medium);color:var(--text-secondary)}.theme-dark .dt-user-pill:hover{background:color-mix(in srgb,var(--brand-primary) 25%,var(--bg-surface-alt));border-color:var(--brand-primary);color:var(--brand-primary)}.dt-name-link{background:none;border:none;padding:0;cursor:pointer;color:var(--text-primary);font:inherit;font-size:.9rem;text-align:left;text-decoration:underline;text-decoration-color:var(--border-light);text-underline-offset:2px;transition:color .12s ease,text-decoration-color .12s ease;display:inline-block;max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.dt-name-link:hover{color:var(--brand-primary);text-decoration-color:var(--brand-primary)}.dt-inline-link{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--text-primary);text-align:left;text-decoration:underline;text-decoration-color:var(--border-light);text-underline-offset:2px;transition:color .12s ease,text-decoration-color .12s ease}.dt-inline-link:hover{color:var(--brand-primary-active);text-decoration-color:var(--brand-primary-active)}.dt-empty-cell{color:var(--text-muted)}.dt-row--dimmed{opacity:.5}.dt-row--dimmed:hover{opacity:.7}.dt-inline-edit{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.dt-inline-edit input,.dt-inline-edit select,.dt-inline-edit textarea{width:100%;min-width:200px;padding:6px 8px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:.875rem;font-family:inherit;outline:none;transition:border-color .15s ease}.dt-inline-edit textarea{resize:vertical}.dt-inline-edit input:focus,.dt-inline-edit select:focus,.dt-inline-edit textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-primary) 20%,transparent)}.dt-inline-edit input:disabled,.dt-inline-edit select:disabled,.dt-inline-edit textarea:disabled{opacity:.6;cursor:not-allowed}.dt-edit-actions{display:flex;gap:var(--space-xs);align-items:center}.dt-field-error{color:var(--error-main);font-size:.8rem}.dt-modal-skeleton{display:flex;flex-direction:column;gap:var(--space-l);padding:var(--space-m)}.dt-modal-skeleton__section{display:flex;flex-direction:column;gap:var(--space-s)}.dt-modal-skeleton__row{display:grid;grid-template-columns:minmax(140px,auto) 1fr;gap:var(--space-s);align-items:center}.dt-modal-skeleton__pills{display:flex;flex-wrap:wrap;gap:6px}@media(max-width:720px){.dt-modal-skeleton__row{grid-template-columns:1fr}}.dt-modal-error{display:grid;gap:var(--space-s);padding:var(--space-m)}.dt-modal-error__message{color:var(--error-main);font-size:.85rem}.dt-modal-error__hint{color:var(--text-muted);font-size:.8rem;background:var(--bg-surface-alt);padding:var(--space-xs) var(--space-s);border-radius:var(--radius-sm)}.dt-detail-section{display:flex;flex-direction:column;gap:var(--space-s)}.dt-detail-section h3{margin:0;font-size:1rem;font-weight:600;padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-light)}.dt-detail-section-header{display:flex;align-items:center;gap:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-light)}.dt-detail-section-header h3{margin:0;font-size:1rem;font-weight:600;padding-bottom:0;border-bottom:none;flex:1}.dt-detail-fields{display:grid;grid-template-columns:minmax(140px,auto) 1fr;column-gap:var(--space-l);align-items:baseline;border-radius:var(--radius-sm)}.dt-detail-fields dt{font-weight:700;color:var(--text-secondary);font-size:.9rem;padding:var(--space-xs) var(--space-s)}.dt-detail-fields dd{margin:0;font-size:.9rem;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);min-height:28px;padding:var(--space-xs) var(--space-s);min-width:0}.dt-detail-fields dd>.btn{flex-shrink:0}.dt-detail-fields dt:nth-of-type(odd),.dt-detail-fields dd:nth-of-type(odd){background:var(--bg-surface-alt)}@media(max-width:720px){.dt-detail-fields{grid-template-columns:1fr}.dt-detail-fields dt{padding-bottom:0}.dt-detail-fields dd{padding-top:0}}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);flex-wrap:wrap}.dt-toolbar-loading{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:.9rem}.dt-error-banner{margin-bottom:var(--space-m)}.dt-code-pill{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);background:var(--bg-surface-alt);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;border:1px solid var(--border-light);cursor:pointer;transition:border-color .12s ease,background .12s ease}.dt-code-pill:hover{border-color:var(--brand-primary);background:var(--brand-primary-light)}.dt-code-pill:active{transform:scale(.97)}.theme-dark .dt-code-pill{background:var(--bg-surface-alt);border-color:var(--border-medium)}.dt-status-select{display:inline-flex;align-items:center;padding:0 20px 0 10px;height:22px;line-height:1;box-sizing:border-box;font-size:.8rem;font-weight:600;border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='currentColor'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.dt-status-select--active,.dt-status-select--info{background:var(--info-bg, #e3f2fd);color:var(--info-main, #1565c0);border:1px solid var(--info-main, #1565c0)}.dt-status-select--completed,.dt-status-select--success{background:var(--success-bg);color:var(--success-main);border:1px solid var(--success-main)}.dt-status-select--closed,.dt-status-select--muted{background:var(--bg-surface-alt);color:var(--text-muted);border:1px solid var(--border-light)}.dt-status-select--warning{background:var(--warning-bg);color:var(--warning-main);border:1px solid var(--warning-main)}.dt-status-select--error{background:var(--error-bg);color:var(--error-main);border:1px solid var(--error-main)}.dt-status-select--purple{background:var(--purple-bg);color:var(--purple-main);border:1px solid var(--purple-main)}.dt-status-select--teal{background:var(--teal-bg);color:var(--teal-main);border:1px solid var(--teal-main)}.dt-status-select--pink{background:var(--pink-bg);color:var(--pink-main);border:1px solid var(--pink-main)}.dt-status-select--indigo{background:var(--indigo-bg);color:var(--indigo-main);border:1px solid var(--indigo-main)}.dt-status-select--brown{background:var(--brown-bg);color:var(--brown-main);border:1px solid var(--brown-main)}.dt-status-select--loading{opacity:.5;cursor:wait}.dt-table-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}.dt-empty-row{text-align:center!important;color:var(--text-muted);padding:var(--space-m)!important}@media(max-width:1024px){.dt-hide-tablet{display:none!important}}@media(max-width:720px){.dt-hide-mobile{display:none!important}}.dt-badge{display:inline-block;font-size:.75rem;font-weight:500;padding:.1em .5em;border-radius:var(--radius-sm);line-height:1.4}.dt-badge--muted{background:var(--bg-surface-alt);color:var(--text-muted)}.dt-badge--success{background:var(--success-bg, #e6f4ea);color:var(--success-main, #1e7e34)}.dt-badge--danger{background:var(--error-bg, #fde8e8);color:var(--error-main, #e53e3e)}.dt-modal-actions{display:flex;gap:var(--space-s);justify-content:flex-end;padding-top:var(--space-s);border-top:1px solid var(--border-light)}@media(max-width:720px){.dt-modal-actions--responsive{flex-direction:column;align-items:stretch}.dt-modal-actions--responsive .btn{width:100%}.dt-inline-edit input,.dt-inline-edit select,.dt-inline-edit textarea{min-width:0}.page-header{flex-direction:column;align-items:flex-start}.page-header .btn{width:100%}}@media(max-width:1024px){.dt-table--responsive{min-width:0}.dt-table--responsive table thead{display:none}.dt-table--responsive table,.dt-table--responsive tbody,.dt-table--responsive tr,.dt-table--responsive td{display:block;width:100%}.dt-table--responsive tbody tr{border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--space-s);padding:var(--space-s);background:var(--bg-surface)}.theme-dark .dt-table--responsive tbody tr{border-color:var(--border-medium)}.dt-table--responsive tbody tr:nth-child(2n){background:var(--bg-surface)}.dt-table--responsive td{border:none;padding:var(--space-xs) var(--space-xs);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-s);white-space:normal}.dt-table--responsive td:nth-child(2n){background:var(--bg-surface-alt);border-radius:var(--radius-sm)}.dt-table--responsive td[data-label]:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);flex:0 0 40%;font-size:.85rem}.dt-table--responsive .dt-table-actions{justify-content:flex-start;width:100%}.dt-table--responsive .dt-table-actions .btn{flex:1}.dt-table--responsive .dt-name-link{max-width:none;white-space:normal;text-overflow:unset}}@media(max-width:520px){.dt-table--responsive td{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.dt-table--responsive td[data-label]:before{flex:none;text-transform:uppercase;letter-spacing:.03em}.dt-table--responsive tbody tr{padding:var(--space-s);box-shadow:var(--shadow-sm)}.dt-table--responsive .dt-table-actions .btn{width:100%}}