.topbar{position:sticky;top:0;z-index:10;background:#0b0b0b;border-bottom:1px solid #1f1f1f}.topbar__container{width:100%;max-width:1200px;margin:0 auto;padding:12px 8px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;box-sizing:border-box}.topbar__left{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.topbar__center{text-align:center;font-weight:600}.topbar__right{display:flex;gap:12px;justify-content:flex-end;align-items:center}.topbar__logout{-webkit-appearance:none;appearance:none;padding:6px 12px;border-radius:8px;font-size:.875rem;background-color:#2563eb!important;color:#fff!important;border:none}.topbar__logout:hover{background-color:#1d4ed8!important;color:#fff!important}.topbar__mobileHeader,.topbar__mobileNav{display:none}@media (max-width: 768px){.topbar__container{display:block;padding:10px}.topbar__left,.topbar__center,.topbar__right{display:none}.topbar__mobileHeader{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px}.topbar__burger{width:40px;height:36px;border-radius:10px;border:1px solid #1f2937;background:#0b1220;color:#e5e7eb;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.topbar__burgerIcon{transform:translateY(-1px);display:inline-block}.topbar__mobileTitle{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.topbar__mobileRight{display:flex;gap:8px;align-items:center;justify-content:flex-end}.topbar__mobileNav{display:block;margin-top:10px;padding:10px;border-radius:12px;border:1px solid #1f2937;background:#0b1220;max-height:0;overflow:hidden;opacity:0;transition:max-height .18s ease,opacity .18s ease}.topbar__mobileNav.is-open{max-height:60vh;opacity:1;overflow:auto;-webkit-overflow-scrolling:touch}.topbar__mobileNav a{display:block;padding:10px 8px;border-radius:10px;font-size:14px}.topbar__mobileNav a:hover{background:#ffffff0f}}:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;width:100%}body{background:#0b0b0b;color:#e8e8e8;font-family:Inter,system-ui,Arial,sans-serif;-webkit-text-size-adjust:100%;overflow-x:hidden}.page{width:100%}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-header h1{margin:0}.page-header__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mobile-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tabs>*{flex:0 0 auto}a{color:inherit;text-decoration:none}button{cursor:pointer}.topbar button:not(.topbar__burger),.btn{-webkit-appearance:none;appearance:none;background-color:#1f2937;color:#f3f4f6;border:1px solid #374151}.btn:hover:not(:disabled){background-color:#374151;color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:8px 14px;border-radius:8px;font-size:.875rem}input,button{font:inherit}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px}@media (min-width: 1024px){.container{padding-left:24px;padding-right:24px}}.card{background:#121212;border:1px solid #222;border-radius:12px;padding:16px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 12px;border-bottom:1px solid #1e1e1e}.primary{background:#3b82f6;color:#fff;border:0;padding:10px 14px;border-radius:8px}.input{width:100%;background:#0e0e0e;color:#eee;border:1px solid #222;border-radius:8px;padding:10px 12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row>*{flex:1 1 0}.badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;line-height:1.2;background-color:#444;color:#fff;white-space:nowrap}.badge-success{background-color:#22c55e}.badge-warning{background-color:#eab308;color:#000}.badge-danger{background-color:#ef4444}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.table{font-size:.875rem}.table th,.table td{padding:8px 6px;white-space:nowrap}.card{padding:12px}}