.container2{max-width:1200px;margin:0 auto;background-color:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden;}header{background:linear-gradient(to right,#2c3e50,#4a6491);color:#fff;padding:25px;text-align:center;}h1{font-size:2.2rem;margin-bottom:10px;}.controls{padding:20px;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;flex-wrap:wrap;gap:15px;align-items:center;}.search-box{flex:1;min-width:250px;padding:12px 15px;border:2px solid #ddd;border-radius:8px;font-size:16px;transition:all .3s;}.search-box:focus{border-color:#4a6491;outline:none;}.view-toggle{display:flex;background-color:#e9ecef;border-radius:8px;overflow:hidden;}.view-btn{padding:10px 20px;border:none;background:none;cursor:pointer;font-weight:500;transition:all .3s;}.view-btn.active{background-color:#4a6491;color:#fff;}.export-btn{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .3s;}.export-btn:hover{background-color:#218838;}.chart-container{padding:20px;min-height:500px;overflow-x:auto;}.tree-view{display:none;position:relative;}.tree-view.active{display:block;}.table-view{display:none;overflow-x:auto;}.table-view.active{display:block;}table{width:100%;border-collapse:collapse;margin-top:10px;}th{background-color:#4a6491;color:#fff;padding:15px;text-align:right;position:sticky;top:0;}td{padding:12px 15px;border-bottom:1px solid #dee2e6;}tr:hover{background-color:#f8f9fa;}.tree{position:relative;padding:20px;}.tree ul{padding-right:40px;position:relative;transition:all .5s;}.tree li{list-style-type:none;margin:5px 0;position:relative;padding:5px 5px 5px 5px;}.tree li::before{content:'';position:absolute;top:0;right:-20px;width:20px;height:50%;border-right:2px solid #ccc;border-bottom:2px solid #ccc;}.tree li::after{content:'';position:absolute;top:50%;right:-20px;width:20px;height:51%;border-right:2px solid #ccc;}.tree li:last-child::after{display:none;}.node{background-color:#fff;border:3px solid #4a628b;border-radius:8px;padding:2px;display:inline-flex;min-width:300px;box-shadow:0 3px 10px rgba(0,0,0,.1);transition:all .3s;cursor:pointer;}.node:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.15);background-color:#f0f7ff;}.chart-image{vertical-align:middle;width:5rem;height:7rem;margin:0;padding:0;}.chart-image-card{text-align:right;padding-left:1em;align-self:center;}.node-info{padding:2px 5px;vertical-align:middle;}.node-title{font-weight:bold;color:#2c3e50;margin-bottom:5px;font-size:.9rem;width:100%;}.node-details{font-size:.75rem;color:#555;margin-top:8px;}.node-details div{margin:3px 0;}.no-data{text-align:center;padding:50px;color:#6c757d;font-size:1.2rem;}@media(max-width:768px){.controls{flex-direction:column;align-items:stretch;}.search-box{min-width:100%;}th,td{padding:10px 8px;font-size:.9rem;}.node{min-width:200px;}}