#login:has(.os-selector-hero){align-items:flex-start;padding:0;overflow:auto;background:radial-gradient(circle at 50% 5%,rgba(22,133,255,.16),transparent 34%),#061426}
#login .login-card:has(.os-selector-hero){width:min(760px,100%);max-width:none;min-height:100dvh;margin:auto;padding:0 18px 42px;background:transparent;border:0;box-shadow:none}
.os-selector-hero{text-align:center;padding:42px 12px 28px;border-bottom:1px solid #173451}.os-selector-hero img{width:76px;height:76px;object-fit:contain;border:1px solid #21486b;border-radius:20px;background:#07182b}.os-selector-hero h1{margin:14px 0 0;font-size:32px;letter-spacing:.22em;color:#fff}.os-selector-hero p{margin:4px 0 0;color:#42d9ff;font-size:17px}
.os-selector-panel{padding:24px 0}.os-selector-back{border:0;background:transparent;color:#4adcfb;font-size:18px;padding:8px 0;margin-bottom:22px}.os-selector-title{text-align:center;margin-bottom:24px}.os-selector-title small{display:block;color:#50dcfb;font-weight:800;letter-spacing:.12em;margin-bottom:8px}.os-selector-title h2{margin:0;color:#fff;font-size:clamp(27px,6vw,38px)}.os-selector-title p{margin:8px 0 0;color:#91a4bd;font-size:16px}
.os-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.os-profile-card{--role:#38cffa;position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;padding:22px 10px 18px;border:1px solid color-mix(in srgb,var(--role) 65%,#173451);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--role) 10%,#0a1d32),#09182a 62%);color:#fff}.os-profile-card>i{position:absolute;right:15px;top:14px;color:var(--role);font-style:normal;font-size:22px}.os-profile-avatar{display:grid;place-items:center;width:96px;height:96px;margin-bottom:14px;border:2px solid var(--role);border-radius:50%;overflow:hidden;background:#102943;color:var(--role);font-size:28px}.os-profile-avatar img{width:100%;height:100%;object-fit:cover}.os-profile-card>b{font-size:21px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.os-profile-card>strong{margin-top:5px;color:var(--role);font-size:17px}.os-profile-card>small{margin-top:9px;padding:5px 12px;border-radius:99px;background:color-mix(in srgb,var(--role) 13%,transparent);color:var(--role)}
.role-manager{--role:#e4b42f}.role-server{--role:#37d7ff}.role-kitchen{--role:#ff8a2c}.role-bar{--role:#a855f7}.role-central{--role:#32a7ff}
.os-create-profile{display:flex;align-items:center;width:100%;margin-top:18px;padding:18px;border:1px solid #234767;border-radius:20px;background:#0a1b2e;color:#fff;text-align:left}.os-create-profile>span{display:grid;place-items:center;width:64px;height:64px;border:1px dashed #38d8fb;border-radius:50%;color:#38d8fb;font-size:35px}.os-create-profile>div{flex:1;padding:0 16px}.os-create-profile b{display:block;font-size:19px}.os-create-profile small{display:block;margin-top:5px;color:#8fa3bb}.os-create-profile>strong{color:#38d8fb;font-size:32px}
.os-display-grid{display:grid;gap:14px}.os-display-card{--role:#38cffa;display:flex;align-items:center;gap:16px;padding:19px;border:1px solid color-mix(in srgb,var(--role) 60%,#173451);border-radius:20px;background:linear-gradient(100deg,color-mix(in srgb,var(--role) 13%,#09182a),#09182a);color:#fff;text-align:left}.os-display-card>span{display:grid;place-items:center;width:62px;height:62px;border-radius:17px;background:color-mix(in srgb,var(--role) 18%,#0a1b2e);color:var(--role);font-size:28px}.os-display-card>div{flex:1}.os-display-card b{display:block;font-size:20px}.os-display-card small{display:block;margin-top:5px;color:#98aac0}.os-display-card>strong{color:var(--role)}
@media(max-width:430px){.os-selector-hero{padding-top:28px}.os-selector-hero img{width:64px;height:64px}.os-profile-card{padding:18px 8px 15px}.os-profile-avatar{width:78px;height:78px}.os-profile-card>b{font-size:18px}.os-profile-card>strong{font-size:15px}}