:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#2c3e50;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{margin:0;padding:0;background-color:#2c3e50}*{box-sizing:border-box}#root{width:100%;min-height:100vh;background-color:#2c3e50}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#2c3e50}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.4em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-header{height:100px;background-color:#1a1a1a;border-bottom:1px solid #333;display:flex;align-items:center;padding:0 20px;position:fixed;top:0;left:0;right:0;z-index:1000}.header-logo{display:flex;align-items:center;gap:12px}.logo{height:100px;width:100px;transition:transform .3s ease}.logo:hover{transform:rotate(360deg)}.logo-text{font-size:36px;font-weight:600;color:#646cff}.sidebar{width:250px;background-color:#1a1a1a;border-right:1px solid #333;height:calc(100vh - 60px);position:fixed;top:100px;left:0;z-index:900}.sidebar-nav{display:flex;flex-direction:column;padding:20px 0}.nav-tab{width:100%;padding:15px 20px;border:none;background:none;color:#ccc;text-align:left;font-size:16px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.nav-tab:hover{background-color:#2a2a2a;color:#fff}.nav-tab.active{background-color:#2a2a2a;color:#646cff;border-left-color:#646cff}.um-toggle-filters{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:20px;background-color:#3d5266;border-radius:8px}.filter-group{display:flex;align-items:center;gap:10px}.filter-group label{color:#fff;font-weight:500;font-size:14px}.filter-select{min-width:200px;padding:8px 30px 8px 12px;background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px!important;color:#333!important;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;line-height:normal}.filter-select:focus{outline:2px solid #646cff;border-color:#646cff}.submit-button{padding:8px 24px;background-color:#fff;color:#333;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-left:auto}.submit-button:hover{background-color:#f0f0f0}.um-toggle-table{width:100%;border-collapse:collapse;background-color:#3d5266;border-radius:8px;overflow:hidden}.um-toggle-table thead{background-color:#cbd5e0}.um-toggle-table th{padding:12px 16px;text-align:left;font-weight:600;color:#333;font-size:14px;border-bottom:1px solid #a0aec0}.um-toggle-table tbody tr{background-color:#2d3e50;border-bottom:1px solid #4a5d73}.um-toggle-table tbody tr:hover{background-color:#3a4f63}.um-toggle-table td{padding:12px 16px;color:#fff;font-size:14px}.um-toggle-table tbody tr:last-child{border-bottom:none}.app{margin:0;padding:0;min-height:100vh;width:100%;background-color:#2c3e50;display:flex;flex-direction:column}.app-body{display:flex;flex:1;padding-top:60px}.main-content{margin-left:250px;padding:50px;flex:1;background-color:#2c3e50;min-height:calc(100vh - 60px)}.content-view{color:#fff}.content-view h2{color:#646cff;margin-bottom:20px}