:root{--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-primary-light: #EFF6FF;--color-primary-50: #DBEAFE;--color-primary-100: #BFDBFE;--color-bg: #F8FAFC;--color-surface: #FFFFFF;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-text-primary: #0F172A;--color-text-secondary: #64748B;--color-text-muted: #94A3B8;--color-text-inverse: #FFFFFF;--color-success: #22C55E;--color-success-bg: #F0FDF4;--color-warning: #F59E0B;--color-warning-bg: #FFFBEB;--color-danger: #EF4444;--color-danger-bg: #FEF2F2;--color-info: #3B82F6;--color-info-bg: #EFF6FF;--gradient-primary: linear-gradient(135deg, #1E40AF, #2563EB);--gradient-blue-card: linear-gradient(135deg, #1E3A8A, #2563EB);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-xs: .6875rem;--font-sm: .75rem;--font-base: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--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;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-base);color:var(--color-text-primary);background-color:var(--color-bg);line-height:1.5;min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font-family);font-size:var(--font-base)}img{max-width:100%;display:block}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-center{text-align:center}.w-full{width:100%}.relative{position:relative}.app-layout{display:flex;flex-direction:column;min-height:100vh}.page-wrapper{flex:1;padding:var(--space-6) var(--space-8);max-width:1400px;margin:0 auto;width:100%}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);height:56px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.navbar-brand{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.navbar-brand-logo{height:40px;width:auto;display:block;object-fit:contain}.navbar-nav{display:flex;align-items:center;gap:0;list-style:none}.navbar-nav a{padding:var(--space-4) var(--space-5);color:var(--color-text-secondary);font-size:var(--font-base);font-weight:500;border-bottom:2px solid transparent;transition:all var(--transition-fast);display:block;height:56px;display:flex;align-items:center}.navbar-nav a:hover{color:var(--color-text-primary)}.navbar-nav a.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.navbar-actions{display:flex;align-items:center;gap:var(--space-3)}.navbar-icon-btn{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-secondary);transition:all var(--transition-fast)}.navbar-icon-btn:hover{background:var(--color-bg);color:var(--color-text-primary)}.navbar-avatar{width:34px;height:34px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-sm);cursor:pointer;transition:transform var(--transition-fast)}.navbar-avatar:hover{transform:scale(1.05)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;font-size:var(--font-base);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;line-height:1}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-outline:hover{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.btn-danger{background:transparent;color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-bg)}.btn-sm{padding:6px 14px;font-size:var(--font-sm)}.btn-lg{padding:14px 28px;font-size:var(--font-md);border-radius:var(--radius-lg)}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--color-bg);color:var(--color-primary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-size:var(--font-md);font-weight:600;color:var(--color-text-primary)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);transition:all var(--transition-base);position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card-icon{width:42px;height:42px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.kpi-card-icon.blue{background:var(--color-primary-light);color:var(--color-primary)}.kpi-card-icon.teal{background:#f0fdfa;color:#14b8a6}.kpi-card-icon.green{background:var(--color-success-bg);color:var(--color-success)}.kpi-card-icon.amber{background:var(--color-warning-bg);color:var(--color-warning)}.kpi-card-header{display:flex;align-items:center;justify-content:space-between}.kpi-card-label{font-size:var(--font-sm);color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.02em}.kpi-card-value{font-size:var(--font-2xl);font-weight:700;color:var(--color-text-primary);line-height:1.2}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;white-space:nowrap}.badge-success{background:var(--color-success-bg);color:#15803d}.badge-warning{background:var(--color-warning-bg);color:#b45309}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-primary)}.badge-gray{background:#f1f5f9;color:var(--color-text-secondary)}.badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.trend-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600}.trend-badge.up{background:var(--color-success-bg);color:#15803d}.trend-badge.down{background:var(--color-danger-bg);color:var(--color-danger)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--font-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-input{padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-base);transition:all var(--transition-fast);outline:none;width:100%}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:var(--color-text-muted)}.form-select{padding:10px 36px 10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 12px center;color:var(--color-text-primary);font-size:var(--font-base);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;transition:all var(--transition-fast)}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.data-table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{border-bottom:1px solid var(--color-border)}.data-table th{padding:12px 16px;text-align:left;font-size:var(--font-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table td{padding:14px 16px;font-size:var(--font-base);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-bg)}.data-table tbody tr:last-child td{border-bottom:none}.table-user-cell{display:flex;align-items:center;gap:var(--space-3)}.table-user-name{font-weight:500;color:var(--color-text-primary)}.table-user-email{font-size:var(--font-sm);color:var(--color-text-muted)}.pagination-wrapper{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-top:1px solid var(--color-border)}.pagination-info{font-size:var(--font-sm);color:var(--color-text-secondary)}.pagination-controls{display:flex;align-items:center;gap:var(--space-1)}.pagination-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500;background:transparent;color:var(--color-text-secondary);transition:all var(--transition-fast)}.pagination-btn:hover{background:var(--color-bg);color:var(--color-text-primary)}.pagination-btn.active{background:var(--color-primary);color:var(--color-text-inverse)}.avatar{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-sm);color:#fff;flex-shrink:0}.avatar-xs{width:24px;height:24px;font-size:10px}.avatar-sm{width:32px;height:32px;font-size:var(--font-xs)}.avatar-md{width:40px;height:40px;font-size:var(--font-base)}.avatar-lg{width:56px;height:56px;font-size:var(--font-xl)}.avatar-xl{width:80px;height:80px;font-size:var(--font-2xl)}.avatar-stack{display:flex}.avatar-stack .avatar{margin-left:-8px;border:2px solid var(--color-surface)}.avatar-stack .avatar:first-child{margin-left:0}.search-bar{position:relative;display:flex;align-items:center}.search-bar-input{padding:10px 14px 10px 40px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--font-base);width:100%;outline:none;transition:all var(--transition-fast)}.search-bar-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.search-bar-icon{position:absolute;left:12px;color:var(--color-text-muted);pointer-events:none}.search-bar-primary .search-bar-input{background:#fff;border-color:var(--color-border);color:var(--color-text)}.search-bar-primary .search-bar-input::placeholder{color:var(--color-text-muted)}.search-bar-primary .search-bar-icon{color:var(--color-text-muted)}.filter-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.filter-reset{font-size:var(--font-sm);color:var(--color-primary);font-weight:500;background:none;cursor:pointer}.filter-reset:hover{text-decoration:underline}.view-toggle{display:inline-flex;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.view-toggle-btn{padding:8px 18px;font-size:var(--font-sm);font-weight:500;background:transparent;color:var(--color-text-secondary);border:none;cursor:pointer;transition:all var(--transition-fast)}.view-toggle-btn.active{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-xs)}.page-header{margin-bottom:var(--space-6)}.page-breadcrumb{font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);font-weight:500}.page-title{font-size:var(--font-3xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.page-subtitle{font-size:var(--font-base);color:var(--color-text-secondary);max-width:600px;line-height:1.5}.quick-stats{background:var(--gradient-blue-card);border-radius:var(--radius-lg);padding:var(--space-5);color:#fff}.quick-stats-title{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--font-md);margin-bottom:var(--space-4)}.quick-stats-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid rgba(255,255,255,.15)}.quick-stats-item:last-child{border-bottom:none}.quick-stats-label{font-size:var(--font-base);opacity:.9}.quick-stats-value{font-weight:700;font-size:var(--font-md)}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0}.activity-dot{width:8px;height:8px;border-radius:var(--radius-full);margin-top:6px;flex-shrink:0}.activity-dot.blue{background:var(--color-primary)}.activity-dot.green{background:var(--color-success)}.activity-dot.orange{background:var(--color-warning)}.activity-title{font-weight:500;font-size:var(--font-base);color:var(--color-text-primary)}.activity-desc{font-size:var(--font-sm);color:var(--color-text-muted)}.chart-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.chart-toggle-btn{padding:6px 16px;font-size:var(--font-sm);font-weight:500;background:transparent;color:var(--color-text-secondary);border:none;cursor:pointer;transition:all var(--transition-fast)}.chart-toggle-btn.active{background:var(--color-text-primary);color:var(--color-text-inverse)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal-content{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);width:90%;max-width:500px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.modal-title{font-size:var(--font-lg);font-weight:600}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg);padding:var(--space-6);position:relative}.login-page:before{content:"";position:absolute;bottom:0;left:0;width:200px;height:200px;background:linear-gradient(135deg,rgba(226,232,240,.5),transparent);border-radius:0 200px 0 0}.login-brand{text-align:center;margin-bottom:var(--space-8)}.login-brand-logo{height:76px;width:auto;display:block;margin:0 auto var(--space-4);object-fit:contain}.login-brand p{font-size:var(--font-base);color:var(--color-text-secondary)}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:420px;box-shadow:var(--shadow-sm)}.login-card h2{font-size:var(--font-lg);font-weight:600;text-align:center;margin-bottom:var(--space-6)}.otp-input-group{display:flex;gap:var(--space-2);justify-content:center}.otp-input{width:44px;height:48px;text-align:center;font-size:var(--font-xl);font-weight:600;border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast)}.otp-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.login-footer{text-align:center;margin-top:var(--space-6)}.login-footer a{font-size:var(--font-sm);color:var(--color-primary)}.login-footer-divider{color:var(--color-text-muted);margin:0 var(--space-2)}.login-encryption{position:absolute;bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-xs);color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase}.hierarchy-page{display:flex;height:calc(100vh - 56px);overflow:hidden;background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 30%),radial-gradient(circle at bottom right,rgba(14,165,233,.06),transparent 24%),var(--color-bg)}.hierarchy-tree-area{flex:1;position:relative;overflow:hidden;background:transparent}.hierarchy-toolbar{position:absolute;top:var(--space-4);left:var(--space-4);right:var(--space-4);display:flex;align-items:center;justify-content:space-between;z-index:10;gap:var(--space-4)}.hierarchy-controls{display:flex;align-items:center;gap:var(--space-2)}.tree-control-btn{width:36px;height:36px;border-radius:var(--radius-md);background:#ffffffeb;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.tree-control-btn:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tree-node-card{background:linear-gradient(180deg,#fffffff5,#f8fafcf5);border:1px solid rgba(148,163,184,.2);border-left:4px solid var(--color-primary);border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;min-width:230px;height:100%;box-shadow:0 12px 28px #0f172a0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tree-node-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px #0f172a1a}.tree-node-card.selected{background:linear-gradient(180deg,#eff6ff,#f8fbff);border-color:#2563eb47;border-left-color:var(--color-primary);box-shadow:0 16px 36px #2563eb1f}.tree-node-info{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.tree-node-info h4{font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#2a3439;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node-info p{font-family:Inter,sans-serif;font-size:12px;color:#566166;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.tree-node-kicker{padding:2px 8px;border-radius:9999px;background:#2563eb14;color:var(--color-primary);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.tree-node-kicker.root{background:#10b9811f;color:#047857}.tree-node-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;margin-top:6px;text-transform:uppercase;font-family:Inter,sans-serif;padding:4px 10px;border-radius:9999px;width:fit-content}.tree-node-status .dot{width:6px;height:6px;border-radius:50%}.tree-node-status.active .dot{background:#16a34a}.tree-node-status.active{color:#15803d;background:#dcfce7}.tree-node-status.inactive .dot{background:#dc2626}.tree-node-status.inactive{color:#b91c1c;background:#fee2e2}.tree-node-status.pending .dot{background:#d97706}.tree-node-status.pending{color:#b45309;background:#fef3c7}.tree-link{fill:none;stroke:#bcd0ff;stroke-width:1.5px}.org-page{max-width:none;width:100%}.org-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6)}.org-header-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.org-profile-card{background:linear-gradient(180deg,#fffffffa,#f8fafcf5);border-radius:24px;border:1px solid rgba(226,232,240,.95);padding:24px;box-shadow:0 24px 48px #0f172a0f;display:flex;flex-direction:column;gap:18px}.org-profile-hero{display:flex;align-items:center;gap:16px}.org-profile-avatar .avatar{box-shadow:0 18px 28px #2563eb2e}.org-profile-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1.1;margin-top:8px}.org-profile-subtitle{font-size:var(--font-sm);color:var(--color-text-secondary);margin-top:6px}.org-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.org-detail-item{background:#f8fafc;border:1px solid var(--color-border-light);border-radius:16px;padding:14px}.org-detail-item label{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px}.org-detail-item span{font-size:14px;font-weight:600;color:var(--color-text-primary)}.org-meta-list{display:grid;gap:10px}.org-meta-row{display:flex;align-items:center;gap:10px;color:var(--color-text-secondary);font-size:14px}.org-quick-stats{display:grid;gap:10px}.org-quick-stat{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid rgba(191,219,254,.7)}.org-quick-stat span{color:var(--color-text-secondary);font-size:13px;font-weight:500}.org-quick-stat strong{color:var(--color-text-primary);font-size:15px;font-weight:700}.org-side-note{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--color-text-secondary);padding:14px 16px;background:#2563eb0f;border:1px solid rgba(37,99,235,.12);border-radius:16px}.org-tree-shell{padding:0;overflow:hidden;border-radius:24px;box-shadow:0 24px 48px #0f172a0f;background:radial-gradient(circle at top right,rgba(37,99,235,.08),transparent 24%),var(--color-surface)}.org-tree-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 24px 0}.org-tree-header h2{font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}.org-tree-header p{color:var(--color-text-secondary);font-size:13px;margin-top:4px}.org-tree-toolbar{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.org-search-bar{min-width:300px}.org-search-spinner{position:absolute;right:30px;color:var(--color-text-muted)}.org-search-chevron{position:absolute;right:10px;color:var(--color-text-muted);pointer-events:none}.org-search-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:300px;background:#fff;border:1px solid var(--color-border);border-radius:16px;box-shadow:0 18px 48px #0f172a1f;overflow:hidden;z-index:20}.org-search-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:left;background:#fff;transition:background var(--transition-fast)}.org-search-item:hover{background:#f8fafc}.org-search-item-copy{display:flex;flex-direction:column;gap:2px;overflow:hidden}.org-search-item-copy strong{font-size:13px;color:var(--color-text-primary)}.org-search-item-copy span{font-size:12px;color:var(--color-text-secondary)}.org-tree-body{position:relative;min-height:680px;padding:16px 12px 10px}.org-tree-viewport{position:relative;width:100%;min-height:620px;height:100%;overflow:hidden}.org-loading-overlay,.org-empty-state{min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;color:var(--color-text-secondary)}.org-empty-state h3{font-size:18px;color:var(--color-text-primary)}.org-empty-state p{max-width:420px;font-size:14px}.org-tree-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid var(--color-border-light);padding:16px 24px 24px}.org-tree-foot-stat{padding:14px 16px;background:#f8fafc;border-radius:16px;border:1px solid var(--color-border-light)}.org-tree-foot-stat span{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px}.org-tree-foot-stat strong{font-size:13px;font-weight:700;color:var(--color-text-primary);word-break:break-word}.org-modal-shell{background:linear-gradient(180deg,#fff,#f8fafc);border-left:1px solid var(--color-border);box-shadow:-24px 0 48px #0f172a1f;display:flex;flex-direction:column}.org-modal-header{padding:22px 22px 18px;border-bottom:1px solid var(--color-border-light);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.org-modal-kicker{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);margin-bottom:6px}.org-modal-header h3{font-size:1.15rem;font-weight:700;color:var(--color-text-primary)}.org-modal-header span{display:block;margin-top:4px;font-size:13px;color:var(--color-text-secondary)}.org-modal-close{width:36px;height:36px;border-radius:12px;border:1px solid var(--color-border);background:#fff;color:var(--color-text-secondary)}.org-modal-body{padding:22px;display:flex;flex-direction:column;gap:18px}.org-modal-card{background:linear-gradient(180deg,#eff6ff,#f8fbff);border:1px solid rgba(191,219,254,.8);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:12px}.org-modal-card-row{display:flex;align-items:center;gap:12px}.org-modal-card-row strong{display:block;color:var(--color-text-primary);font-size:15px}.org-modal-card-row span{display:block;font-size:13px;color:var(--color-text-secondary);margin-top:2px}.org-modal-card p{font-size:13px;color:var(--color-text-secondary);line-height:1.55}.org-modal-field{position:relative}.org-modal-field label{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:8px}.org-modal-input{width:100%;border-radius:16px;border:1px solid var(--color-border);background:#fff;padding:12px 40px;font-size:14px;outline:none;transition:all var(--transition-fast)}.org-modal-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.org-modal-search-icon{position:absolute;top:12px;left:12px;color:var(--color-text-muted)}.org-modal-spinner{position:absolute;top:12px;right:12px;color:var(--color-text-muted)}.org-modal-dropdown{margin-top:10px;background:#fff;border:1px solid var(--color-border);border-radius:16px;box-shadow:0 18px 48px #0f172a1f;overflow:hidden}.org-modal-option{width:100%;padding:12px 14px;display:flex;align-items:center;gap:12px;background:#fff;text-align:left;transition:background var(--transition-fast)}.org-modal-option:hover{background:#f8fafc}.org-modal-option strong{display:block;font-size:13px;color:var(--color-text-primary)}.org-modal-option span{display:block;font-size:12px;color:var(--color-text-secondary);margin-top:2px}.org-tree-node-card-root{border-left-color:#0f766e}.user-side-panel{background:radial-gradient(circle at top right,rgba(37,99,235,.08),transparent 20%),linear-gradient(180deg,#fff,#f8fafc);border-left:1px solid rgba(226,232,240,.9)}.user-side-panel-tabs{margin-bottom:6px}.user-side-panel-tabs button{border-radius:9999px;padding-inline:14px;background:#f8fafc}.user-side-panel-tabs button.bg-primary{box-shadow:0 10px 24px #2563eb2e}.user-side-panel-body .bg-white{border:1px solid rgba(226,232,240,.9);box-shadow:0 16px 36px #0f172a0d}.user-side-panel-body .text-neutral-500{color:var(--color-text-secondary)}.user-side-panel-body .bg-primary{background:var(--gradient-primary)}.user-side-panel-body .rounded-2xl{border-radius:20px}.user-side-panel-body .rounded-xl{border-radius:16px}.profile-panel{width:360px;background:var(--color-surface);border-left:1px solid var(--color-border);padding:var(--space-6);overflow-y:auto;animation:slideInRight .3s ease;flex-shrink:0}.profile-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.profile-panel-label{font-size:var(--font-xs);font-weight:700;color:var(--color-warning);text-transform:uppercase;letter-spacing:.05em}.profile-panel-user{text-align:center;margin-bottom:var(--space-6)}.profile-panel-user h3{font-size:var(--font-lg);font-weight:600;margin-top:var(--space-3)}.profile-panel-user p{font-size:var(--font-sm);color:var(--color-text-secondary)}.profile-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:var(--space-5)}.profile-info-item label{font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:2px}.profile-info-item span{font-size:var(--font-sm);font-weight:500;color:var(--color-text-primary)}.org-layout{display:grid;grid-template-columns:380px 1fr;gap:var(--space-6);align-items:start}.org-profile-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.org-badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;background:var(--color-info-bg);color:var(--color-primary)}.org-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-4) 0}.org-detail-item label{display:block;font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase;margin-bottom:2px}.org-detail-item span{font-size:var(--font-sm);font-weight:500}.branch-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.branch-chip{padding:4px 12px;border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border);font-size:var(--font-sm);color:var(--color-text-primary)}.org-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--space-5)}.commission-summary{display:flex;gap:var(--space-6)}.commission-summary-item{text-align:right}.commission-summary-label{font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase}.commission-summary-value{font-size:var(--font-xl);font-weight:700}.commission-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.commission-form-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.reports-layout{display:grid;grid-template-columns:360px 1fr;gap:var(--space-6)}.report-format-toggle{display:flex;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.report-format-btn{flex:1;padding:10px;font-size:var(--font-sm);font-weight:500;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.report-format-btn.active{background:var(--color-primary);color:#fff}.report-type-badge{padding:3px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600}.report-type-badge.audit{background:#fef3c7;color:#92400e}.report-type-badge.activity{background:#dbeafe;color:#1e40af}.report-type-badge.organization{background:#e0e7ff;color:#3730a3}.report-type-badge.system{background:#f1f5f9;color:#475569}.scheduled-report-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.storage-bar{width:100%;height:8px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden}.storage-bar-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.app-footer{padding:var(--space-4) var(--space-8);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;font-size:var(--font-sm);color:var(--color-text-muted)}.app-footer-links{display:flex;gap:var(--space-6)}.app-footer-links a{color:var(--color-text-secondary);font-size:var(--font-sm)}.app-footer-links a:hover{color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .3s ease}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.org-layout,.reports-layout,.commission-charts-grid,.commission-form-section{grid-template-columns:1fr}}@media(max-width:768px){.kpi-grid{grid-template-columns:1fr}.page-wrapper{padding:var(--space-4)}.navbar{padding:0 var(--space-4)}.navbar-nav{display:none}.profile-panel{width:100%;position:fixed;right:0;top:56px;bottom:0;z-index:50}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.user-side-panel{animation:slideInRight .3s ease-out}.animate-fade-in{animation:fadeInBackdrop .2s ease-out}.user-side-panel ::-webkit-scrollbar{width:4px}.user-side-panel ::-webkit-scrollbar-track{background:transparent}.user-side-panel ::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}