body{margin:2em;font-family:sans-serif}input{width:300px;padding:.5em}table{border-collapse:collapse;width:100%;margin-top:1em}th,td{text-align:left;border:1px solid #ccc;padding:.5em}th{cursor:pointer;background:#f5f5f5}tr:hover{background:#f0f0f0}.type-requires{background:#f3faff}.type-optional{background:#fff8e1}.type-provides{color:#2980b9}#tabs{margin-bottom:1em}.tab-button{cursor:pointer;background-color:#f0f0f0;border:none;border-radius:6px;margin-right:.5em;padding:.6em 1.2em;font-size:14px}.tab-button.active{color:#fff;background-color:#2980b9}.tab-view{display:none}.tab-view.active{display:block}#api-select{border:1px solid #ccc;border-radius:4px;width:100%;padding:8px;font-size:14px}.dropdown{z-index:1000;background:#fff;border:1px solid #ccc;border-top:none;width:100%;max-height:200px;font-size:14px;display:none;position:absolute;overflow-y:auto}.dropdown-item{cursor:pointer;padding:6px 12px}.dropdown-item:hover,.dropdown-item.active{background-color:#f0f0f0}.dropdown-item strong{color:#000}th.asc:after{content:" ▲"}th.desc:after{content:" ▼"}.simple-table{border-collapse:collapse;width:100%;font-size:14px}.simple-table th,.simple-table td{border:1px solid #ddd;padding:6px 10px}.simple-table th{text-align:left;background-color:#f9f9f9}.simple-table a{color:#0366d6;text-decoration:none}.simple-table a:hover{text-decoration:underline}.simple-table th{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f9f9f9;position:relative}.simple-table th:hover{background-color:#e9e9e9}.simple-table th.asc:after{content:" ▲";color:#666}.simple-table th.desc:after{content:" ▼";color:#666}.simple-table th:last-child{cursor:default}.simple-table th:last-child:hover{background-color:#f9f9f9}.view-usage-btn{cursor:pointer;padding:4px 8px;font-size:12px}#dependency-table .view-usage-btn{cursor:pointer;color:#fff;background-color:#2980b9;border:none;border-radius:3px;padding:4px 8px;font-size:12px;transition:background-color .2s}#dependency-table .view-usage-btn:hover{background-color:#1976d2}#dependency-table th:last-child,#dependency-table td:last-child{text-align:center;width:100px}#dependency-table td:last-child{white-space:nowrap}.export-csv-btn{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:4px;align-items:center;gap:4px;padding:8px 16px;font-size:14px;transition:background-color .2s;display:inline-flex}.export-csv-btn:hover{background-color:#218838}.export-csv-btn:active{background-color:#1e7e34}.export-csv-btn:disabled{cursor:not-allowed;background-color:#6c757d}#api-details h3{margin:.5em 0}#api-details>div:first-child{border-bottom:1px solid #ddd;margin-bottom:1em;padding-bottom:.5em}.app-card{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:1.5em;padding:1.5em;transition:box-shadow .2s;box-shadow:0 2px 4px #0000001a}.app-card:hover{box-shadow:0 4px 8px #00000026}.app-card h3{color:#2980b9;align-items:center;gap:8px;margin-top:0;display:flex}.app-card .app-meta{color:#666;margin-bottom:1em;font-size:14px}.app-card .app-platform{border-radius:4px;margin-left:8px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.app-card .platform-base{color:#1976d2;background-color:#e3f2fd}.app-card .platform-complete{color:#388e3c;background-color:#e8f5e9}.app-section{margin:1em 0}.app-section h4{color:#555;margin:.5em 0;font-size:16px}.app-list{margin:.5em 0;padding:0;list-style:none}.app-list li{background:#f8f9fa;border-left:3px solid #2980b9;border-radius:3px;justify-content:space-between;align-items:center;margin:4px 0;padding:6px 12px;display:flex}.app-list li code{color:#c7254e;background-color:#f9f2f4;border-radius:3px;padding:2px 4px;font-weight:700}.app-list li .version{color:#666;font-size:13px}.app-list.dependencies li{border-left-color:#9c27b0}.app-list.modules li{border-left-color:#4caf50}.app-list.ui-modules li{border-left-color:#ff9800}.empty-section{color:#999;padding:8px;font-style:italic}.app-dependencies-controls .graph-btn{color:#fff;cursor:pointer;background-color:#2980b9;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:background-color .2s}.app-dependencies-controls .graph-btn:hover{background-color:#1976d2}.app-dependencies-controls .graph-btn:active{background-color:#1565c0}#app-dependencies-graph{position:relative}#app-dependencies-legend h4{color:#333;font-size:16px}.dep-removable{background:#fff8f0;border-left-color:#e67e22!important}.dep-removable-badge{color:#856404;cursor:help;vertical-align:middle;background:#fff3cd;border:1px solid #ffc107;border-radius:10px;margin-left:8px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-block}.section-removable-badge{color:#856404;vertical-align:middle;background:#ffeeba;border:1px solid #ffc107;border-radius:10px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}