:root{--bg:#0f0f23;--surface:#1a1a2e;--surface-2:#25253d;--primary:#6c63ff;--primary-hover:#5a52e0;--text:#e0e0e0;--text-muted:#8888aa;--border:#2a2a4a;--danger:#ff4757;--success:#2ed573}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh}a{color:var(--primary);text-decoration:none}button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:transparent}.btn-outline,input,select,textarea{border:1px solid var(--border);color:var(--text)}input,select,textarea{background:var(--surface-2);border-radius:8px;padding:10px 14px;font-size:14px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)}.card{border:1px solid var(--border);border-radius:12px;padding:20px}.card,.top-nav{background:var(--surface)}.top-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:48px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:24px}.top-nav-brand{font-size:15px;font-weight:700;color:var(--text)!important;white-space:nowrap;flex-shrink:0}.top-nav-links{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.top-nav-links::-webkit-scrollbar{display:none}.top-nav-link{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-muted)!important;white-space:nowrap;transition:background .15s,color .15s}.top-nav-link:hover{background:var(--surface-2);color:var(--text)!important}.top-nav-link.active{background:var(--primary);color:#fff!important}body.has-nav{padding-top:48px}.top-nav-user{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.top-nav-credits{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;background:rgba(108,99,255,.15);color:var(--primary)!important;white-space:nowrap}.top-nav-credits:hover{background:rgba(108,99,255,.25)}.top-nav-email{font-size:12px;color:var(--text-muted)!important;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.top-nav-email:hover{color:var(--text)!important}.top-nav-logout{padding:4px 10px!important;font-size:11px!important;font-weight:500!important;background:transparent;border:1px solid var(--border)!important;color:var(--text-muted);white-space:nowrap}.top-nav-logout:hover{border-color:var(--danger)!important;color:var(--danger)}.top-nav-login{padding:4px 14px;border-radius:6px;font-size:13px;font-weight:600;background:var(--primary);color:#fff!important;white-space:nowrap}.top-nav-login:hover{background:var(--primary-hover)}.top-nav-hamburger{display:none!important;flex-direction:column;background:none!important;border:none!important;padding:8px 6px!important;cursor:pointer;flex-shrink:0;margin-left:auto;min-width:32px;min-height:32px;align-items:center;justify-content:center}.top-nav-hamburger span{display:block;width:20px;height:2px;background:var(--text);margin:2.5px 0;border-radius:2px;transition:transform .2s,opacity .2s}.top-nav-hamburger.open span:first-child{transform:rotate(45deg) translateY(7px)}.top-nav-hamburger.open span:nth-child(2){opacity:0}.top-nav-hamburger.open span:nth-child(3){transform:rotate(-45deg) translateY(-7px)}.top-nav-dropdown{display:none;position:fixed;top:48px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);padding:12px 20px;z-index:99;flex-direction:column;gap:4px}.top-nav-dropdown.open{display:flex}.top-nav-dropdown .top-nav-link{padding:10px 12px;font-size:14px}.top-nav-dropdown .top-nav-user{margin-left:0;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px}.page-header-actions{display:flex;gap:8px;flex-shrink:0}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.card-row{justify-content:space-between}.card-row,.form-inline{display:flex;align-items:center;gap:12px}.form-inline{flex-wrap:wrap}.checkbox-group{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}@media (max-width:768px){.top-nav-links,.top-nav-user{display:none}.top-nav-hamburger{display:flex!important}.top-nav{gap:12px}.page-header{flex-direction:column;align-items:stretch}.page-header-actions{width:100%}.page-header-actions>*{flex:1 1}.content-grid,.two-col-grid{grid-template-columns:1fr}.card-row{flex-direction:column;align-items:stretch}.card-row>div:last-child{display:flex;flex-wrap:wrap;gap:6px}.form-inline{flex-direction:column;align-items:stretch}.form-inline label{width:100%}.checkbox-group{gap:10px}.checkbox-group label{flex:0 0 auto}.card{padding:16px}}