:root{--sidebar-width: 240px;--primary: #4f46e5;--danger: #dc2626;--success: #059669;--warning: #d97706}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:#f5f5f5}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.page-content{animation:fadeIn .3s ease-out}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;border-radius:16px;padding:3rem;width:400px;box-shadow:0 20px 60px #00000026;animation:scaleIn .4s ease-out}.login-card h2{text-align:center;margin-bottom:2rem;color:#333}.app{display:none}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:#1e1b4b;color:#fff;padding:1.5rem 0;overflow-y:auto;z-index:100}.sidebar .logo{padding:0 1.5rem;margin-bottom:2rem;font-size:1.2rem;font-weight:700}.sidebar .menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:#a5b4fc;cursor:pointer;transition:all .2s;text-decoration:none!important;position:relative;border-left:3px solid transparent}.sidebar .menu-item:hover{background:#ffffff1a;color:#fff}.sidebar .menu-item.active{background:#ffffff1a;color:#fff;border-left-color:#818cf8}.sidebar .menu-item i{font-size:1.1rem;width:20px;text-align:center}.sidebar .menu-group{padding:.5rem 1.5rem;font-size:.75rem;text-transform:uppercase;color:#6366f1;margin-top:1rem;letter-spacing:.05em}.main{margin-left:var(--sidebar-width);padding:1.5rem 2rem;min-height:100vh}.page-header{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.page-header h4{font-weight:700;color:#1e1b4b}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #00000014;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-card .label{font-size:.85rem;color:#666;margin-bottom:.25rem}.stat-card .value{font-size:1.8rem;font-weight:700;color:#1e1b4b}.card{border:none;border-radius:12px;box-shadow:0 1px 3px #00000014}.table th{font-weight:600;font-size:.85rem;color:#666;white-space:nowrap}.table tbody tr{transition:background .15s}.table tbody tr:hover{background:#f0f0ff!important}.btn{transition:all .15s}.btn:active{transform:scale(.96)}.modal.fade .modal-dialog{transition:transform .25s ease-out,opacity .25s ease-out}.modal-content{border-radius:12px;border:none}.toast-container{position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:8px}.toast-item{padding:12px 20px;border-radius:8px;color:#fff;font-size:.9rem;box-shadow:0 4px 16px #00000026;display:flex;align-items:center;gap:8px;min-width:280px;animation:slideInRight .3s ease-out;cursor:pointer}.toast-item.removing{animation:slideOutRight .3s ease-out forwards}.toast-item.toast-success{background:#059669}.toast-item.toast-error{background:#dc2626}.toast-item.toast-info{background:#4f46e5}.toast-item.toast-warning{background:#d97706}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99998;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.confirm-box{background:#fff;border-radius:16px;padding:2rem;width:420px;max-width:90vw;box-shadow:0 20px 60px #0003;animation:scaleIn .25s ease-out}.confirm-box .confirm-icon{font-size:3rem;text-align:center;margin-bottom:1rem}.confirm-box .confirm-title{font-size:1.2rem;font-weight:700;text-align:center;margin-bottom:.5rem}.confirm-box .confirm-message{text-align:center;color:#666;margin-bottom:1.5rem;font-size:.95rem}.confirm-box .confirm-input{margin-bottom:1rem}.confirm-box .confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-box .confirm-actions .btn{min-width:100px}.confirm-box.confirm-danger .confirm-icon{color:#dc2626}.confirm-box.confirm-warning .confirm-icon{color:#d97706}.confirm-box.confirm-info .confirm-icon{color:#4f46e5}.tree-node{position:relative;padding-left:24px}.tree-node:before{content:"";position:absolute;left:11px;top:0;bottom:0;border-left:2px solid #e5e7eb}.tree-node:last-child:before{bottom:50%}.tree-card{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px 16px;margin:6px 0;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.tree-card:hover{border-color:#4f46e5;box-shadow:0 2px 8px #4f46e51a}.tree-card:before{content:"";position:absolute;left:-24px;top:50%;width:24px;border-top:2px solid #e5e7eb}.tree-card .avatar{width:40px;height:40px;border-radius:50%;background:#eef2ff;display:flex;align-items:center;justify-content:center;font-weight:700;color:#4f46e5;flex-shrink:0}.tree-card .info{flex:1}.tree-card .info .name{font-weight:600;font-size:.95rem}.tree-card .info .meta{font-size:.8rem;color:#888}.tree-card .stats{display:flex;gap:16px;font-size:.8rem;text-align:center}.tree-card .stats .stat-val{font-weight:700;color:#1e1b4b}.tree-card .stats .stat-label{color:#999;font-size:.7rem}.tree-toggle{font-size:.8rem;color:#4f46e5;cursor:pointer;-webkit-user-select:none;user-select:none}.tree-root>.tree-node:before{display:none}.tree-root>.tree-node>.tree-card:before{display:none}.detail-panel{max-height:70vh;overflow-y:auto}.detail-section{margin-bottom:1.5rem}.detail-section h6{font-weight:700;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.detail-row{display:flex;padding:4px 0;font-size:.9rem}.detail-row .label{width:100px;color:#888;flex-shrink:0}.detail-row .value{flex:1;font-weight:500}.user-link{cursor:pointer;color:var(--primary);text-decoration:none}.user-link:hover{text-decoration:underline}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:.3s}.sidebar.open{transform:translate(0)}.main{margin-left:0}}