*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f4f7fc;color:#1e293b}.app-container{max-width:1440px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,20,40,.08);overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.header{padding:24px 32px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}.header,.header h1{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.header h1{font-weight:600;font-size:22px;letter-spacing:.5px;gap:10px}.header h1 small{font-weight:400;font-size:14px;opacity:.7;margin-left:8px}.header-actions{display:-ms-flexbox;display:flex;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn{padding:8px 20px;border:none;border-radius:40px;font-weight:500;font-size:14px;cursor:pointer;transition:.15s ease;background:#eef2f6;color:#1e293b}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-success{background:#22c55e;color:#fff}.btn-success:hover{background:#16a34a}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-outline{background:transparent;border:1px solid hsla(0,0%,100%,.25);color:#fff}.btn-outline:hover{background:hsla(0,0%,100%,.1)}.search-bar{padding:16px 32px;background:#f8fafc;border-bottom:1px solid #e9edf2;display:-ms-flexbox;display:flex;gap:12px;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}.search-bar input{-ms-flex:1;flex:1;min-width:200px;padding:8px 16px;border-radius:40px;border:1px solid #d1d9e6;font-size:14px;outline:none}.search-bar input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.search-bar .stats{font-size:13px;color:#64748b;margin-left:auto}.main-layout{display:-ms-flexbox;display:flex;min-height:600px}.tree-wrapper{-ms-flex:2;flex:2;padding:24px 20px 32px 32px;border-right:1px solid #e9edf2}.detail-panel,.tree-wrapper{overflow-y:auto;max-height:700px}.detail-panel{-ms-flex:1;flex:1;min-width:280px;padding:24px 28px;background:#fafcff}.tree-root{list-style:none;padding-left:0}.tree-root ul{list-style:none;padding-left:28px;margin-left:6px;border-left:2px dashed #dce3ec}.tree-node{margin:6px 0;position:relative}.tree-node .node-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:10px;background:#fff;border:1px solid transparent;transition:.15s;cursor:pointer}.tree-node .node-content:hover{background:#f1f5f9;border-color:#d1d9e6}.tree-node .node-content.active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.tree-node .toggle-icon{display:-ms-inline-flexbox;display:inline-flex;width:20px;height:20px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#eef2f6;border-radius:6px;font-size:12px;font-weight:700;color:#475569;-ms-flex-negative:0;flex-shrink:0}.tree-node .toggle-icon:hover{background:#d1d9e6}.tree-node .user-badge{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1}.tree-node .user-name{font-weight:600;font-size:15px}.tree-node .user-tag{font-size:11px;font-weight:600;background:#e2e8f0;padding:2px 12px;border-radius:40px;color:#334155}.tree-node .user-tag.level-1{background:#dbeafe;color:#1d4ed8}.tree-node .user-tag.level-2{background:#d1fae5;color:#047857}.tree-node .user-tag.level-3{background:#fef3c7;color:#b45309}.tree-node .user-price{font-size:14px;font-weight:600;color:#0f172a;background:#f1f5f9;padding:0 12px;border-radius:30px;line-height:26px}.tree-node .node-actions{display:-ms-flexbox;display:flex;gap:4px;opacity:1}.tree-node .node-actions .btn-sm{padding:2px 10px;font-size:12px;border-radius:30px;border:none;cursor:pointer;background:transparent;color:#475569}.tree-node .node-actions .btn-sm:hover{background:#e2e8f0}.tree-node .node-actions .btn-sm.danger:hover{background:#fee2e2;color:#dc2626}.tree-node .node-actions .btn-sm.edit:hover{background:#dbeafe;color:#2563eb}.detail-panel h3{font-size:16px;font-weight:600;margin-bottom:18px;color:#0f172a;border-bottom:2px solid #e9edf2;padding-bottom:12px}.panel-placeholder{text-align:center;padding:60px 0;color:#94a3b8}.placeholder-icon{font-size:48px;margin-bottom:12px}.placeholder-text{font-size:15px;line-height:1.6}.detail-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.detail-item .label{color:#64748b}.detail-item .value{font-weight:500}.form-group{margin:16px 0 10px}.form-group label{display:block;font-size:13px;font-weight:500;color:#334155;margin-bottom:4px}.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid #d1d9e6;border-radius:8px;font-size:14px;outline:none}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.form-select{appearance:auto;background:#fff}.detail-actions{margin-top:20px;gap:10px}.detail-actions,.price-header-inline{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.price-header-inline{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:16px;gap:8px}.price-header-inline h3{margin:0;border:none;padding:0}.price-list{-ms-flex-direction:column;flex-direction:column;gap:8px}.price-item,.price-list{display:-ms-flexbox;display:flex}.price-item{-ms-flex-align:center;align-items:center;gap:12px;padding:8px 12px;background:#f8fafc;border-radius:10px}.price-level{font-weight:500;min-width:80px}.price-input{-ms-flex:1;flex:1;padding:6px 12px;border:1px solid #d1d9e6;border-radius:6px;font-size:14px}.price-item .btn-sm{padding:2px 8px;font-size:12px;border:none;border-radius:6px;cursor:pointer;background:transparent;color:#94a3b8}.price-item .btn-sm:hover{background:#fee2e2;color:#dc2626}.btn-sm.btn-danger{background:transparent;color:#94a3b8}.btn-sm.btn-danger:hover{background:#fee2e2;color:#dc2626}@media (max-width:860px){.main-layout{-ms-flex-direction:column;flex-direction:column}.tree-wrapper{border-right:none;border-bottom:1px solid #e9edf2}.detail-panel,.tree-wrapper{max-height:400px;padding:16px}.header{padding:16px 20px}.header h1{font-size:18px}}