:root{color-scheme:light;--color-primary:#007577;--color-primary-hover:#00686A;--color-primary-active:#004F50;--color-primary-80:#00686A;--color-primary-60:#66AEB0;--color-primary-40:#99C9CA;--color-primary-20:#CCE4E5;--color-primary-10:#EEF8F7;--color-primary-subtle:#EEF8F7;--color-accent:#FACA30;--color-accent-80:#FBDD6C;--color-accent-60:#FCE691;--color-accent-40:#FDEEB5;--color-black:#000000;--color-gray-80:var(--text-muted);--color-gray-60:var(--text-muted);--color-gray-40:var(--border-strong);--color-gray-20:var(--border-default);--color-gray-10:var(--surface-subtle);--color-white:#FFFFFF;--color-success:#15803D;--color-success-bg:#DCFCE7;--color-warning:#FACA30;--color-warning-bg:#FFF1B8;--color-danger:#B91C1C;--color-danger-bg:#FEE2E2;--color-danger-strong:#7f1d1d;--color-info:#00686A;--color-info-bg:#DDEFEF;--surface-page:#F7FAF8;--surface-background:#F7FAF8;--surface-card:#FFFFFF;--surface-raised:#FFFFFF;--surface-subtle:#F1F5F3;--surface-header:#007577;--surface-sidebar:#FFFFFF;--surface-sidebar-active:#EEF8F7;--surface-dark:#1A1A1A;--surface-overlay:rgba(17,24,39,.48);--border-subtle:#E5EBE9;--border-default:#D7DEDC;--border-strong:#A9B7B3;--text-strong:#111827;--text-primary:#111827;--text-default:#374151;--text-muted:#6B7280;--text-secondary:#6B7280;--text-disabled:#9CA3AF;--text-on-primary:#FFFFFF;--text-inverse:#FFFFFF;--text-on-dark:#FFFFFF;--text-link:#007577;--text-link-hover:#00686A;--text-danger:#B91C1C;--text-warning:#92400E;--font-family:"Montserrat",sans-serif;--font-medium:500;--font-semibold:600;--font-bold:700;--font-black:900;--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--shadow-xs:0 1px 2px rgba(17,24,39,.05);--shadow-sm:0 2px 6px rgba(17,24,39,.07);--shadow-md:0 8px 20px rgba(17,24,39,.10);--shadow-lg:0 18px 44px rgba(17,24,39,.16);--shadow-teal:0 4px 16px rgba(0,117,119,0.25);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--sidebar-w:240px;--sidebar-w-collapsed:64px;--header-h:64px;--content-max-w:1440px}[data-theme=dark]{color-scheme:dark;--color-primary:#2AA6A8;--color-primary-hover:#4DBBBC;--color-primary-active:#7ABDBE;--color-primary-10:rgba(42,166,168,.14);--color-primary-subtle:rgba(42,166,168,.14);--surface-page:#111827;--surface-background:#111827;--surface-card:#18212B;--surface-raised:#202A35;--surface-subtle:#151D26;--surface-header:#0E4F50;--surface-sidebar:#151D26;--surface-sidebar-active:rgba(42,166,168,.14);--border-subtle:#253241;--border-default:#344253;--border-strong:#526173;--text-strong:#F9FAFB;--text-primary:#F9FAFB;--text-default:#E5E7EB;--text-muted:#AEB7C2;--text-secondary:#AEB7C2;--text-disabled:#6B7280}*{box-sizing:border-box}[role=button],[role=menuitem],[role=menuitemradio],a,button,input,select,textarea{touch-action:manipulation}body,html{margin:0;min-height:100%;background:var(--surface-background);color:var(--text-default);font-family:var(--font-family);font-size:14px;font-weight:var(--font-medium);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,p{margin:0}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em}a{color:var(--text-link);text-decoration:none;transition:color .15s ease-out}a:hover{color:var(--text-link-hover)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.layout-root{display:flex}.layout-root,.shell{min-height:100vh;min-height:100dvh}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:32px 0}.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--border-default)}.topbar h1{color:var(--text-strong);font-size:clamp(24px,3vw,34px);line-height:1.2;font-weight:var(--font-bold)}.eyebrow{color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.eyebrow,.status{font-size:12px;font-weight:var(--font-semibold)}.status{flex-shrink:0;display:inline-flex;align-items:center;min-height:32px;padding:5px 10px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.panel{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs)}.panel h2{color:var(--text-strong);font-size:16px;font-weight:var(--font-semibold);margin-bottom:8px}.panel p{color:var(--text-muted);font-size:13px;line-height:1.7}.sidebar{width:var(--sidebar-w);background:var(--surface-sidebar);color:var(--text-default);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--color-gray-20);position:relative;z-index:1}.sidebar:after{content:"";position:absolute;top:0;right:-1px;width:1px;height:100%;background:linear-gradient(to bottom,transparent 0,var(--border-default) 15%,var(--border-default) 85%,transparent 100%);opacity:.6}.sidebar-logo{padding:18px 20px;font-size:16px;font-weight:var(--font-bold);color:var(--text-primary);border-bottom:1px solid var(--color-gray-20);display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,var(--surface-card) 0,var(--surface-sidebar) 100%);letter-spacing:-.01em}.sidebar-logo-icon{width:32px;height:32px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-active) 100%);color:var(--text-on-primary);flex-shrink:0;box-shadow:0 2px 8px rgba(0,117,119,.2)}.sidebar-logo img{height:28px;width:auto}.sidebar-nav{flex:1 1;padding:16px 0 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden;min-height:0}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:var(--font-medium);color:var(--text-default);transition:color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out,transform .15s ease-out;border-left:3px solid transparent;text-decoration:none;position:relative}.sidebar-link:hover{background:var(--color-primary-10)}.sidebar-link.active,.sidebar-link:hover,.sidebar-link:hover .icon{color:var(--color-primary)}.sidebar-link.active{background:var(--surface-sidebar-active);font-weight:var(--font-semibold);border-left-color:var(--color-primary)}.sidebar-link.active:before{content:"";position:absolute;left:-3px;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-primary);border-radius:0 2px 2px 0;box-shadow:0 0 8px rgba(0,117,119,.4)}.sidebar-link .icon{color:var(--text-secondary);width:20px;text-align:center}.sidebar-link.active .icon{color:var(--color-primary)}.header{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:var(--header-h);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);color:var(--text-on-primary);border-bottom:none;position:relative}.header:before{top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 50%,transparent)}.header:after,.header:before{content:"";position:absolute;left:0;right:0}.header:after{bottom:-8px;height:8px;background:linear-gradient(180deg,rgba(17,24,39,.08) 0,transparent);pointer-events:none;z-index:-1}.header-left{gap:12px;font-weight:var(--font-semibold);font-size:15px;min-width:0}.header-left,.header-right{display:flex;align-items:center}.header-right{gap:16px}.header-user{font-size:13px;color:rgba(255,255,255,.9);font-weight:var(--font-medium);padding:6px 12px;background:rgba(255,255,255,.1);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.15);display:inline-flex;align-items:center;gap:6px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-user:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-accent);flex-shrink:0;box-shadow:0 0 6px rgba(250,202,48,.5)}.header .btn-ghost{color:var(--text-on-primary);border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.08);transition:background .15s ease-out,border-color .15s ease-out,transform .15s ease-out}.header .btn-ghost:hover{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.45)!important;transform:translateY(-1px);color:var(--text-on-primary)!important}.header .btn-ghost:active{transform:translateY(0) scale(.98);background:rgba(255,255,255,.25)!important;color:var(--text-on-primary)!important}.main-area{flex:1 1;display:flex;flex-direction:column;min-width:0}.main-content{flex:1 1;padding:28px 32px;overflow-y:auto}.card{background:var(--surface-card);border:1px solid var(--color-gray-20);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.card h2{font-size:16px;font-weight:var(--font-semibold);color:var(--text-default);margin-bottom:12px}.card-body{font-size:14px;color:var(--text-secondary);line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-family);font-size:14px;font-weight:var(--font-bold);border:none;cursor:pointer;transition:color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out,transform .15s ease-out;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--color-primary);color:var(--text-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-teal);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:var(--color-primary-active);transform:translateY(0) scale(.98)}.btn-secondary{background:transparent;border:1.5px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-10)}.btn-danger{background:var(--color-danger);color:var(--text-on-primary)}.btn-danger:hover:not(:disabled){background:#991B1B}.btn-danger-strong{background:var(--color-danger-strong)}.btn-danger-strong:hover:not(:disabled){background:var(--color-danger-strong);filter:brightness(.9)}.btn-warning{background:var(--color-accent);color:var(--color-black)}.btn-warning:hover:not(:disabled){background:var(--color-accent-80)}.btn-ghost{background:transparent;border:1px solid var(--color-gray-20);color:var(--text-default)}.btn-ghost:hover:not(:disabled){background:var(--surface-background)}.btn-outline{background:transparent;border:1px solid var(--color-gray-20);color:var(--text-default)}.btn-outline:hover:not(:disabled){background:var(--surface-background)}.btn-sm{min-height:36px;padding:4px 12px;font-size:13px;font-weight:var(--font-semibold)}.btn-xs{min-height:32px;padding:4px 10px;font-size:12px}.btn-block{width:100%;justify-content:center}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:var(--font-semibold);margin-bottom:6px}.form-input,.form-label{color:var(--text-default)}.form-input{width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--border-default);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:14px;font-weight:var(--font-medium);background:var(--surface-card);outline:none;transition:border-color .15s ease-out,box-shadow .15s ease-out;box-sizing:border-box}.form-input::placeholder{color:var(--text-disabled)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,117,119,.15)}.form-input:disabled{background:var(--surface-background);color:var(--text-disabled);cursor:not-allowed}.form-input.error{border-color:var(--color-danger)}.form-select,select.form-input{width:100%;padding:8px 10px;border:1px solid var(--color-gray-20);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-default);font-family:var(--font-family);font-size:14px;font-weight:var(--font-medium)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.form-hint{color:var(--text-secondary);font-size:12px;margin-top:2px}textarea.form-input{min-height:72px;resize:vertical;font-family:var(--font-family)}.table-wrap{background:var(--surface-card);border:1px solid var(--color-gray-20);border-radius:var(--radius-lg);overflow-x:auto;overflow-y:hidden}table{width:100%;min-width:720px;border-collapse:collapse}td,th{text-align:left;padding:12px 16px;font-size:13px;border-bottom:1px solid var(--color-gray-20)}th{background:var(--surface-subtle);color:var(--text-muted);font-weight:var(--font-semibold);font-size:12px;text-transform:uppercase;letter-spacing:.02em}tbody tr:nth-child(2n){background:color-mix(in srgb,var(--surface-subtle) 58%,transparent)}tbody tr:hover{background:var(--color-primary-subtle)}tr:last-child td{border-bottom:none}.row-selected td{background:var(--color-primary-subtle)}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:var(--font-semibold);font-family:var(--font-family)}.badge-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.badge-active{background:var(--color-primary-10);color:var(--color-primary)}.badge-active .badge-dot{background:var(--color-primary)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-success .badge-dot{background:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--text-warning)}.badge-warning .badge-dot{background:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-danger .badge-dot{background:var(--color-danger)}.badge-muted{background:var(--color-gray-10);color:var(--text-secondary)}.badge-muted .badge-dot{background:var(--color-gray-40)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-info .badge-dot{background:var(--color-info)}.badge-ok{color:var(--color-success)}.badge-ok .badge-dot{background:var(--color-success)}.badge-error{color:var(--color-danger)}.badge-error .badge-dot{background:var(--color-danger)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:100;overflow-y:auto}.modal{background:var(--surface-card);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.modal-lg{max-width:780px}.modal-header{padding:18px 22px;border-bottom:1px solid var(--color-gray-20);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title{font-size:17px;font-weight:var(--font-bold)}.modal-body{padding:22px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1 1 auto;min-height:0}.modal-footer{padding:16px 22px;border-top:1px solid var(--color-gray-20);display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.modal-close{background:none;border:none;font-size:22px;color:var(--text-secondary);cursor:pointer;line-height:1;padding:4px}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:100;display:flex;justify-content:flex-end}.drawer{background:var(--surface-card);width:100%;max-width:560px;height:100%;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:drawerSlideIn .2s ease-out}.drawer-lg{max-width:760px}.drawer-header{padding:18px 22px;border-bottom:1px solid var(--color-gray-20);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.drawer-title{font-size:17px;font-weight:var(--font-bold)}.drawer-body{padding:22px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1 1}.drawer-footer{padding:16px 22px;border-top:1px solid var(--color-gray-20);display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.drawer-close{background:none;border:none;font-size:22px;color:var(--text-secondary);cursor:pointer;line-height:1;padding:4px}@keyframes drawerSlideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (max-width:640px){.drawer{max-width:100%}}.toast-container{position:fixed;top:16px;right:16px;z-index:1000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;padding:12px 20px;border-radius:var(--radius-lg);font-size:13px;font-weight:var(--font-medium);box-shadow:var(--shadow-lg);animation:toastIn .3s ease-out;max-width:380px}.toast-success{background:var(--color-success-bg);color:var(--color-success);border-left:4px solid var(--color-success)}.toast-error{background:var(--color-danger-bg);color:var(--color-danger);border-left:4px solid var(--color-danger)}@keyframes toastIn{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:stretch;background:var(--surface-background);padding:0}.login-card{background:var(--surface-card);border:1px solid var(--color-gray-20);border-radius:var(--radius-xl);padding:48px 40px;width:100%;max-width:420px;box-shadow:var(--shadow-md)}.login-header{margin-bottom:32px;text-align:center}.login-eyebrow{font-size:12px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:4px}.login-title{font-size:24px;font-weight:var(--font-bold);color:var(--text-primary);margin:0}.error-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:var(--surface-background);padding:24px;text-align:center}.error-code{font-size:72px;font-weight:var(--font-black);color:var(--color-primary);line-height:1}.error-title{font-size:20px;font-weight:var(--font-semibold);color:var(--text-primary)}.error-desc{color:var(--text-secondary);max-width:400px}.skeleton{background:linear-gradient(90deg,var(--color-gray-20) 25%,var(--color-gray-10) 50%,var(--color-gray-20) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-h{height:16px}.skeleton-w25{width:25%}.skeleton-w50{width:50%}.skeleton-w75{width:75%}.skeleton-card{height:120px;border-radius:var(--radius-lg)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.inline-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--color-gray-20);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-gray-20);margin-bottom:20px;flex-wrap:wrap}.tab{background:none;padding:10px 16px;font-size:14px;font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out,transform .15s ease-out}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-semibold)}.split-layout{display:grid;grid-template-columns:280px 1fr;grid-gap:20px;gap:20px;align-items:start}.split-side{padding:16px}.split-main{min-width:0}@media (max-width:900px){.split-layout{grid-template-columns:1fr}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.page-title{font-size:22px;font-weight:var(--font-bold);color:var(--text-primary);margin:0}.page-sub{color:var(--text-secondary);font-size:13px;margin-top:2px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px 24px;gap:12px 24px;padding:8px 0}.detail-grid>div{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:12px;color:var(--text-secondary);font-weight:var(--font-medium)}@media (max-width:640px){.detail-grid{grid-template-columns:1fr}}.tree{padding:0}.tree,.tree ul{list-style:none;margin:0}.tree ul{padding-left:22px;border-left:1px dashed var(--color-gray-20)}.tree-node{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:var(--radius-lg);margin:2px 0}.tree-node:hover{background:var(--surface-background)}.tree-name{font-weight:var(--font-medium)}.tree-meta{color:var(--text-secondary);font-size:12px;margin-left:8px;font-weight:400}.tree-active{color:var(--color-primary);font-weight:var(--font-semibold)}.tree-select{position:relative}.tree-select-trigger{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--color-gray-20);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-default);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left;font-family:var(--font-family)}.tree-select-trigger:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-background)}.tree-select-chevron,.tree-select-placeholder{color:var(--text-secondary)}.tree-select-chevron{font-size:10px;flex-shrink:0}.tree-select-menu{position:absolute;z-index:70;top:calc(100% + 4px);left:0;right:0;background:var(--surface-card);border:1px solid var(--color-gray-20);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:8px}.tree-select-search{margin-bottom:6px}.tree-select-options{max-height:260px;overflow-y:auto;display:flex;flex-direction:column}.tree-select-row{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:stretch}.tree-select-toggle{border:0;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-bold);font-family:var(--font-family)}.tree-select-toggle:hover:not(:disabled){background:var(--surface-background);color:var(--text-default)}.tree-select-toggle:disabled{cursor:default;opacity:.35}.tree-select-option{width:100%;border:0;background:transparent;color:var(--text-default);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:var(--font-family)}.tree-select-option:hover{background:var(--surface-background)}.tree-select-option.selected{background:var(--color-primary-10);color:var(--color-primary);font-weight:var(--font-semibold)}.tree-select-code{color:var(--text-secondary);font-size:12px;font-weight:400}.tree-select-empty{padding:14px 10px;color:var(--text-secondary);text-align:center;font-size:13px}.perm-groups{display:flex;flex-direction:column;gap:16px;max-height:50vh;overflow-y:auto}.perm-group-title{font-weight:var(--font-semibold);font-size:13px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;letter-spacing:.03em}.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:6px;gap:6px}.check-item{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;padding:4px 6px;border-radius:var(--radius-md)}.check-item:hover{background:var(--surface-background)}.part-editor{max-height:calc(100vh - 120px);overflow-y:auto}.part-rows{display:flex;flex-direction:column;gap:12px}.part-row{border:1px solid var(--color-gray-20);border-radius:var(--radius-lg);padding:12px;background:var(--surface-card)}.part-row-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.part-flags{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:4px 8px;gap:4px 8px}.empty-state{text-align:center;color:var(--text-secondary);padding:40px 20px}.row-actions{display:flex;gap:6px;justify-content:flex-end}.select{border:1px solid var(--color-gray-20);background:var(--surface-card);color:var(--text-default);border-radius:var(--radius-lg);padding:6px 8px;font-size:13px;font-family:var(--font-family)}.select-xs{min-height:30px}.relative{position:relative}.absolute{position:absolute}.top-full{top:100%}.left-0{left:0}.z-50{z-index:50}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.my-2{margin-top:8px;margin-bottom:8px}.w-full{width:100%}.w-4{width:16px}.w-72{width:288px}.w-auto{width:auto}.max-w-\[200px\]{max-width:200px}.min-w-\[130px\]{min-width:130px}.max-h-80{max-height:320px}.overflow-y-auto{overflow-y:auto}.flex{display:flex}.hidden{display:none}.items-center{align-items:center}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2{gap:8px}.shrink-0{flex-shrink:0}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.border{border:1px solid var(--color-gray-20)}.border-t{border-top:1px solid var(--color-gray-20)}.bg-white{background:var(--surface-card)}.bg-gray-100,.hover\:bg-gray-100:hover{background:var(--surface-background)}.bg-blue-50{background:var(--color-primary-10)}.hover\:bg-base-200:hover{background:var(--surface-background)}.bg-primary\/10{background:var(--color-primary-10)}.text-blue-600,.text-primary{color:var(--color-primary)}.text-gray-400,.text-gray-500{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-base-content,.text-gray-700{color:var(--text-default)}.text-left{text-align:left}.text-xs{font-size:12px}.text-sm{font-size:13px}.font-medium{font-weight:var(--font-medium)}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.py-1\.5{padding-top:6px;padding-bottom:6px}.py-2{padding-top:8px;padding-bottom:8px}.shadow-xl{box-shadow:var(--shadow-lg)}.opacity-40{opacity:.4}.transition-colors{transition:color .15s ease-out,background .15s ease-out,border-color .15s ease-out}.cell-link-strong,.cell-strong{font-weight:var(--font-semibold)}.cell-link-strong{cursor:pointer;color:var(--text-strong)}.detail-actions,.full-span{grid-column:1/-1}.detail-actions{margin-top:8px}.qr-token{-webkit-user-select:all;-moz-user-select:all;user-select:all;word-break:break-all}.qr-display{display:flex;flex-direction:column;align-items:center;gap:var(--space-3,12px);padding:var(--space-4,16px) 0}.qr-display-canvas{padding:12px;background:#fff;border-radius:var(--radius-md,8px);border:1px solid var(--border-default)}.qr-display-label{font-weight:600;color:var(--text-strong);text-align:center}.perm-group-heading,.qr-display-actions{display:flex;gap:8px}.perm-group-heading{justify-content:space-between;align-items:center}.tree-filter-name{cursor:pointer}.select-filter{width:220px;max-width:100%}.count-input{max-width:160px}.shell-loading{display:flex;align-items:center;justify-content:center}.shell-loading-stack{display:flex;flex-direction:column;gap:12px;width:60%;max-width:400px}.skeleton-title-offset{margin-bottom:24px}.sidebar-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.13);color:var(--text-on-primary);cursor:pointer;transition:background .15s ease-out,border-color .15s ease-out}.sidebar-toggle:hover{background:rgba(255,255,255,.19);border-color:rgba(255,255,255,.46)}.sidebar-close,.sidebar-overlay{display:none}@media (max-width:768px){.sidebar-toggle{display:inline-flex}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:190}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);max-width:82vw;height:100vh;height:100dvh;max-height:none;transform:translateX(-100%);transition:transform .22s ease-out;z-index:200;box-shadow:none}.sidebar.sidebar-open{transform:translateX(0);box-shadow:var(--shadow-lg)}.sidebar-logo{justify-content:flex-start}.sidebar-close{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px}.sidebar-link span{display:inline}.sidebar-section{display:block}.sidebar-link{justify-content:flex-start;padding:10px 20px}.main-content{padding:20px 16px}.header{padding:8px 12px;height:auto;min-height:var(--header-h);align-items:flex-start;gap:8px;flex-wrap:wrap}.header-left,.header-right{width:100%;flex-wrap:wrap}.header-right{justify-content:flex-end}.header-user{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr}.form-input,.form-select,.select,body .form-field input:not([type=checkbox]),body .form-field select,body .form-field textarea,body .header-company-search input,input,select,select.form-input,textarea,textarea.form-input{font-size:16px}}@media (max-width:1180px){.catalog-workspace,.catalog-workspace-wide{grid-template-columns:1fr}.inline-editor{position:static}.part-editor{max-height:none}}@media (min-width:640px){.sm\:inline{display:inline}}.catalog-workspace{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;align-items:start}.catalog-workspace-wide{grid-template-columns:1fr}.catalog-list-panel{min-width:0}.catalog-workspace>.inline-editor{display:none}.inline-editor{background:var(--surface-card);border:1px solid var(--color-gray-20);border-radius:var(--radius-lg);padding:18px;min-width:0;position:-webkit-sticky;position:sticky;top:12px}.template-page-editor{max-width:1180px;margin:0 auto;position:relative;top:auto}.inline-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.inline-editor-header h2{font-size:16px;line-height:1.3}.inline-editor-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:14px;border-top:1px solid var(--color-gray-20);margin-top:16px}.layout-root{background:var(--surface-page)}.sidebar{border-right-color:var(--border-default);box-shadow:1px 0 0 rgba(17,24,39,.02),4px 0 16px rgba(17,24,39,.03);max-height:100vh;overflow:hidden}.sidebar-logo{border-bottom-color:var(--border-subtle);min-height:var(--header-h)}.sidebar-link{min-height:40px;border-radius:0 var(--radius-md) var(--radius-md) 0;margin-right:8px}.sidebar-link:hover .icon{transform:scale(1.05)}.sidebar-section{padding:20px 20px 6px;font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);opacity:.7}.header{min-height:var(--header-h);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 4px 20px rgba(17,24,39,.12);position:-webkit-sticky;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-left,.header-right{display:flex;align-items:center;min-width:0}.header-left{gap:8px;flex:1 1}.header-right{gap:8px;flex-shrink:0}.header-filter,.header-tree{position:relative;min-width:0}.header-filter{display:flex;align-items:center;gap:8px}.header-filter-label,.header-filter-status{font-size:12px;color:rgba(255,255,255,.78);white-space:nowrap}.header-filter-status{padding:0 8px;font-size:13px}.header-company{position:relative;min-width:0}.header-company-trigger{width:min(280px,34vw);min-height:42px;display:grid;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;grid-gap:8px;gap:8px;padding:5px 10px 5px 7px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);background:rgba(255,255,255,.13);color:var(--text-on-primary);font-family:var(--font-family);cursor:pointer;transition:background .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out}.header-company-trigger.open,.header-company-trigger:hover{background:rgba(255,255,255,.19);border-color:rgba(255,255,255,.46)}.header-company-trigger:focus-visible{outline:2px solid rgba(255,255,255,.86);outline-offset:2px}.header-company-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:rgba(255,255,255,.16);color:var(--text-on-primary)}.header-company-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.18}.header-company-name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-on-primary);font-size:13px;font-weight:var(--font-semibold)}.header-company-chevron{opacity:.78;transition:transform .15s ease-out}.header-company-trigger.open .header-company-chevron{transform:rotate(180deg)}.header-company-menu{position:absolute;top:calc(100% + 8px);left:0;width:min(380px,calc(100vw - 32px));max-height:min(430px,calc(100vh - 96px));overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:8px;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:90}.header-company-search{min-height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-muted)}.header-company-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text-default);font-family:var(--font-family);font-size:13px}.header-company-search input::placeholder{color:var(--text-disabled)}.header-company-list{min-height:0;max-height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.header-company-option{width:100%;min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;grid-gap:8px;gap:8px;padding:8px 10px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-default);font-family:var(--font-family);cursor:pointer;text-align:left;transition:background .15s ease-out,color .15s ease-out}.header-company-option:hover{background:var(--surface-subtle)}.header-company-option.selected{background:var(--color-primary-subtle);color:var(--color-primary)}.header-company-option-main{min-width:0;display:flex;flex-direction:column;gap:1px}.header-company-option-name{font-size:13px;font-weight:var(--font-semibold)}.header-company-option-code,.header-company-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-company-option-code{color:var(--text-muted);font-size:11px;font-weight:var(--font-medium)}.header-company-empty,.header-company-status{padding:14px 10px;color:var(--text-muted);text-align:center;font-size:13px}.header-company-status{padding:0 8px;color:rgba(255,255,255,.78);white-space:nowrap}.header-company-status.error{color:var(--color-warning-bg)}.header-tree-trigger{min-height:34px;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-md);background:rgba(255,255,255,.13);color:var(--text-on-primary);font-family:var(--font-family);font-size:13px;font-weight:var(--font-medium);outline:none;display:flex;align-items:center;gap:7px;padding:5px 10px;width:min(240px,32vw);cursor:pointer;transition:background .15s ease-out,border-color .15s ease-out}.header-tree-trigger:hover:not(:disabled){background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.42)}.header-tree-trigger:disabled{opacity:.55;cursor:not-allowed}.header-tree-trigger-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.header-tree-trigger-icon{flex-shrink:0;opacity:.76}.header-tree-menu{position:absolute;top:calc(100% + 8px);left:0;width:min(360px,calc(100vw - 32px));max-height:min(420px,calc(100vh - 96px));overflow:hidden;display:flex;flex-direction:column;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:80;padding:8px}.header-tree-search{min-height:36px;margin-bottom:6px}.header-tree-options{overflow-y:auto;min-height:0}.header-tree-option{width:100%;min-height:34px;text-align:left;padding:7px 10px;font-size:13px;display:flex;align-items:center;gap:6px;border-radius:var(--radius-md);border:0;background:transparent;color:var(--text-default);font-weight:var(--font-medium);cursor:pointer;font-family:var(--font-family);transition:background .15s ease-out,color .15s ease-out}.header-tree-option:hover{background:var(--surface-subtle)}.header-tree-option.selected{background:var(--color-primary-subtle);color:var(--color-primary)}.header-tree-all,.header-tree-option.selected{font-weight:var(--font-semibold)}.header-tree-expand,.header-tree-spacer{width:16px;flex-shrink:0;display:flex;align-items:center;color:var(--text-muted)}.header-tree-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-tree-code{font-size:12px;color:var(--text-muted);flex-shrink:0}.header-tree-divider{height:1px;background:var(--border-subtle);margin:4px 0}.main-content{width:100%;max-width:var(--content-max-w);margin:0 auto}.page-header{padding-bottom:2px}.page-header h1,.page-title{font-size:clamp(22px,2vw,28px);line-height:1.22;letter-spacing:-.01em;color:var(--text-strong);font-weight:var(--font-bold)}.page-sub,.page-subtitle{color:var(--text-muted);font-size:13px;margin-top:4px}.card,.inline-editor,.table-wrap{border-color:var(--border-default);box-shadow:var(--shadow-xs)}.card{transition:border-color .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.data-table{width:100%;min-width:720px;border-collapse:collapse}.data-table:not(:where(.table-wrap *)){display:block;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow-x:auto;overflow-y:hidden}.tab.tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-semibold)}.loading{min-height:140px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.section-header{display:flex;justify-content:flex-end;margin-bottom:12px;gap:8px}.btn-primary:not(.btn),.btn-secondary:not(.btn),.btn-sm:not(.btn){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border-radius:var(--radius-md);font-family:var(--font-family);font-weight:var(--font-semibold);cursor:pointer;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out;text-decoration:none}.btn-primary:not(.btn),.btn-secondary:not(.btn){padding:8px 16px;border:1px solid var(--color-primary)}.btn-sm:not(.btn){min-height:30px;padding:4px 10px;border:1px solid var(--border-default);background:transparent;color:var(--text-default);font-size:12px}.btn-sm:not(.btn):hover{background:var(--surface-subtle);color:var(--color-primary);border-color:var(--border-strong)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-field label{font-size:13px;font-weight:var(--font-semibold);color:var(--text-default)}.form-field input:not([type=checkbox]),.form-field select,.form-field textarea{width:100%;min-height:40px;padding:9px 12px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-default);font-family:var(--font-family);font-size:14px;outline:none;transition:border-color .15s ease-out,box-shadow .15s ease-out}.form-field textarea{min-height:76px;resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.form-select:focus,.select:focus,.tree-select-trigger:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,117,119,.14)}.form-input,.form-select,.part-row,.select,.tree-select-menu,.tree-select-trigger{border-color:var(--border-default)}.form-select,.select,select.form-input{min-height:40px}.modal-overlay{background:var(--surface-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{border:1px solid var(--border-default);overflow:hidden}.modal-footer,.modal-header{border-color:var(--border-subtle)}.modal-title{color:var(--text-strong)}.drawer-overlay{background:var(--surface-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer{border-left:1px solid var(--border-default)}.drawer-footer,.drawer-header{border-color:var(--border-subtle)}.drawer-title{color:var(--text-strong)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:14px;margin-top:8px;border-top:1px solid var(--border-subtle)}.alert{border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:12px 14px;font-size:13px}.alert-warning{background:var(--color-warning-bg);color:var(--text-warning);border-color:color-mix(in srgb,var(--color-warning) 48%,var(--border-default))}.alert-danger{background:var(--color-danger-bg);color:var(--text-danger);border-color:color-mix(in srgb,var(--color-danger) 42%,var(--border-default))}.form-alert{margin-bottom:16px}.alert code{background:rgba(255,255,255,.55)!important;border:1px solid rgba(146,64,14,.22);word-break:break-all}.api-key-code{display:block;margin:8px 0;padding:8px;border-radius:var(--radius-sm)}.badge-ok{background:var(--color-success-bg)}.badge-error{background:var(--color-danger-bg)}.badge-warn{background:var(--color-warning-bg);color:var(--text-warning)}.badge-warn .badge-dot{background:var(--color-warning)}.tree ul{border-left-color:var(--border-default)}.tree-node{gap:12px}.tree-node:hover{background:var(--surface-subtle)}.row-actions{align-items:center;flex-wrap:wrap}.lang-switcher,.theme-switcher{position:relative;min-width:0}.lang-switcher-trigger,.theme-switcher-trigger{min-height:40px;display:grid;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;grid-gap:8px;gap:8px;padding:6px 10px 6px 7px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);background:rgba(255,255,255,.13);color:var(--text-on-primary);font-family:var(--font-family);cursor:pointer;transition:background .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out}.lang-switcher-trigger.open,.lang-switcher-trigger:hover,.theme-switcher-trigger.open,.theme-switcher-trigger:hover{background:rgba(255,255,255,.19);border-color:rgba(255,255,255,.46)}.lang-switcher-trigger:focus-visible,.theme-switcher-trigger:focus-visible{outline:2px solid rgba(255,255,255,.86);outline-offset:2px}.lang-switcher-icon,.theme-switcher-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:rgba(255,255,255,.16)}.lang-switcher-label,.theme-switcher-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:13px;font-weight:var(--font-semibold)}.lang-switcher-chevron,.theme-switcher-chevron{flex-shrink:0;opacity:.78;transition:transform .15s ease-out}.lang-switcher-trigger.open .lang-switcher-chevron,.theme-switcher-trigger.open .theme-switcher-chevron{transform:rotate(180deg)}.lang-switcher-menu,.theme-switcher-menu{position:absolute;top:calc(100% + 8px);right:0;width:min(240px,calc(100vw - 24px));padding:8px;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:90;display:flex;flex-direction:column;gap:2px}.lang-switcher-option,.theme-switcher-option{width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-default);font-family:var(--font-family);font-size:13px;cursor:pointer;text-align:left}.lang-switcher-option:hover,.theme-switcher-option:hover{background:var(--surface-subtle)}.lang-switcher-option.selected,.theme-switcher-option.selected{background:var(--color-primary-subtle);color:var(--color-primary)}.lang-switcher-option-main,.theme-switcher-option-main{min-width:0;display:inline-flex;align-items:center;gap:8px}.theme-switcher-option-icon{width:18px;display:inline-flex;align-items:center;justify-content:center}.lang-switcher-trigger,.theme-switcher-trigger{width:100%}.header-right .lang-switcher-menu,.header-right .theme-switcher-menu{right:0}.login-lang{display:flex;align-items:center;gap:8px}.login-page{position:relative}.login-lang{position:absolute;top:20px;right:20px;z-index:2}.login-page .lang-switcher-trigger,.login-page .theme-switcher-trigger{border-color:var(--border-default);color:var(--text-default);background:var(--surface-card)}.login-page .lang-switcher-icon,.login-page .theme-switcher-icon{background:var(--color-primary-subtle);color:var(--color-primary)}.login-page .lang-switcher-trigger.open,.login-page .lang-switcher-trigger:hover,.login-page .theme-switcher-trigger.open,.login-page .theme-switcher-trigger:hover{border-color:var(--color-primary);background:var(--surface-raised)}.qty-negative,.qty-positive{font-weight:var(--font-semibold)}.qty-positive{color:var(--color-success)}.qty-negative{color:var(--color-danger)}.stock-flag{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:6px;border-radius:999px;background:var(--color-warning-bg);color:var(--text-warning);font-size:11px;font-weight:var(--font-bold);vertical-align:middle}@media (max-width:1024px){.header{padding:10px 16px;height:auto;align-items:stretch;gap:10px;flex-wrap:wrap}.header-left{flex-basis:100%;flex-wrap:wrap}.header-right{width:100%;justify-content:space-between}.header-company-trigger,.header-tree-trigger{width:min(260px,calc(100vw - 120px));max-width:none}}@media (max-width:768px){.main-content{padding:18px 12px}.header{position:-webkit-sticky;position:sticky}.header-left,.header-right{width:100%;flex-wrap:nowrap}.header-left{gap:8px}.header-right{justify-content:space-between}.header-filter{width:100%;align-items:flex-start;flex-direction:column;gap:4px}.header-company,.header-tree{position:static;flex:1 1;min-width:0;width:auto}.header-company-trigger,.header-tree-trigger{width:100%}.header-company-menu,.header-tree-menu{left:12px;right:12px;width:auto}.lang-switcher-trigger,.theme-switcher-trigger{grid-template-columns:24px;width:36px;height:36px;min-height:36px;padding:0;justify-content:center}.lang-switcher-chevron,.lang-switcher-label,.theme-switcher-chevron,.theme-switcher-label{display:none}.header-right .lang-switcher-menu,.header-right .theme-switcher-menu{left:0;right:auto}.header-user{width:36px;height:36px;max-width:none;padding:0;justify-content:center;flex-shrink:0}.header-logout-label,.header-user-label,.header-user:before{display:none}.header-logout{width:36px;height:36px;min-height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.page-header{gap:10px}.page-header>.btn,.page-header>button,.section-header>.btn,.section-header>button{width:100%}.modal-overlay{padding:10px;align-items:center}.modal{max-width:none;width:100%;min-height:auto;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}.modal-actions,.modal-footer{flex-direction:column-reverse}.modal-actions .btn,.modal-actions button,.modal-footer .btn,.modal-footer button{width:100%}.drawer{max-width:none}.drawer-footer{flex-direction:column-reverse}.drawer-footer .btn,.drawer-footer button{width:100%}.tree-node{align-items:flex-start;flex-direction:column}.row-actions{width:100%;justify-content:flex-start}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:8px;z-index:1000;padding:10px 18px;background:var(--color-primary);color:var(--text-on-primary);border-radius:var(--radius-md);font-size:14px;font-weight:var(--font-semibold);text-decoration:none;transition:top .15s ease-out}.skip-link:focus{top:8px}#main-content:focus{outline:none}.confirm-message{color:var(--text-default);font-size:14px;line-height:1.6;margin:0}.toast-warning{background:var(--color-warning-bg);color:var(--text-warning);border-left:4px solid var(--color-warning)}.toast-info{background:var(--color-info-bg);color:var(--color-info);border-left:4px solid var(--color-info)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.skeleton,.toast{animation:none}.skeleton{background:var(--surface-subtle)}.inline-spinner{animation:none;border-top-color:var(--color-primary);opacity:.7}}::selection{background:var(--color-primary-20);color:var(--text-strong)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid var(--surface-background)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}html{scroll-behavior:smooth}.main-content>*{animation:contentEnter .25s ease-out}@keyframes contentEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stat-card{display:flex;flex-direction:column;gap:12px;padding:20px}.stat-card-top{display:flex;align-items:center;justify-content:space-between}.stat-card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary-10);color:var(--color-primary);flex-shrink:0}.stat-card-value{font-size:28px;font-weight:var(--font-bold);color:var(--text-strong);line-height:1.1;letter-spacing:-.02em}.stat-card-label{font-size:13px;color:var(--text-muted);font-weight:var(--font-medium)}.login-brand{flex:1 1;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-active) 100%);color:var(--text-on-primary);display:flex;flex-direction:column;justify-content:center;padding:60px 48px;position:relative;overflow:hidden}.login-brand:before{top:-40%;right:-20%;width:500px;height:500px;background:rgba(255,255,255,.06)}.login-brand:after,.login-brand:before{content:"";position:absolute;border-radius:50%}.login-brand:after{bottom:-30%;left:-10%;width:300px;height:300px;background:rgba(250,202,48,.08)}.login-brand-content{position:relative;z-index:1;max-width:400px}.login-brand-logo{font-size:28px;font-weight:var(--font-black);color:var(--text-on-primary);margin-bottom:24px;letter-spacing:-.02em;display:flex;align-items:center;gap:12px}.login-brand-logo-icon{width:44px;height:44px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16);flex-shrink:0}.login-brand-tagline{font-size:18px;font-weight:var(--font-medium);color:rgba(255,255,255,.9);line-height:1.5;margin-bottom:32px}.login-brand-features{display:flex;flex-direction:column;gap:12px}.login-brand-feature{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.8)}.login-brand-feature-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);flex-shrink:0}.login-form-side{flex:1 1;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--surface-background);position:relative}@media (max-width:768px){.login-brand{display:flex;position:absolute;inset:0;padding:0;z-index:0}.login-brand-content{display:none}.login-page{padding:0;align-items:stretch;justify-content:stretch}.login-form-side{position:relative;z-index:1;background:transparent;padding:88px 20px 40px;align-items:center;justify-content:flex-start}.login-card{box-shadow:var(--shadow-lg)}}.dashboard-quick-status{grid-template-columns:1fr 1fr}@media (max-width:640px){.dashboard-quick-status{grid-template-columns:1fr}}.dashboard-hero{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-active) 100%);color:var(--text-on-primary);border-radius:var(--radius-xl);padding:28px 32px;margin-bottom:24px;position:relative;overflow:hidden}.dashboard-hero:before{content:"";position:absolute;top:-30%;right:-10%;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.06)}.dashboard-hero-content{position:relative;z-index:1}.dashboard-hero h1{color:var(--text-on-primary);font-size:clamp(22px,2.5vw,28px);font-weight:var(--font-bold);margin-bottom:4px}.dashboard-hero p{color:rgba(255,255,255,.85);font-size:14px}.quick-action{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);text-decoration:none;color:var(--text-default);transition:background .15s ease-out,color .15s ease-out}.quick-action:hover{background:var(--color-primary-10);color:var(--color-primary)}.quick-action-icon{width:36px;height:36px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:var(--surface-subtle);color:var(--color-primary);flex-shrink:0}.quick-action-label{font-size:14px;font-weight:var(--font-semibold)}.quick-action-arrow{margin-left:auto;color:var(--text-disabled);transition:color .15s ease-out,transform .15s ease-out}.quick-action:hover .quick-action-arrow{color:var(--color-primary);transform:translateX(2px)}