*{box-sizing:border-box}html,body{color:#fff;background:#050505;min-height:100%;margin:0;overflow-x:hidden}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit;max-width:100%}button{cursor:pointer}a{color:inherit}img,svg,video,canvas{max-width:100%}table{width:100%}.app-root{background:radial-gradient(circle at 0 0,#8b5cf633,#0000 34%),radial-gradient(circle at 100% 0,#d4af3724,#0000 32%),#050505;border-top:4px solid #8b5cf6;width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden}.sp-header{z-index:50;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#050505e6;border-bottom:1px solid #d4af3733;width:100%;max-width:100vw;position:sticky;top:0;overflow:hidden}.sp-header-top{justify-content:space-between;align-items:center;gap:18px;min-height:78px;padding:12px clamp(14px,2vw,28px);display:flex}.sp-logo-wrap{flex:none;align-items:center;text-decoration:none;display:flex}.sp-logo{object-fit:contain;width:clamp(96px,9vw,142px);height:auto}.sp-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.sp-role-badge{color:#d4af37;white-space:nowrap;background:#ffffff0f;border:1px solid #d4af3747;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:950}.sp-role-badge span{color:#fff}.sp-change-button,.sp-button-purple{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:0;border-radius:999px;padding:11px 18px;font-size:13px;font-weight:950}.sp-nav{scrollbar-width:thin;gap:8px;padding:0 clamp(12px,2vw,24px) 14px;display:flex;overflow:auto hidden}.sp-nav-link{white-space:nowrap;text-align:center;color:#f4f4f5;text-transform:uppercase;background:#ffffff0b;border:1px solid #ffffff14;border-radius:15px;flex:none;padding:12px 15px;font-size:11px;font-weight:950;text-decoration:none}.sp-nav-link:hover{background:#8b5cf62e;border-color:#8b5cf673}.sp-page{color:#fff;width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden}.sp-shell{width:100%;max-width:1580px;margin:0 auto;padding:clamp(16px,2vw,32px);overflow-x:hidden}.sp-shell>*{max-width:100%}.sp-title{letter-spacing:-.04em;color:#fff;margin:0;font-size:clamp(30px,3.2vw,56px);font-weight:950;line-height:.95}.sp-muted{color:#ffffffad}.sp-card{background:linear-gradient(#ffffff13,#ffffff09);border:1px solid #d4af373d;border-radius:26px;max-width:100%;overflow:hidden;box-shadow:0 24px 70px #00000059}.sp-input,input,select,textarea{min-width:0}.sp-input{color:#fff;background:#0000007a;border:1px solid #d4af3747;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-weight:800}main,section,article,div,form{max-width:100%}main [style*=grid-template-columns]{min-width:0}main [style*=overflow]{max-width:100%!important}@media (min-width:1600px){.sp-shell{max-width:1640px;padding-inline:42px}}@media (max-width:1440px){.sp-shell{max-width:100%;padding-inline:22px}.sp-nav-link{padding:10px 12px;font-size:10px}}@media (max-width:1180px){.sp-shell{padding:16px}.sp-title{font-size:34px;line-height:1}.sp-header-top{min-height:68px;padding:10px 14px}.sp-logo{width:108px}.sp-role-badge,.sp-change-button,.sp-button-purple{padding:9px 13px;font-size:11px}.sp-nav{padding-inline:12px;gap:7px;padding-bottom:10px}.sp-nav-link{border-radius:12px;padding:9px 10px;font-size:9.5px}main [style*=gridTemplateColumns],main [style*=grid-template-columns]{grid-template-columns:1fr!important}main table{min-width:760px!important}}@media (max-width:1024px){.sp-header{position:sticky}.sp-header-top{align-items:flex-start}.sp-header-actions{justify-content:flex-end}.sp-nav{flex-wrap:nowrap;overflow:auto hidden}.sp-nav-link{flex:none}.sp-shell{padding:14px}.sp-card{border-radius:22px}main table{min-width:720px!important}}@media (max-width:768px){.sp-title{font-size:30px}.sp-header-top{flex-direction:column;align-items:stretch;gap:10px}.sp-header-actions{justify-content:flex-start}.sp-role-badge,.sp-change-button{width:fit-content}main table{min-width:680px!important}}@media (max-width:520px){.sp-shell{padding:12px}.sp-header-actions{grid-template-columns:1fr;display:grid}.sp-role-badge,.sp-change-button{text-align:center;width:100%}.sp-title{font-size:28px}}
