@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-glow:0 0 20px #2563eb26;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:260px;--sidebar-collapsed-width:72px;--z-sidebar:40;--z-header:30;--z-modal-backdrop:50;--z-modal:60;--z-toast:70}[data-theme=light],:root{--color-primary:#1e6cb5;--color-primary-hover:#1a5fa0;--color-primary-light:#e8f1fa;--color-primary-subtle:#f0f6fc;--color-accent:#e07a24;--color-accent-hover:#c96a1a;--color-accent-light:#fdf0e3;--color-success:#16a34a;--color-success-light:#dcfce7;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-danger:#dc2626;--color-danger-light:#fee2e2;--color-info:#0891b2;--color-info-light:#e0f7fa;--color-bg:#f5f7fa;--color-bg-raised:#fff;--color-bg-sunken:#edf0f5;--color-bg-overlay:#ffffffd9;--color-text:#1a2332;--color-text-secondary:#5a6a7e;--color-text-muted:#8896a7;--color-text-inverse:#fff;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-border-focus:var(--color-primary);--sidebar-bg:linear-gradient(195deg, #1a2744 0%, #0f1a2e 100%);--sidebar-text:#c8d5e6;--sidebar-text-active:#fff;--sidebar-item-hover:#ffffff14;--sidebar-item-active:#ffffff1f;--sidebar-accent:var(--color-accent);--card-bg:#fff;--card-border:#e8edf3;--card-shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--card-hover-border:#cbd5e1;--card-hover-shadow:0 4px 12px #0000001f, 0 2px 4px #00000014;--input-bg:#fff;--input-border:#d1d9e5;--input-focus-ring:#1e6cb540;--scrollbar-track:#f0f2f5;--scrollbar-thumb:#c4cdd8;--scrollbar-thumb-hover:#a0adbf}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg)}#root{min-height:100vh}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{font-family:var(--font-family);cursor:pointer}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}::selection{background:var(--color-primary);color:var(--color-text-inverse)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;line-height:1.5;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:16px;height:16px}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 1px 3px #0000001f}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 3px 8px #0000002e}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-bg-raised);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-sunken);border-color:var(--color-border-strong)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.btn-ghost{color:var(--color-text-secondary);padding:var(--space-1) var(--space-2);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-bg-sunken);color:var(--color-text)}.btn-icon{padding:var(--space-2)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-md)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-input,.form-select,.form-textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--color-text);font-size:var(--font-size-base);font-family:var(--font-family);transition:all var(--transition-fast);line-height:1.5}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--input-focus-ring);outline:none}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-row{gap:var(--space-4);display:grid}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}.form-error{font-size:var(--font-size-xs);color:var(--color-danger)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.animate-fade-in-scale{animation:fadeInScale var(--transition-spring)}.skeleton{background:linear-gradient(90deg, var(--color-bg-sunken) 25%, var(--color-border) 50%, var(--color-bg-sunken) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.spinner-sm{border-width:2px;width:20px;height:20px}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-muted);background:var(--color-bg-raised);border-radius:var(--radius-lg);border:1px dashed var(--color-border);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state p{font-size:var(--font-size-md);margin-bottom:var(--space-2)}@media (width<=768px){.form-row-2,.form-row-3{grid-template-columns:1fr}}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);z-index:var(--z-sidebar);transition:width var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-brand{padding:var(--space-5) var(--space-4);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.sidebar-brand-icon{flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.sidebar-brand-icon img{object-fit:contain;width:100%;height:100%}.sidebar.collapsed .sidebar-brand-icon{width:36px;height:36px}.sidebar-nav{padding:var(--space-2) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.sidebar.collapsed .sidebar-nav{overflow-y:hidden}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--sidebar-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{background:var(--sidebar-item-hover);color:var(--sidebar-text-active)}.sidebar-link.active{background:var(--sidebar-item-active);color:var(--sidebar-text-active)}.sidebar-link.active:before{content:"";background:var(--sidebar-accent);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-link-icon{opacity:.85;flex-shrink:0;width:20px;height:20px}.sidebar-link.active .sidebar-link-icon{opacity:1}.sidebar-link-label{opacity:1;transition:opacity var(--transition-base)}.sidebar.collapsed .sidebar-link-label{opacity:0;pointer-events:none}.sidebar-footer{padding:var(--space-4) var(--space-3);gap:var(--space-1);border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;display:flex}.sidebar-logout{cursor:pointer;width:100%;font-family:var(--font-family);font-size:var(--font-size-base);background:0 0;border:none}.sidebar-logout:hover{color:#e87d7d!important}.sidebar-toggle{width:100%;padding:var(--space-2);color:var(--sidebar-text);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background:var(--sidebar-item-hover);color:var(--sidebar-text-active)}.sidebar-toggle svg{width:18px;height:18px;transition:transform var(--transition-base)}.sidebar.collapsed .sidebar-toggle svg{transform:rotate(180deg)}.sidebar.collapsed .sidebar-link{position:relative}.sidebar.collapsed .sidebar-link:hover:after{content:attr(data-tooltip);background:var(--color-bg-raised);color:var(--color-text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);white-space:nowrap;box-shadow:var(--shadow-lg);z-index:100;pointer-events:none;animation:.15s ease-out fadeIn;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.mobile-topbar{background:var(--sidebar-bg);height:54px;z-index:calc(var(--z-sidebar) + 2);padding:0 var(--space-3);justify-content:center;align-items:center;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #00000026}.mobile-topbar-brand{align-items:center;gap:var(--space-2);text-decoration:none;display:flex}.mobile-topbar-logo{width:32px;height:32px}.mobile-topbar-logo img{object-fit:contain;width:100%;height:100%}.mobile-topbar-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--sidebar-text);letter-spacing:-.01em}.sidebar-mobile-toggle{right:var(--space-3);border-radius:var(--radius-md);width:40px;height:40px;color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-mobile-toggle:hover{background:var(--sidebar-item-hover)}.sidebar-mobile-toggle svg{width:22px;height:22px}.sidebar-backdrop{display:none}@media (width<=768px){.sidebar{transition:transform var(--transition-slow);transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{transform:translate(-100%)}.sidebar.collapsed.mobile-open{transform:translate(0);width:var(--sidebar-width)!important}.sidebar.collapsed .sidebar-link-label{opacity:1;pointer-events:auto}.sidebar.collapsed .sidebar-brand-icon{width:80px;height:80px}.mobile-topbar{display:flex}.sidebar-backdrop{z-index:calc(var(--z-sidebar) - 1);background:#00000080;display:none;position:fixed;inset:0}.sidebar-backdrop.visible{animation:.2s ease-out fadeIn;display:block}.sidebar-toggle{display:none}}.login-page{background:var(--sidebar-bg);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(at bottom,#1e6cb51f 0%,#0000 65%);height:100%;animation:8s ease-in-out infinite waveFloat;position:absolute;bottom:-50%;left:-10%;right:-10%}@keyframes waveFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.login-card{background:var(--color-bg-raised);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-10);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-xl);z-index:1;animation:.6s ease-out fadeInUp;position:relative}.login-logo{width:96px;height:96px;margin:0 auto var(--space-6)}.login-logo img{object-fit:contain;width:100%;height:100%}.login-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-2)}.login-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:var(--line-height-relaxed)}.login-form{text-align:left;gap:var(--space-5);flex-direction:column;display:flex}.login-field{gap:var(--space-1);flex-direction:column;display:flex}.login-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.login-field input{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-family:var(--font-family);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-base), box-shadow var(--transition-base);outline:none}.login-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1e6cb526}.login-field input::placeholder{color:var(--color-text-muted)}.login-error{padding:var(--space-3) var(--space-4);color:#ad1f1f;border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center;background:#fdeded;border:1px solid #ecc6c6}.login-btn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-6);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);font-family:var(--font-family);color:#fff;background:linear-gradient(135deg, var(--color-primary) 0%, #1557a0 100%);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-2);border:none;display:inline-flex;box-shadow:0 4px 12px #1e6cb54d}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1e6cb566}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-btn svg{width:18px;height:18px}.login-spinner{animation:1s linear infinite spin}.login-footer{margin-top:var(--space-8);font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (width<=768px){.login-page{padding:var(--space-4)}.login-card{padding:var(--space-8) var(--space-6)}.login-logo{width:72px;height:72px}}.page-header{margin-bottom:var(--space-8)}.page-header-top{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:var(--line-height-tight);letter-spacing:-.02em}.page-header-description{margin-top:var(--space-2);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:72ch}.page-header-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.page-header-divider{margin-top:var(--space-6);background:linear-gradient(90deg, var(--color-border) 0%, transparent 100%);border:none;height:1px}@media (width<=768px){.page-header{margin-bottom:var(--space-5)}.page-header-title{font-size:var(--font-size-xl)}.page-header-description{font-size:var(--font-size-sm)}.page-header-actions{width:100%}.page-header-actions .btn{flex:1}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);padding:var(--space-6);background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);flex-direction:column;width:100%;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) fadeInScale;display:flex}.modal-sm{max-width:420px}.modal-md{max-width:560px}.modal-lg{max-width:720px}.modal-xl{max-width:900px}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.modal-close{width:32px;height:32px;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--color-bg-sunken);color:var(--color-text)}.modal-close svg{width:18px;height:18px}.modal-body{padding:var(--space-6);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0;display:flex}@media (width<=768px){.modal-backdrop{align-items:stretch;padding:0}.modal{border:none;border-radius:0;max-height:100vh;max-width:100%!important}.modal-header,.modal-body{padding:var(--space-4)}.modal-footer{padding:var(--space-3) var(--space-4)}}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:var(--card-shadow);position:relative;overflow:hidden}.card:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.card-image{aspect-ratio:16/9;object-fit:cover;background:var(--color-bg-sunken);width:100%}.card-body{padding:var(--space-5)}.card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.card-meta{gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.card-actions{top:var(--space-3);right:var(--space-3);gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast);display:flex;position:absolute}.card:hover .card-actions{opacity:1}.card-action-btn{background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:32px;height:32px;color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.card-action-btn:hover{background:var(--color-bg-raised);box-shadow:var(--shadow-md)}.card-action-btn svg{width:16px;height:16px}.card-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;display:inline-flex}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.badge-info{background:var(--color-info-light);color:var(--color-info)}.badge-default{background:var(--color-bg-sunken);color:var(--color-text-secondary)}.tree-view{-webkit-user-select:none;user-select:none}.tree-node{list-style:none}.tree-node-row{align-items:center;gap:var(--space-2);padding:3px var(--space-3);border-radius:var(--radius-md);cursor:default;transition:background var(--transition-fast);display:flex;position:relative}.tree-node-row:hover{background:var(--color-primary-subtle)}.tree-node-row.selected{background:var(--color-primary-light)}.tree-expander{width:20px;height:20px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.tree-expander:hover{color:var(--color-text);background:var(--color-bg-sunken)}.tree-expander svg{width:14px;height:14px;transition:transform var(--transition-fast)}.tree-expander.expanded svg{transform:rotate(90deg)}.tree-expander-placeholder{flex-shrink:0;width:20px}.tree-node-icon{width:20px;height:20px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tree-node-icon svg{width:16px;height:16px}.tree-node-icon.folder{color:var(--color-accent)}.tree-node-icon.leaf{color:var(--color-primary)}.tree-node-label{font-size:var(--font-size-base);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tree-node-extra{align-items:center;gap:var(--space-1);flex-wrap:wrap;flex:1;min-width:0;display:flex}.tree-checkbox{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.tree-node-actions{gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:flex}.tree-node-row:hover .tree-node-actions{opacity:1}.tree-action-btn{border:1px solid var(--color-border);background:var(--color-bg-raised);width:26px;height:26px;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;display:flex}.tree-action-btn:hover{border-color:var(--color-border-strong);color:var(--color-text);box-shadow:var(--shadow-xs)}.tree-action-btn.danger:hover{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-light)}.tree-action-btn svg{width:14px;height:14px}.tree-children{padding-left:var(--space-6);overflow:hidden}.tree-children.collapsed{display:none}.tree-node-row:before{content:"";left:calc(var(--depth,0) * var(--space-6) + 10px);position:absolute}.tree-empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.filter-bar{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.filter-group{align-items:center;gap:var(--space-2);display:flex}.filter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}.filter-input{padding:var(--space-2) var(--space-3);border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-family);min-width:140px;transition:all var(--transition-fast)}.filter-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--input-focus-ring);outline:none}.filter-input::placeholder{color:var(--color-text-muted)}.filter-select{padding:var(--space-2) var(--space-3);padding-right:var(--space-8);border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;appearance:none;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat}.filter-select:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--input-focus-ring);outline:none}.filter-divider{background:var(--color-border);flex-shrink:0;width:1px;height:24px}.filter-bar-clear{margin-left:auto}.image-upload{cursor:pointer;border-radius:var(--radius-lg);background:var(--color-bg-sunken);border:2px dashed var(--color-border);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.image-upload:hover{border-color:var(--color-primary);background:var(--color-primary-subtle)}.image-upload--dragover{border-color:var(--color-primary);background:var(--color-primary-subtle);box-shadow:0 0 0 3px var(--color-primary-subtle)}.image-upload--sm{width:80px;height:80px}.image-upload--md{width:140px;height:140px}.image-upload--lg{width:200px;height:200px}.image-upload--circle{border-radius:50%}.image-upload-img{object-fit:cover;width:100%;height:100%;display:block}.image-upload-img--fallback{opacity:.6;filter:grayscale(.3)}.image-upload-center{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-xs);padding:var(--space-2);text-align:center;flex-direction:column;display:flex}.image-upload-uploading{justify-content:center;align-items:center;gap:var(--space-2);color:#fff;font-size:var(--font-size-xs);background:#00000080;flex-direction:column;display:flex;position:absolute;inset:0}.image-upload-remove-btn{color:#fff;cursor:pointer;opacity:0;width:22px;height:22px;transition:opacity var(--transition-fast);background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.image-upload:hover .image-upload-remove-btn{opacity:1}.image-upload-remove-btn:hover{background:var(--color-danger)}.image-upload-badge{border-radius:var(--radius-sm);color:#fff;pointer-events:none;background:#00000080;padding:1px 6px;font-size:9px;position:absolute;bottom:4px;left:4px}.events-filters{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:flex-end;display:flex}.events-filters .form-group{min-width:140px}.event-list{gap:var(--space-5);flex-direction:column;display:flex}.event-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:var(--card-shadow);animation:.4s ease-out both fadeInUp;overflow:hidden}.event-card:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow)}.event-card-header{align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:#f3f4f6;min-height:120px;display:flex;position:relative}.event-card-info{flex:1;min-width:0}.event-card-image{background:0 0;flex-shrink:0;width:120px;height:100px}.event-card-image img{object-fit:contain;background:0 0;width:100%;height:100%;display:block}.event-list--cards .event-card-image{width:90px;height:75px}.event-list--cards .event-card-header{min-height:100px;padding:var(--space-3) var(--space-4);gap:var(--space-3)}.event-card-name{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-tight)}.event-card-actions{top:var(--space-3);right:var(--space-3);flex-shrink:0;gap:2px;display:flex;position:absolute}.event-card-actions button{border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;padding:4px}.event-card-actions button:hover{color:var(--color-text);background:#0000000f}.event-card-actions button.danger:hover{color:var(--color-danger);background:var(--color-danger-light)}.event-card-actions svg{width:15px;height:15px;display:block}.event-card-datetime{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-text)}.event-card-meta-line{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);flex-wrap:wrap;display:flex}.event-card-detail{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.event-card-addedby{color:var(--color-text-muted);font-style:italic}.event-status-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;flex-shrink:0;align-items:center;padding:3px 10px;display:inline-flex}.event-status-badge.planned{background:var(--color-info-light);color:var(--color-info)}.event-status-badge.confirmed,.event-status-badge.held{background:var(--color-success-light);color:var(--color-success)}.event-status-badge.cancelled{background:var(--color-danger-light);color:var(--color-danger)}.event-status-badge.completed{background:var(--color-bg-sunken);color:var(--color-text-muted)}.event-positions-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.event-positions-table thead th{text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);padding:var(--space-2) var(--space-5);border-bottom:2px solid var(--color-border-strong)}.event-positions-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.event-positions-table tbody tr:hover{background:var(--color-primary-subtle)}.event-positions-table td{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);vertical-align:middle}.event-positions-table tr:last-child td{border-bottom:none}.crew-figures{flex-wrap:wrap;align-items:flex-end;gap:4px;display:flex}.crew-figure{flex-direction:column;align-items:center;display:flex;position:relative}.crew-figure svg{width:20px;height:28px}.crew-figure--orange svg{fill:#e67e22;color:#e67e22}.crew-figure--blue svg{fill:#2563eb;color:#2563eb}.crew-figure--green svg{fill:#16a34a;color:#16a34a}.crew-figure--grey svg{fill:#c4cdd8;color:#c4cdd8}.crew-figure .crew-figure-name{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:40px;margin-top:2px;font-size:9px;overflow:hidden}.position-status{justify-content:center;align-items:center;display:flex}.position-status svg{width:22px;height:22px}.position-status.met svg{color:var(--color-success)}.position-status.not-met svg{color:var(--color-danger)}.position-detail-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.position-detail-field label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);display:block}.position-detail-field .field-value{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text);padding:var(--space-2) var(--space-3);background:var(--color-bg-sunken);border-radius:var(--radius-md)}.position-detail-section{margin-bottom:var(--space-4)}.position-detail-section h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.position-detail-section ul{padding-left:var(--space-5);font-size:var(--font-size-sm);list-style:outside}.position-detail-section li{padding:var(--space-1) 0}.position-attendee-list{gap:var(--space-2);flex-direction:column;display:flex}.position-attendee-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-sunken);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex}.position-attendee-avatar{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;width:28px;height:28px;font-size:10px;font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.book-other-dropdown{background:var(--card-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10;max-height:260px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.book-other-option{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text);transition:background var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.book-other-option:hover{background:var(--color-primary-subtle)}.book-other-option:not(:last-child){border-bottom:1px solid var(--color-border)}.book-other-option:disabled{opacity:.5;cursor:not-allowed}.view-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.view-toggle-btn{background:var(--color-bg-raised);width:32px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;padding:0;display:flex}.view-toggle-btn:not(:last-child){border-right:1px solid var(--color-border)}.view-toggle-btn:hover{color:var(--color-text);background:var(--color-bg-sunken)}.view-toggle-btn.active{background:var(--color-primary);color:#fff}.event-list--cards{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));display:grid!important}@media (width>=1400px){.event-list--cards{grid-template-columns:repeat(3,1fr)}}.event-list--cards .event-card-header{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.event-list--cards .event-card-name{font-size:var(--font-size-sm)}.event-list--cards .event-card-datetime{font-size:var(--font-size-xs)}.event-list--cards .event-card-meta-line{font-size:var(--font-size-xs);gap:var(--space-1)}.event-list--cards .event-card-detail{font-size:var(--font-size-xs)}.event-list--cards .event-positions-table thead th{padding:var(--space-1) var(--space-3);font-size:10px}.event-list--cards .event-positions-table td{padding:var(--space-2) var(--space-3)}.event-list--cards .crew-figure-name{display:none}.event-list--cards .crew-figure svg{width:14px;height:20px}.event-list--cards .crew-figures{gap:2px}.event-list--cards .position-status svg{width:18px;height:18px}@media (width<=768px){.events-filters{flex-direction:column;align-items:stretch}.events-filters .form-group{width:100%;min-width:0}.event-card-header{padding:var(--space-3);gap:var(--space-3);flex-wrap:wrap;min-height:auto}.event-card-image{width:70px;height:60px}.event-list--cards{grid-template-columns:1fr!important}.event-list--cards .event-card-image{width:60px;height:50px}.event-positions-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.event-positions-table{min-width:500px}.event-card-actions{margin-top:var(--space-2);position:static}}.role-location-pill{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;letter-spacing:.01em;border:1px solid;border-radius:999px;align-items:center;padding:1px 8px;line-height:1.6;display:inline-flex}.people-filters{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:flex-end;display:flex}.people-filters .form-group{min-width:140px}.person-cards{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.person-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:var(--card-shadow);animation:.4s ease-out both fadeInUp;overflow:hidden}.person-card:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow)}.person-card-header{align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:#f3f4f6;min-height:120px;display:flex;position:relative}.person-card-actions-top{top:var(--space-2);right:var(--space-2);gap:2px;display:flex;position:absolute}.person-card-actions-top button{border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;padding:4px}.person-card-actions-top button:hover{color:var(--color-text);background:#0000000f}.person-card-photo{border-radius:var(--radius-md);flex-shrink:0;width:100px;height:100px;overflow:hidden}.person-card-photo img{object-fit:cover;width:100%;height:100%;display:block}.person-card-photo--placeholder{color:#9ca3af;background:#e5e7eb;flex-direction:column;justify-content:center;align-items:center;display:flex}.person-card-photo--placeholder svg{color:#bfc5ce}.person-card-photo--placeholder span{color:#9ca3af;margin-top:2px;font-size:11px}.person-card-details{flex:1;min-width:0}.person-name{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--color-text);margin-bottom:var(--space-1)}.person-meta-item{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;display:flex}.person-meta-item svg{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0}.person-meta-item a{color:var(--color-primary);text-decoration:none}.person-meta-item a:hover{text-decoration:underline}.person-user-status{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1);display:flex}.status-icon{font-size:14px;font-weight:700}.status-icon--yes,.status-icon--awaiting{color:var(--color-success)}.status-icon--no{color:var(--color-danger)}.person-card-roles{padding:var(--space-3) var(--space-5) var(--space-4);gap:var(--space-4);flex-wrap:wrap;display:flex}.person-location-group{min-width:140px}.person-location-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);padding-bottom:var(--space-1);margin-bottom:var(--space-1);border-bottom:2px solid var(--color-border-strong)}.person-role-list{padding-left:var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;list-style:outside}.person-role-list li{padding:1px 0}.person-role-locations-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.person-role-location-card{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.person-role-location-header{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-3);background:var(--color-bg-sunken);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.person-role-location-body{padding:var(--space-2) var(--space-3);max-height:280px;overflow-y:auto}.role-tree-node{align-items:center;gap:var(--space-1);padding:2px 0;display:flex}.role-tree-toggle{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;display:flex}.role-tree-toggle:hover{color:var(--color-text)}.role-tree-spacer{flex-shrink:0;width:16px;display:inline-block}.role-tree-label{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.role-tree-label input[type=checkbox]{cursor:pointer;width:14px;height:14px;accent-color:var(--color-primary)}.person-role-system-card{grid-column:1/-1}.person-role-system-header{align-items:center;gap:var(--space-2);display:flex;color:#d1d6e0!important;background:#273249!important}.person-role-system-body{max-height:none!important}.person-system-roles-list{gap:var(--space-1);flex-direction:column;display:flex}.person-system-role-checkbox{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 0;display:flex}.person-system-role-checkbox input[type=checkbox]{cursor:pointer;width:14px;height:14px;accent-color:var(--color-primary)}.selfreg-fields-row{gap:var(--space-3);grid-template-columns:1fr 1fr 1fr;display:grid}.selfreg-options-row{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.person-cards{grid-template-columns:1fr}.people-filters{flex-direction:column;align-items:stretch}.people-filters .form-group{width:100%;min-width:0}.selfreg-fields-row,.selfreg-options-row{grid-template-columns:1fr}}.asset-cards{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.asset-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:var(--card-shadow);animation:.4s ease-out both fadeInUp;overflow:hidden}.asset-card:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow)}.asset-card-header{align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:#f3f4f6;min-height:110px;display:flex;position:relative}.asset-card-actions-top{top:var(--space-2);right:var(--space-2);gap:2px;display:flex;position:absolute}.asset-card-actions-top button{border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;padding:4px}.asset-card-actions-top button:hover{color:var(--color-text);background:#0000000f}.asset-card-photo{background:0 0;flex-shrink:0;width:100px;height:90px}.asset-card-photo img{object-fit:contain;background:0 0;width:100%;height:100%;display:block}.asset-card-photo--placeholder{color:#9ca3af;border-radius:var(--radius-md);background:#e5e7eb;flex-direction:column;justify-content:center;align-items:center;display:flex}.asset-card-photo--placeholder svg{color:#bfc5ce}.asset-card-photo--placeholder span{color:#9ca3af;margin-top:2px;font-size:11px}.asset-card-details{flex:1;min-width:0}.asset-card-name{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--color-text);margin-bottom:var(--space-1)}.asset-card-detail{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.asset-positions-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.asset-positions-table th{text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-4);border-bottom:2px solid var(--color-border-strong)}.asset-positions-table td{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text)}.asset-positions-table tr:last-child td{border-bottom:none}.position-roles-list{font-size:var(--font-size-xs);margin:0;padding-left:16px;line-height:1.6;list-style:outside}.asset-edit-positions-table{border-collapse:collapse;table-layout:fixed;width:100%}.asset-edit-positions-table th{text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border)}.asset-edit-positions-table td{padding:var(--space-1);vertical-align:middle}.asset-edit-positions-table .form-input{width:100%;min-width:0}.position-roles-cell{cursor:pointer;flex-wrap:wrap;align-items:center;gap:4px;min-height:34px;padding:2px 0;display:flex}.position-role-chip{border-radius:var(--radius-full,9999px);color:#264d73;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;transition:background var(--transition-fast);background:#deebf7;border:1px solid #bfd1e3;align-items:center;gap:4px;padding:2px 8px;line-height:1.5;display:inline-flex}.position-role-chip:hover{background:#d0e0f1}.position-role-chip-remove{cursor:pointer;color:#4d80b3;width:14px;height:14px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.position-role-chip-remove:hover{color:#b82e2e;background:#f5d6d6}.position-roles-add-btn{border-radius:var(--radius-full,9999px);border:1px dashed var(--color-border-strong);color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.position-roles-add-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#f3f7fc}.role-selector-tree{border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:340px;padding:var(--space-2);overflow-y:auto}@media (width<=768px){.asset-cards{grid-template-columns:1fr}.asset-card-header{padding:var(--space-3);gap:var(--space-3);min-height:auto}}.profile-container{max-width:640px}.profile-card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.profile-header{align-items:center;gap:var(--space-5);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.profile-avatar-large{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary) 0%, #2d7ecc 100%);width:80px;height:80px;font-weight:var(--font-weight-bold);font-size:var(--font-size-2xl);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-avatar-large img{border-radius:var(--radius-full);object-fit:cover;width:100%;height:100%}.profile-user-info h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.profile-user-info p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.profile-roles-section{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.profile-roles-section h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.profile-location-group{margin-bottom:var(--space-4)}.profile-location-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.person-roles{gap:var(--space-2);flex-wrap:wrap;display:flex}.person-role-badge{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);border-radius:var(--radius-full);white-space:nowrap;background:#edf3fd;border:1px solid #ceddf3;align-items:center;display:inline-flex}.profile-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border);display:flex}.profile-save-success{align-items:center;gap:var(--space-2);color:var(--color-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);animation:.2s ease-out fadeIn;display:flex}.profile-roles-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);font-style:italic}.profile-role-tree{margin-top:var(--space-1)}.profile-role-tree .tree-view{font-size:var(--font-size-sm)}.profile-role-tree .tree-node-row{padding:var(--space-1) var(--space-2)}.profile-role-tree .tree-node-actions{display:none}.profile-signout-section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border);justify-content:center;display:flex}.profile-signout-btn{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);color:var(--color-danger)!important;padding:var(--space-2) var(--space-5)!important;display:flex!important}.profile-signout-btn:hover{background:var(--color-danger-light)!important;color:var(--color-danger)!important}.register-page{background:var(--sidebar-bg);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.register-page:before{content:"";background:radial-gradient(at bottom,#1e6cb51f 0%,#0000 65%);height:100%;animation:8s ease-in-out infinite waveFloat;position:absolute;bottom:-50%;left:-10%;right:-10%}.register-card{background:var(--color-bg-raised);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);width:100%;max-width:520px;box-shadow:var(--shadow-xl);z-index:1;animation:.6s ease-out fadeInUp;position:relative}.register-logo{width:72px;height:72px;margin:0 auto var(--space-4)}.register-logo img{object-fit:contain;width:100%;height:100%}.register-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);text-align:center;margin-bottom:var(--space-1)}.register-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.register-form{gap:var(--space-4);flex-direction:column;display:flex}.register-form .form-row{gap:var(--space-4);display:grid}.register-form .form-row-2{grid-template-columns:1fr 1fr}.register-form .form-group{gap:var(--space-1);flex-direction:column;display:flex}.register-form .form-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.register-form .form-input,.register-form .form-select{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-family:var(--font-family);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-base), box-shadow var(--transition-base);box-sizing:border-box;outline:none;width:100%}.register-form .form-input:focus,.register-form .form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1e6cb526}.register-divider{align-items:center;gap:var(--space-3);margin:var(--space-2) 0;font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--font-weight-semibold);display:flex}.register-divider:before,.register-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.register-error{padding:var(--space-3) var(--space-4);color:#ad1f1f;border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center;background:#fdeded;border:1px solid #ecc6c6}.register-success{text-align:center;animation:.4s ease-out fadeInUp}.register-success-icon{border-radius:var(--radius-full);width:64px;height:64px;margin:0 auto var(--space-5);background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);justify-content:center;align-items:center;display:flex;box-shadow:0 4px 16px #22c55e4d}.register-success h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-2)}.register-success p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.register-btn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-6);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);font-family:var(--font-family);color:#fff;background:linear-gradient(135deg, var(--color-primary) 0%, #1557a0 100%);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-2);border:none;display:inline-flex;box-shadow:0 4px 12px #1e6cb54d}.register-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1e6cb566}.register-btn:active:not(:disabled){transform:translateY(0)}.register-btn:disabled{opacity:.7;cursor:not-allowed}.register-btn svg{width:18px;height:18px}.register-spinner{animation:1s linear infinite spin}.register-footer{margin-top:var(--space-6);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}.register-signin-link{align-items:center;gap:var(--space-2);color:var(--color-primary);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-5);border:1px solid var(--color-primary);border-radius:var(--radius-md);transition:all var(--transition-base);text-decoration:none;display:inline-flex}.register-signin-link:hover{background:var(--color-primary);color:#fff}@media (width<=600px){.register-page{padding:var(--space-4)}.register-card{padding:var(--space-6) var(--space-5)}.register-form .form-row-2{grid-template-columns:1fr}}.app-layout{min-height:100vh;display:flex}.app-main{margin-left:var(--sidebar-width);transition:margin-left var(--transition-slow);flex:1;min-height:100vh}.app-content{padding:var(--space-8) var(--space-10);max-width:1400px;animation:.4s ease-out fadeInUp}.app-layout[data-sidebar-collapsed=true] .app-main{margin-left:var(--sidebar-collapsed-width)}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}.spinner-lg{border-width:4px;width:40px;height:40px}.empty-state{padding:var(--space-16) var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:64px;height:64px;color:var(--color-text-muted);margin-bottom:var(--space-4);opacity:.5}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--font-size-base);color:var(--color-text-muted);max-width:400px}.toast-container{top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);color:var(--color-text);min-width:280px;animation:.3s ease-out fadeInUp;display:flex}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-danger)}.toast-info{border-left:3px solid var(--color-info)}@media (width<=768px){.app-main{margin-left:0!important}.app-content{padding:calc(54px + var(--space-5)) var(--space-3) var(--space-4)}}