:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{height:100vh;width:100vw}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.tabs-container{width:100%;margin:40px auto;background:#f7f9fa;border-radius:18px;box-shadow:0 4px 24px #00000014;padding:2vw 1vw;box-sizing:border-box}.tabs{display:flex;gap:2vw;margin-bottom:2vw;justify-content:center;flex-wrap:wrap}.tab-btn{padding:1vw 3vw;border:none;border-radius:8px 8px 0 0;background:#e3eafc;color:#1976d2;font-size:1.1em;font-weight:600;cursor:pointer;transition:background .2s,color .2s;min-width:100px}.tab-btn.active{background:linear-gradient(90deg,#1976d2 0%,#42a5f5 100%);color:#fff}.tab-content{background:#fff;border-radius:0 0 12px 12px;padding:2vw 1vw;box-shadow:0 2px 12px #1976d214;overflow-x:auto}.table-wrapper{width:100%;overflow-x:auto}.styled-table{border-collapse:collapse;width:100%;min-width:600px;margin-bottom:24px;table-layout:auto}.styled-table th,.styled-table td{border:1px solid #e0e0e0;padding:.8vw;text-align:center;word-break:break-all}.styled-table th{background-color:#1976d2;color:#fff;font-size:1.1em;letter-spacing:1px}.styled-table tr:nth-child(2n){background-color:#f2f6fc}.styled-table tr:hover{background-color:#e3eafc;transition:background .2s}@media (max-width: 900px){.tabs-container{padding:2vw .5vw;max-width:100vw}.tab-content{padding:2vw .5vw}.styled-table{min-width:500px;font-size:.95em}}@media (max-width: 600px){.tabs-container{padding:2vw .2vw}.tab-btn{font-size:1em;padding:2vw 4vw;min-width:80px}.styled-table{min-width:400px;font-size:.9em}}.status-dot{display:inline-block;padding:2px 12px;border-radius:12px;font-size:.95em;font-weight:600;color:#fff}.status-success{background:#43a047}.status-warning{background:#ffa726}.status-error{background:#e53935}.search-row{display:flex;align-items:start;gap:.5vw;margin-bottom:18px;flex-wrap:wrap;background:#e3eafc;border-radius:8px;padding:12px 8px}.search-cell{flex:1 1 120px;min-width:100px;margin-right:6px}.search-input{box-sizing:border-box;height:2rem;width:100%;border:1px solid #bdbdbd;border-radius:6px;font-size:1rem;transition:border-color .2s;background:#fff}.search-input:focus{border-color:#1976d2;outline:none}.btn{padding:.2rem 1.2rem;background:linear-gradient(90deg,#1976d2 0%,#42a5f5 100%);color:#fff;border:none;border-radius:8px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:background .2s;margin:0 .2rem}.btn:hover{background:linear-gradient(90deg,#1565c0 0%,#1e88e5 100%)}.btn-sm{font-size:.8rem;padding:.2rem .8rem}.btn-mid{font-size:1.2rem}.btn-lg{font-size:2rem}.btn-add{background:linear-gradient(90deg,#35d219ff 0%,#51f542ff 100%)}.btn-add:hover{background:linear-gradient(90deg,#15c029ff 0%,#1ee53fff 100%)}.btn-del{background:linear-gradient(90deg,rgb(210,25,25) 0%,rgb(245,66,66) 100%)}.btn-del:hover{background:linear-gradient(90deg,rgb(192,21,21) 0%,rgb(229,30,30) 100%)}label{display:block;margin:10px 0 4px;font-weight:600}label.v_require:before{content:"*";color:red}input{width:90%;padding:6px 10px;border:1px solid #bdbdbd;border-radius:6px;font-size:1rem;margin-bottom:6px}