.auth-page{min-height:100vh;display:grid;place-items:center;padding:70px 20px;color:#f8f6ff}.auth-card{width:min(100%,720px);padding:34px;border:1px solid rgba(255,255,255,.14);border-radius:32px;background:linear-gradient(145deg,#120e1de6,#08070dc7);box-shadow:0 32px 100px #00000061,inset 0 1px #ffffff0f;backdrop-filter:blur(24px)}.auth-card__intro{text-align:center}.auth-card__icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 16px;border-radius:22px;background:linear-gradient(135deg,#fff3,#8f5bff2e);border:1px solid rgba(255,255,255,.15)}.auth-card__intro>span{color:#ffffff70;font-size:9px;letter-spacing:.2em}.auth-card__intro h1{margin:10px 0 12px;font-size:clamp(34px,7vw,58px);letter-spacing:-.06em}.auth-card__intro p{max-width:550px;margin:0 auto;color:#ffffff94;line-height:1.7}.auth-role-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0 18px}.auth-role-switch__item{display:flex;justify-content:center;align-items:center;gap:7px;min-height:44px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0a;color:#ffffff8f;cursor:pointer}.auth-role-switch__item.active{color:#09070d;background:linear-gradient(110deg,#fff,#d1b8ff,#79ffe2)}.auth-form{display:grid;gap:15px;margin-top:24px}.auth-form label,.mix-editor label,.comment-form label{display:grid;gap:8px}.auth-form label>span,.mix-editor label>span,.comment-form label>span{color:#ffffff87;font-size:11px}.auth-form input,.mix-editor input,.mix-editor textarea,.mix-editor select,.comment-form input,.comment-form textarea,.comment-form select{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.11);border-radius:15px;outline:none;padding:12px 14px;color:#fff;background:#ffffff0b}.auth-form input:focus,.mix-editor input:focus,.mix-editor textarea:focus,.comment-form input:focus,.comment-form textarea:focus{border-color:#cdb6ffb8}.auth-password{display:flex;align-items:center;gap:8px;padding-left:13px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:#ffffff0b}.auth-password input{border:0;background:transparent}.auth-submit{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:16px;color:#09070d;font-weight:800;background:linear-gradient(100deg,#fff,#d2b8ff 43%,#73ffe2);cursor:pointer}.auth-form__error{margin:0;color:#ff9cac;font-size:12px}.auth-card__demo{margin:16px 0 0;text-align:center;color:#ffffff57;font-size:10px;line-height:1.6}.portal-logout,.portal-login-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:10px 14px;border:1px solid rgba(255,255,255,.13);border-radius:14px;color:#fff;background:#ffffff0e;text-decoration:none;cursor:pointer}.portal-content-block{position:relative;z-index:3;width:min(100%,1040px);margin:54px auto 0}.portal-split{position:relative;z-index:3;width:min(100%,1040px);margin:38px auto 0;display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:start}.mix-editor,.access-panel,.worker-submissions,.comment-form,.client-profile-card{padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:26px;background:linear-gradient(145deg,#ffffff16,#ffffff06);box-shadow:0 24px 70px #00000038;backdrop-filter:blur(20px)}.portal-section-heading--inside{width:100%;margin:0 0 20px}.mix-editor{display:grid;gap:14px}.mix-editor textarea,.comment-form textarea{min-height:108px;resize:vertical}.mix-editor__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mix-editor__notice{margin:0;color:#ffffff63;font-size:10px;line-height:1.55}.access-panel>p{margin:18px 0 0;color:#ffffff6b;font-size:11px;line-height:1.65}.access-user{padding:16px;border-radius:18px;background:#0000002e}.access-user>div:first-child{display:flex;justify-content:space-between;gap:14px}.access-user>div:first-child span{color:#fff6;font-size:11px}.access-user__permissions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.access-user__permissions span{padding:6px 8px;border-radius:999px;font-size:9px}.access-user__permissions .allowed{color:#a8f5d4;background:#40da961f}.access-user__permissions .denied{color:#ffacba;background:#ff506c1c}.worker-submissions{display:grid;gap:10px}.worker-submissions article{padding:14px;border-radius:16px;background:#00000029}.worker-submissions article>div{display:flex;justify-content:space-between;gap:12px}.worker-submissions article span,.worker-submissions article small{color:#fff6;font-size:10px}.worker-submissions article p{margin:8px 0;color:#ffffff9c;font-size:12px}.admin-mix-grid,.client-mix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-mix-card,.client-mix-grid article{position:relative;overflow:hidden;padding:20px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(145deg,#ffffff16,#ffffff06);backdrop-filter:blur(20px)}.admin-mix-card__top{display:flex;justify-content:space-between;gap:12px;color:#fff6;font-size:10px}.mix-state{padding:5px 8px;border-radius:999px;background:#ffbf481f;color:#ffe09a}.mix-state.published{background:#43de9d1f;color:#a4f4d1}.admin-mix-card h3,.client-mix-grid h3{margin:18px 0 8px;font-size:24px;letter-spacing:-.04em}.admin-mix-card>p,.client-mix-grid p{color:#ffffff8c;line-height:1.6;font-size:12px}.admin-mix-card__meta{display:flex;gap:7px;margin:14px 0}.admin-mix-card__meta span{padding:6px 8px;border-radius:999px;background:#ffffff0e;color:#ffffff85;font-size:9px}.recipe-toggle{display:inline-flex;align-items:center;gap:7px;border:0;padding:0;color:#d6c2ff;background:transparent;cursor:pointer}.private-recipe{margin-top:13px;padding:14px;border:1px solid rgba(255,213,115,.16);border-radius:15px;background:#ffb9460f}.private-recipe strong{color:#ffe09c;font-size:10px}.private-recipe p{margin:7px 0 0;color:#ffffffb3;font-size:12px}.admin-mix-card__actions,.comment-moderation article>div:last-child{display:flex;gap:8px;margin-top:16px}.admin-mix-card__actions button,.comment-moderation button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:11px;color:#fff;background:#ffffff0d;cursor:pointer}button.danger,.danger{color:#ff9ead!important;border-color:#ff506c2e!important}.comment-moderation{display:grid;gap:10px}.comment-moderation article{padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#ffffff09}.comment-moderation article>div:first-child{display:flex;justify-content:space-between;gap:12px}.comment-moderation span{color:#fff6;font-size:10px}.comment-moderation p{color:#ffffffa6}.portal-empty{color:#ffffff6b}.client-status-card{position:relative;z-index:3;width:min(100%,1040px);margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:linear-gradient(120deg,#894fff29,#ffffff09,#2aded217);backdrop-filter:blur(20px)}.client-status-card__icon{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;background:#ffffff14}.client-status-card span{color:#ffffff6b;font-size:10px}.client-status-card h2{margin:5px 0;font-size:26px}.client-status-card p{margin:0;color:#ffffff85;font-size:12px}.client-status-card>strong{color:#d9c6ff}.client-mix-grid article{min-height:210px;display:flex;justify-content:space-between;gap:14px}.favorite-button{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:50%;color:#ffffff80;background:#ffffff0d;cursor:pointer}.favorite-button.active{color:#ff73b9;background:#ff49a11f}.client-hint{color:#fff6;font-size:11px}.comment-form{display:grid;gap:14px}.comment-form__success{margin:0;color:#9cf1ce;font-size:11px}.client-profile-card__icon{width:68px;height:68px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#ffffff24,#7e55ff26)}.client-profile-card>span{display:block;margin-top:24px;color:#ffffff6b;font-size:10px}.client-profile-card h2{margin:7px 0 12px;font-size:34px}.client-profile-card p{color:#ffffff8a;line-height:1.65}@media(max-width:760px){.auth-card{padding:24px 18px}.auth-role-switch,.portal-split,.admin-mix-grid,.client-mix-grid,.mix-editor__row{grid-template-columns:1fr}.client-status-card{grid-template-columns:auto 1fr}.client-status-card>strong{grid-column:2}.portal-page__header{align-items:flex-start}}