:root{--bd-white: #FFFFFF;--bd-purple: #482D4C;--bd-purple-deep: #362239;--bd-purple-soft: #6B4A70;--bd-purple-tint: #F4EFF5;--bd-gold: #F1CB45;--bd-gold-deep: #D9B32A;--bd-gold-soft: #FBF1CE;--bd-ink: #2B1C2E;--bd-line: #E6DEE8;--bd-success: #2E7D5B;--bd-danger: #B4363A;--font-display: "Google Sans Flex", "Google Sans", "Product Sans", system-ui, -apple-system, sans-serif;--font-body: "Google Sans Flex", "Google Sans", "Product Sans", system-ui, -apple-system, sans-serif;--radius: 12px;--radius-lg: 16px;--shadow: 0 2px 10px rgba(72, 45, 76, .1);--focus-ring: 3px solid var(--bd-gold-deep)}html{scroll-behavior:smooth}body{margin:0;background:var(--bd-white);color:var(--bd-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;user-select:none;-webkit-user-select:none}input,textarea,[contenteditable=true],[contenteditable=""]{user-select:text;-webkit-user-select:text}h1,h2,h3{font-family:var(--font-display);color:var(--bd-purple);letter-spacing:-.01em;font-weight:700}::selection{background:var(--bd-gold);color:var(--bd-purple)}*{scrollbar-width:thin;scrollbar-color:#CBBACF transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:#cbbacf;border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--bd-purple-soft);background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.btn-primary{background:var(--bd-gold);color:var(--bd-purple);border:none;border-radius:var(--radius);padding:.65rem 1.4rem;font-weight:700;cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.btn-primary:hover{background:var(--bd-gold-deep);transform:translateY(-1px);box-shadow:0 6px 16px #d9b32a59}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}:focus-visible{outline:var(--focus-ring);outline-offset:2px;border-radius:4px}.progress-track{background:var(--bd-purple-tint);border-radius:999px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--bd-gold-deep),var(--bd-gold));border-radius:999px;height:10px;transition:width .5s cubic-bezier(.22,1,.36,1)}.auth-brand{margin:0;font-size:1.5rem}.auth-sub{margin:.25rem 0 1.25rem;color:var(--bd-purple-soft)}.auth-shell,.verify-shell{min-height:100vh;display:grid;place-items:center;background:var(--bd-purple-tint);padding:1.5rem}.auth-card,.verify-card{width:100%;max-width:380px;background:var(--bd-white);border:1px solid var(--bd-line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:2rem}.verify-card{max-width:460px}.auth-card label{display:block;font-weight:600;color:var(--bd-purple);margin-bottom:.9rem;font-size:.9rem}.auth-card input{display:block;width:100%;margin-top:.3rem;padding:.6rem;border:1px solid var(--bd-line);border-radius:var(--radius);font:inherit;box-sizing:border-box}.auth-card .btn-primary{width:100%;margin-top:.5rem}.auth-error{background:#fbeaea;color:var(--bd-danger);padding:.6rem .8rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.9rem}.verify-badge{color:var(--bd-success);font-weight:700;font-size:1.1rem}.verify-facts{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem}.verify-facts dt{color:var(--bd-purple-soft);font-weight:600}.verify-facts dd{margin:0}.dash-shell{min-height:100vh}.dash-top{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--bd-line)}.dash-placeholder{padding:2rem 1.5rem;color:var(--bd-purple-soft)}.course-player{max-width:960px;margin:0 auto;padding:1.5rem}.btn-ghost{background:transparent;border:1px solid var(--bd-line);color:var(--bd-purple);border-radius:var(--radius);padding:.5rem 1rem;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-ghost:hover{background:var(--bd-purple-tint)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}:root{--bd-bg: #F7F5F9;--bd-card: #FFFFFF;--bd-muted: #7A6E7E;--bd-line-soft: #EFE9F1;--sidebar-w: 264px;--sidebar-w-min: 78px;--topbar-h: 66px;--bd-info: #2F6FED;--bd-warning: #C98A15;--shadow-sm: 0 1px 2px rgba(72,45,76,.06), 0 1px 6px rgba(72,45,76,.05);--shadow-md: 0 6px 24px rgba(72,45,76,.1);--shadow-lg: 0 16px 48px rgba(72,45,76,.2);--ease-spring: cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}.admin-app{min-height:100vh;background:var(--bd-bg);color:var(--bd-ink)}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:linear-gradient(180deg,var(--bd-purple) 0%,var(--bd-purple-deep, #362239) 100%);color:#f3ecf4;display:flex;flex-direction:column;z-index:40;transition:width .28s var(--ease-spring),transform .28s var(--ease-spring);box-shadow:4px 0 24px #2b1c2e1f}.admin-sidebar__brand{display:flex;align-items:center;gap:.7rem;padding:1rem 1rem .95rem;border-bottom:1px solid rgba(255,255,255,.08);min-height:70px}.brand-plate{background:#fff;border-radius:12px;padding:.45rem .7rem;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #482d4c0f,0 2px 8px #0000002e;overflow:hidden;flex:1;min-width:0;transition:padding .28s var(--ease-spring)}.brand-plate img{height:30px;width:auto;max-width:100%;object-fit:contain;object-position:left center;display:block}.admin-sidebar__logo{width:38px;height:38px;border-radius:10px;flex:none;background:var(--bd-gold);color:var(--bd-purple);display:grid;place-items:center;font-weight:800;font-family:var(--font-display);font-size:1.1rem}.admin-sidebar__title{font-family:var(--font-display);font-size:1.05rem;line-height:1.1;color:#fff}.admin-sidebar__title span{display:block;font-family:var(--font-body);font-size:.7rem;color:#c9b6cd;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-top:2px}.admin-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:.65rem .65rem 1rem}.admin-nav__group-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:#a793ac;padding:1.05rem .75rem .4rem;font-weight:700;white-space:nowrap;transition:opacity .2s ease}.admin-nav__link{position:relative;display:flex;align-items:center;gap:.7rem;text-decoration:none;color:#dccedf;padding:.62rem .75rem;border-radius:10px;font-size:.9rem;font-weight:550;margin-bottom:2px;white-space:nowrap;transition:background .18s ease,color .18s ease,padding-left .18s ease}.admin-nav__link:hover{background:#ffffff14;color:#fff;padding-left:.95rem}.admin-nav__link:hover .admin-nav__icon{transform:scale(1.12)}.admin-nav__link.is-active{background:var(--bd-gold);color:var(--bd-purple);font-weight:700;box-shadow:0 4px 14px #f1cb4559}.admin-nav__link.is-active:before{content:"";position:absolute;left:-.65rem;top:20%;bottom:20%;width:4px;border-radius:0 4px 4px 0;background:var(--bd-gold)}.admin-nav__link.is-active .admin-nav__icon{opacity:1}.admin-nav__icon{width:18px;height:18px;opacity:.85;flex:none;transition:transform .18s var(--ease-spring)}.admin-nav__label{overflow:hidden;text-overflow:ellipsis;transition:opacity .18s ease}.admin-nav__badge{margin-left:auto;background:#ffffff29;color:#fff;font-size:.68rem;font-weight:700;padding:.05rem .4rem;border-radius:999px}.is-active .admin-nav__badge{background:#482d4c2e;color:var(--bd-purple)}.admin-sidebar__foot{border-top:1px solid rgba(255,255,255,.08);padding:.6rem .65rem}.sidebar-collapse-btn{display:flex;align-items:center;gap:.7rem;width:100%;background:none;border:none;color:#c9b6cd;cursor:pointer;padding:.55rem .75rem;border-radius:10px;font:inherit;font-size:.82rem;font-weight:600;white-space:nowrap;transition:background .18s ease,color .18s ease}.sidebar-collapse-btn:hover{background:#ffffff14;color:#fff}.sidebar-collapse-btn svg{flex:none;transition:transform .28s var(--ease-spring)}.admin-app.is-collapsed .admin-sidebar{width:var(--sidebar-w-min)}.admin-app.is-collapsed .admin-main{margin-left:var(--sidebar-w-min)}.admin-app.is-collapsed .admin-nav__label,.admin-app.is-collapsed .admin-nav__badge{opacity:0;width:0}.admin-app.is-collapsed .admin-nav__group-label{opacity:0;height:.6rem;padding-top:.5rem}.admin-app.is-collapsed .admin-nav__link{justify-content:center;padding:.62rem 0}.admin-app.is-collapsed .admin-nav__link:hover{padding-left:0}.admin-app.is-collapsed .brand-plate{padding:.45rem .4rem;justify-content:center}.admin-app.is-collapsed .brand-plate img{height:30px;width:30px;object-fit:cover;object-position:left center}.admin-app.is-collapsed .sidebar-collapse-btn{justify-content:center}.admin-app.is-collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}.admin-app.is-collapsed .sidebar-collapse-btn span{display:none}.admin-main{margin-left:var(--sidebar-w);min-height:100vh;display:flex;flex-direction:column;transition:margin-left .28s var(--ease-spring)}.admin-topbar{position:sticky;top:0;height:var(--topbar-h);z-index:30;display:flex;align-items:center;gap:1rem;padding:0 1.5rem;background:#ffffffc7;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--bd-line)}.admin-topbar__title{font-family:var(--font-display);font-size:1.28rem;color:var(--bd-purple);margin:0}.admin-topbar__spacer{flex:1}.admin-topbar__search{display:flex;align-items:center;gap:.5rem;background:var(--bd-purple-tint);border:1px solid transparent;border-radius:10px;padding:.45rem .7rem;min-width:220px;color:var(--bd-muted);transition:border-color .15s ease,background .15s ease}.admin-topbar__search:focus-within{border-color:var(--bd-gold-deep);background:#fff}.admin-topbar__search input{border:none;background:transparent;font:inherit;outline:none;width:100%;color:var(--bd-ink)}.icon-btn{position:relative;width:40px;height:40px;border-radius:11px;border:1px solid var(--bd-line);background:#fff;color:var(--bd-purple);display:grid;place-items:center;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.icon-btn:hover{background:var(--bd-purple-tint);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.icon-btn__dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--bd-danger);border:2px solid #fff;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #b4363a66}50%{box-shadow:0 0 0 4px #b4363a00}}.admin-user{display:flex;align-items:center;gap:.6rem;cursor:pointer;padding:.3rem .55rem;border-radius:12px;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.admin-user:hover{border-color:var(--bd-line);background:#fff;box-shadow:var(--shadow-sm)}.avatar{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,var(--bd-purple),var(--bd-purple-soft));color:#fff;font-weight:700;font-size:.85rem;box-shadow:inset 0 0 0 2px #ffffff26}.avatar--lg{width:64px;height:64px;font-size:1.4rem}.admin-user__meta{line-height:1.15}.admin-user__name{font-weight:700;font-size:.85rem;color:var(--bd-purple)}.admin-user__role{font-size:.72rem;color:var(--bd-muted)}.admin-content{padding:1.75rem 1.5rem 2.5rem;flex:1;max-width:1400px;width:100%;margin:0 auto;animation:page-in .35s var(--ease-spring)}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.menu{position:absolute;top:calc(100% + 8px);right:0;min-width:210px;z-index:50;background:#fff;border:1px solid var(--bd-line);border-radius:14px;box-shadow:var(--shadow-lg);padding:.4rem;animation:pop .16s var(--ease-spring)}.menu__item{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.58rem .65rem;border-radius:9px;border:none;background:none;cursor:pointer;font:inherit;font-size:.88rem;color:var(--bd-ink);text-decoration:none;transition:background .12s ease,padding-left .12s ease}.menu__item:hover{background:var(--bd-purple-tint);padding-left:.85rem}.menu__item--danger{color:var(--bd-danger)}.menu__sep{height:1px;background:var(--bd-line-soft);margin:.35rem 0}@keyframes pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem;flex-wrap:wrap}.page-head__title{margin:0;font-size:1.65rem;letter-spacing:-.02em}.page-head__sub{margin:.3rem 0 0;color:var(--bd-muted);font-size:.92rem}.page-head__actions{display:flex;gap:.6rem;flex-wrap:wrap}.card{background:var(--bd-card);border:1px solid var(--bd-line);border-radius:16px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.card__head{padding:1.05rem 1.3rem;border-bottom:1px solid var(--bd-line-soft);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.card__title{margin:0;font-size:1.02rem;font-family:var(--font-display);color:var(--bd-purple)}.card__body{padding:1.3rem}.card__body--flush{padding:0}.grid{display:grid;gap:1.15rem}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}.grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(265px,1fr))}.stat{background:var(--bd-card);border:1px solid var(--bd-line);border-radius:16px;padding:1.15rem 1.2rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .22s var(--ease-spring),box-shadow .22s ease}.stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.stat:after{content:"";position:absolute;right:-26px;top:-26px;width:104px;height:104px;border-radius:50%;background:var(--bd-purple-tint);opacity:.55;transition:transform .3s var(--ease-spring)}.stat:hover:after{transform:scale(1.18)}.stat__icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;margin-bottom:.8rem;position:relative;z-index:1;box-shadow:0 5px 14px #482d4c38}.stat__label{font-size:.8rem;color:var(--bd-muted);font-weight:650;position:relative;z-index:1;letter-spacing:.01em}.stat__value{font-size:1.95rem;font-weight:800;font-family:var(--font-display);color:var(--bd-purple);line-height:1.1;margin-top:.18rem;position:relative;z-index:1}.stat__delta{font-size:.78rem;font-weight:700;margin-top:.35rem;position:relative;z-index:1}.stat__delta--up{color:var(--bd-success)}.stat__delta--down{color:var(--bd-danger)}.stat__delta--flat{color:var(--bd-muted)}.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:11px;padding:.58rem 1.05rem;font:inherit;font-weight:650;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:background .18s ease,transform .18s ease,box-shadow .18s ease,filter .18s ease}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--bd-gold);color:var(--bd-purple)}.btn--primary:hover:not(:disabled){background:var(--bd-gold-deep);transform:translateY(-1px);box-shadow:0 6px 16px #d9b32a59}.btn--dark{background:var(--bd-purple);color:#fff}.btn--dark:hover:not(:disabled){background:var(--bd-purple-soft);transform:translateY(-1px);box-shadow:0 6px 16px #482d4c47}.btn--ghost{background:#fff;border-color:var(--bd-line);color:var(--bd-purple)}.btn--ghost:hover:not(:disabled){background:var(--bd-purple-tint);border-color:#d9cbdc}.btn--danger{background:var(--bd-danger);color:#fff}.btn--danger:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 6px 16px #b4363a4d}.btn--sm{padding:.38rem .72rem;font-size:.82rem;border-radius:9px}.btn--icon{padding:.45rem}.btn--block{width:100%;justify-content:center}.badge{display:inline-flex;align-items:center;gap:.32rem;padding:.2rem .6rem;border-radius:999px;font-size:.74rem;font-weight:700;line-height:1.4}.badge--green{background:#e4f3eb;color:#1e7a4e}.badge--gold{background:var(--bd-gold-soft, #FBF1CE);color:#8a6d07}.badge--purple{background:var(--bd-purple-tint);color:var(--bd-purple)}.badge--red{background:#fbe7e7;color:var(--bd-danger)}.badge--gray{background:#efedf1;color:var(--bd-muted)}.badge--blue{background:#e6eefc;color:var(--bd-info)}.badge__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.table-wrap{width:100%;overflow-x:auto;border-radius:0 0 16px 16px}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{text-align:left;padding:.72rem 1.05rem;color:var(--bd-muted);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--bd-line);white-space:nowrap;background:#fbfafc}.table th:first-child{border-top-left-radius:16px}.table th:last-child{border-top-right-radius:16px}.table th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease}.table th.is-sortable:hover{color:var(--bd-purple)}.table td{padding:.85rem 1.05rem;border-bottom:1px solid var(--bd-line-soft);vertical-align:middle}.table tbody tr{transition:background .12s ease,box-shadow .12s ease}.table tbody tr:hover{background:#fbfafc;box-shadow:inset 3px 0 0 var(--bd-gold)}.table tbody tr:last-child td{border-bottom:none}.table__actions{display:flex;gap:.35rem;justify-content:flex-end}.cell-primary{font-weight:650;color:var(--bd-purple)}.cell-muted{color:var(--bd-muted)}.cell-user{display:flex;align-items:center;gap:.6rem}.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.3rem;border-top:1px solid var(--bd-line-soft);flex-wrap:wrap}.pagination__info{color:var(--bd-muted);font-size:.82rem}.pagination__controls{display:flex;gap:.35rem;align-items:center}.page-btn{min-width:34px;height:34px;border-radius:9px;border:1px solid var(--bd-line);background:#fff;color:var(--bd-purple);font-weight:600;cursor:pointer;padding:0 .5rem;transition:background .15s ease,transform .15s ease}.page-btn:hover:not(:disabled){background:var(--bd-purple-tint);transform:translateY(-1px)}.page-btn:disabled{opacity:.45;cursor:not-allowed}.page-btn.is-current{background:var(--bd-purple);color:#fff;border-color:var(--bd-purple)}.toolbar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:1.1rem}.toolbar__spacer{flex:1}.field{display:block;margin-bottom:1.05rem}.field__label{display:block;font-weight:650;color:var(--bd-purple);font-size:.85rem;margin-bottom:.38rem}.field__label .req{color:var(--bd-danger)}.field__hint{font-size:.78rem;color:var(--bd-muted);margin-top:.32rem}.field__error{font-size:.78rem;color:var(--bd-danger);margin-top:.32rem;font-weight:600}.input,.select,.textarea{width:100%;padding:.62rem .75rem;border:1px solid var(--bd-line);border-radius:11px;font:inherit;background:#fff;color:var(--bd-ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:hover,.select:hover,.textarea:hover{border-color:#d3c5d7}.input:focus,.select:focus,.textarea:focus{border-color:var(--bd-gold-deep);box-shadow:0 0 0 3px #f1cb4547}.input.has-error,.select.has-error,.textarea.has-error{border-color:var(--bd-danger)}.textarea{min-height:96px;resize:vertical}.input-group{position:relative;display:flex;align-items:center}.input-group .input{padding-right:2.4rem}.input-group__btn{position:absolute;right:.3rem;background:none;border:none;cursor:pointer;color:var(--bd-muted);padding:.35rem;display:grid;place-items:center}.search-input{display:flex;align-items:center;gap:.5rem;border:1px solid var(--bd-line);background:#fff;border-radius:11px;padding:.52rem .75rem;min-width:240px;color:var(--bd-muted);transition:border-color .15s ease,box-shadow .15s ease}.search-input:focus-within{border-color:var(--bd-gold-deep);box-shadow:0 0 0 3px #f1cb4547}.search-input input{border:none;outline:none;font:inherit;width:100%;background:transparent;color:var(--bd-ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem}.form-grid .field--full{grid-column:1 / -1}.checkbox{display:flex;align-items:center;gap:.55rem;font-size:.88rem;color:var(--bd-ink);cursor:pointer}.checkbox input{width:17px;height:17px;accent-color:var(--bd-purple)}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--bd-purple-tint);color:var(--bd-purple);border-radius:999px;padding:.28rem .65rem;font-size:.8rem;font-weight:600;border:none;cursor:pointer;font-family:inherit;transition:background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.chip button{border:none;background:none;cursor:pointer;color:inherit;display:grid;place-items:center;padding:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b1c2e8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:5vh 1rem;z-index:100;animation:fade .18s ease;overflow-y:auto}.modal{background:#fff;border-radius:18px;box-shadow:var(--shadow-lg);width:100%;max-width:560px;animation:rise .24s var(--ease-spring);margin:auto}.modal--lg{max-width:820px}.modal--sm{max-width:420px}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.4rem;border-bottom:1px solid var(--bd-line-soft)}.modal__title{margin:0;font-size:1.18rem}.modal__body{padding:1.4rem}.modal__foot{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.4rem;border-top:1px solid var(--bd-line-soft);background:#fbfafc;border-radius:0 0 18px 18px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3.25rem 1.5rem;color:var(--bd-muted)}.state__icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--bd-purple-tint),#fff);border:1px solid var(--bd-line-soft);display:grid;place-items:center;color:var(--bd-purple);margin-bottom:1.1rem;box-shadow:var(--shadow-sm)}.state__title{font-family:var(--font-display);color:var(--bd-purple);font-size:1.15rem;margin:0 0 .35rem}.state__text{margin:0 0 1.15rem;max-width:400px;line-height:1.55}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--bd-purple-tint);border-top-color:var(--bd-purple);animation:spin .7s linear infinite}.spinner--lg{width:40px;height:40px;border-width:4px}.spinner-center{display:grid;place-items:center;padding:3rem}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#efeaf1 25%,#f8f5f9,#efeaf1 65%);background-size:300% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:8px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-row{display:flex;align-items:center;gap:.9rem;padding:.8rem 1.05rem;border-bottom:1px solid var(--bd-line-soft)}.skeleton-row:last-child{border-bottom:none}.skeleton--circle{border-radius:50%;flex:none}.toast-stack{position:fixed;bottom:1.25rem;right:1.25rem;z-index:200;display:flex;flex-direction:column;gap:.6rem}.toast{display:flex;align-items:flex-start;gap:.7rem;background:#fff;border:1px solid var(--bd-line);border-left:4px solid var(--bd-purple);border-radius:14px;box-shadow:var(--shadow-lg);padding:.9rem 1rem;min-width:280px;max-width:380px;animation:slidein .28s var(--ease-spring)}.toast--success{border-left-color:var(--bd-success)}.toast--error{border-left-color:var(--bd-danger)}.toast--info{border-left-color:var(--bd-info)}.toast__icon{flex:none;margin-top:1px}.toast__title{font-weight:700;font-size:.88rem;color:var(--bd-purple)}.toast__msg{font-size:.82rem;color:var(--bd-muted);margin-top:2px}.toast__close{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--bd-muted)}@keyframes slidein{0%{opacity:0;transform:translate(24px) scale(.98)}to{opacity:1;transform:none}}.chart{width:100%}.chart-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.75rem}.chart-legend__item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--bd-muted)}.chart-legend__swatch{width:11px;height:11px;border-radius:3px}.chart-empty{display:grid;place-items:center;height:180px;color:var(--bd-muted);font-size:.88rem}.muted{color:var(--bd-muted)}.row{display:flex;align-items:center;gap:.6rem}.row--between{justify-content:space-between}.wrap{flex-wrap:wrap}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-2{margin-bottom:1rem}.text-sm{font-size:.85rem}.text-xs{font-size:.76rem}.stack{display:flex;flex-direction:column;gap:1.15rem}.progress-mini{height:7px;background:var(--bd-purple-tint);border-radius:999px;overflow:hidden;min-width:90px}.progress-mini__fill{height:100%;background:linear-gradient(90deg,var(--bd-gold-deep),var(--bd-gold));border-radius:999px;transition:width .5s var(--ease-spring)}.definition{display:grid;grid-template-columns:150px 1fr;gap:.7rem 1rem;font-size:.9rem}.definition dt{color:var(--bd-muted);font-weight:600}.definition dd{margin:0;color:var(--bd-ink)}.sidebar-backdrop{display:none}@media (max-width: 1000px){.admin-sidebar{transform:translate(-100%);width:var(--sidebar-w)!important}.admin-sidebar.is-open{transform:none;box-shadow:var(--shadow-lg)}.admin-main{margin-left:0!important}.admin-app.is-collapsed .admin-nav__label,.admin-app.is-collapsed .admin-nav__badge{opacity:1;width:auto}.admin-app.is-collapsed .admin-nav__group-label{opacity:1;height:auto}.admin-app.is-collapsed .admin-nav__link{justify-content:flex-start;padding:.62rem .75rem}.sidebar-backdrop.is-open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#2b1c2e73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:35;animation:fade .2s ease}.admin-topbar__search,.sidebar-collapse-btn{display:none}}@media (max-width: 640px){.admin-content{padding:1rem 1rem 2rem}.form-grid{grid-template-columns:1fr}.page-head{align-items:flex-start}.page-head__title{font-size:1.35rem}.definition{grid-template-columns:1fr;gap:.2rem}.definition dt{margin-top:.5rem}.admin-user__meta{display:none}}.menu-toggle{display:none}@media (max-width: 1000px){.menu-toggle{display:grid}}.portal{min-height:100vh;background:var(--bd-bg, #F7F5F9)}.portal-topbar{position:sticky;top:0;z-index:30;height:68px;display:flex;align-items:center;gap:1.25rem;padding:0 1.5rem;background:linear-gradient(90deg,var(--bd-purple) 0%,var(--bd-purple-deep, #362239) 100%);color:#fff;box-shadow:0 4px 20px #2b1c2e2e}.portal-topbar__brand{display:flex;align-items:center;gap:.8rem}.portal-topbar__plate{background:#fff;border-radius:11px;padding:.38rem .65rem;display:inline-flex;box-shadow:0 2px 10px #0003}.portal-topbar__plate img{height:28px;width:auto;display:block}.portal-topbar__name{line-height:1.1}.portal-topbar__name span{display:block;font-family:var(--font-body);font-size:.7rem;font-weight:700;color:#d8c4dc;text-transform:uppercase;letter-spacing:.09em}.portal-nav{display:flex;gap:.3rem;margin-left:.75rem}.portal-nav__link{position:relative;color:#e7dcea;text-decoration:none;font-weight:600;font-size:.9rem;padding:.48rem .9rem;border-radius:10px;display:inline-flex;align-items:center;gap:.45rem;transition:background .18s ease,color .18s ease,transform .18s ease}.portal-nav__link:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.portal-nav__link.is-active{background:var(--bd-gold);color:var(--bd-purple);box-shadow:0 4px 14px #f1cb4559}.portal-topbar__spacer{flex:1}.portal-user{display:flex;align-items:center;gap:.6rem;cursor:pointer;padding:.32rem .6rem;border-radius:12px;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.portal-user:hover{background:#ffffff1a;border-color:#ffffff2e}.portal-user__name{font-weight:700;font-size:.85rem;color:#fff;line-height:1.15}.portal-user__role{font-size:.7rem;color:#c9b6cd;letter-spacing:.04em}.portal-user>svg{color:#c9b6cd}.portal-content{max-width:1200px;margin:0 auto;padding:1.75rem 1.5rem 2.5rem;animation:page-in .35s cubic-bezier(.22,1,.36,1)}.course-card{background:#fff;border:1px solid var(--bd-line);border-radius:18px;box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .22s ease,transform .22s cubic-bezier(.22,1,.36,1),border-color .22s ease}.course-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:#d9cbdc}.course-card__banner{position:relative;height:96px;overflow:hidden;background:radial-gradient(120px 120px at 88% -20%,rgba(241,203,69,.35),transparent 70%),radial-gradient(160px 160px at -10% 120%,rgba(255,255,255,.12),transparent 70%),linear-gradient(120deg,var(--bd-purple),var(--bd-purple-soft));display:flex;align-items:flex-end;padding:.75rem 1rem;color:var(--bd-gold)}.course-card__banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.045) 0 2px,transparent 2px 14px);pointer-events:none}.course-card__banner svg{filter:drop-shadow(0 3px 6px rgba(0,0,0,.25));transition:transform .3s cubic-bezier(.22,1,.36,1)}.course-card:hover .course-card__banner svg{transform:scale(1.12) rotate(-4deg)}.course-card__body{padding:1.05rem 1.15rem 1.15rem;flex:1;display:flex;flex-direction:column;gap:.55rem}.course-card__title{margin:0;font-size:1.05rem;line-height:1.3}.course-card__desc{color:var(--bd-muted, #7A6E7E);font-size:.85rem;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.55rem}.ccard{background:#fff;border:1px solid var(--bd-line);border-radius:18px;box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;max-width:480px;width:100%;transition:box-shadow .25s ease,transform .25s cubic-bezier(.22,1,.36,1),border-color .25s ease}.ccard:hover{box-shadow:var(--shadow-md);transform:translateY(-5px);border-color:#d9cbdc}.ccard__banner{position:relative;aspect-ratio:16 / 9;max-height:200px;overflow:hidden;background:var(--bd-purple)}.ccard__banner>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .4s cubic-bezier(.22,1,.36,1)}.ccard:hover .ccard__banner>img{transform:scale(1.045)}.ccard__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(150px 150px at 88% -12%,rgba(241,203,69,.38),transparent 70%),radial-gradient(190px 190px at -8% 112%,rgba(255,255,255,.12),transparent 70%),linear-gradient(120deg,var(--bd-purple),var(--bd-purple-soft))}.ccard__placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 2px,transparent 2px 15px)}.ccard__placeholder-plate{background:#fffffff0;border-radius:12px;padding:.55rem .9rem;box-shadow:0 4px 16px #00000038;position:relative;z-index:1}.ccard__placeholder-plate img{height:26px;width:auto;display:block}.ccard__level{position:absolute;top:.7rem;right:.7rem;z-index:1}.ccard__level .badge{box-shadow:0 2px 8px #00000038}.ccard__body{padding:1.1rem 1.2rem 1.2rem;flex:1;display:flex;flex-direction:column;gap:.55rem}.ccard__meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ccard__chip{display:inline-flex;align-items:center;gap:.3rem;background:var(--bd-purple-tint);color:var(--bd-purple);font-size:.72rem;font-weight:700;padding:.22rem .6rem;border-radius:999px;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccard__duration{display:inline-flex;align-items:center;gap:.3rem;color:var(--bd-muted, #7A6E7E);font-size:.78rem;font-weight:600;flex:none}.ccard__title{margin:.1rem 0 0;font-size:1.12rem;line-height:1.32;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ccard__desc{color:var(--bd-muted, #7A6E7E);font-size:.86rem;margin:0;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ccard__progress{margin-top:.15rem}.ccard__actions{margin-top:auto;padding-top:.7rem;display:flex;align-items:center;gap:.5rem;border-top:1px solid var(--bd-line-soft)}.ccard__actions-spacer{flex:1}.cinfo-hero{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(120deg,var(--bd-purple),var(--bd-purple-soft));color:#fff;box-shadow:var(--shadow-md);margin-bottom:1.25rem}.cinfo-hero__img{position:absolute;top:0;right:0;bottom:0;left:0}.cinfo-hero__img img{width:100%;height:100%;object-fit:cover;opacity:.35;display:block}.cinfo-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#2b1c2eeb 20%,#2b1c2e8c 65%,#2b1c2e40)}.cinfo-hero__content{position:relative;z-index:1;padding:2rem;display:flex;gap:1.5rem;align-items:flex-start;flex-wrap:wrap}.cinfo-hero__thumb{width:220px;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:2px solid rgba(255,255,255,.35);box-shadow:0 10px 30px #0000004d;flex:none}.cinfo-hero__thumb img,.cinfo-hero__thumb .ccard__placeholder{width:100%;height:100%;object-fit:cover}.cinfo-hero__content h1{color:#fff;margin:.3rem 0 .5rem;font-size:1.7rem;letter-spacing:-.02em}.cinfo-hero__content p{color:#e3d6e7;margin:0;line-height:1.6;max-width:640px}.cinfo-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.cinfo-fact{background:#fff;border:1px solid var(--bd-line);border-radius:14px;padding:.9rem 1rem;box-shadow:var(--shadow-sm)}.cinfo-fact__label{font-size:.72rem;font-weight:700;color:var(--bd-muted, #7A6E7E);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:.35rem}.cinfo-fact__value{font-weight:700;color:var(--bd-purple);margin-top:.3rem;font-size:1.02rem}@media (max-width: 640px){.cinfo-hero__content{padding:1.25rem}.cinfo-hero__thumb{width:100%}}.learn{display:grid;grid-template-columns:324px 1fr;gap:1.25rem;align-items:start}.learn__sidebar{position:sticky;top:84px;max-height:calc(100vh - 104px);overflow-y:auto}.learn__chapter-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--bd-muted, #7A6E7E);font-weight:700;padding:.95rem 1rem .35rem}.learn__item{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.62rem 1rem;border:none;background:none;cursor:pointer;font:inherit;color:var(--bd-ink);border-left:3px solid transparent;transition:background .15s ease,border-color .15s ease,padding-left .15s ease}.learn__item:hover:not(:disabled){background:var(--bd-purple-tint);padding-left:1.15rem}.learn__item.is-active{background:var(--bd-purple-tint);border-left-color:var(--bd-gold-deep);font-weight:650}.learn__item:disabled{color:#b4a8b8;cursor:not-allowed}.learn__item-ic{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--bd-purple-tint);color:var(--bd-purple);transition:background .15s ease,color .15s ease}.learn__item.is-active .learn__item-ic{background:var(--bd-gold);color:var(--bd-purple)}.learn__item:disabled .learn__item-ic{background:#f1edf2;color:#b4a8b8}.learn__item-title{flex:1;font-size:.86rem;line-height:1.3}.learn__viewer{min-height:420px}.learn__reading{line-height:1.75;font-size:.98rem}.learn__reading p{margin:0 0 .9rem}.learn__pdf-frame{width:100%;height:68vh;border:1px solid var(--bd-line);border-radius:14px;background:#fff}@media (max-width: 960px){.learn{grid-template-columns:1fr}.learn__sidebar{position:static;max-height:none;order:2}.portal-nav__link span,.portal-topbar__name{display:none}}@media (max-width: 640px){.portal-content{padding:1rem 1rem 2rem}.portal-topbar{padding:0 1rem;gap:.75rem}.admin-user__meta{display:none}}.svp-shell{max-width:960px;margin:0 auto}.svp-stage{position:relative;background:linear-gradient(160deg,var(--bd-purple),var(--bd-purple-deep, #362239));border-radius:16px;overflow:hidden;box-shadow:0 12px 36px #2b1c2e47;aspect-ratio:16 / 9;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.svp-video{width:100%;height:100%;display:block}.svp-watermark{position:absolute;color:#ffffff47;font-size:.8rem;letter-spacing:.05em;pointer-events:none;transition:top 2s ease,left 2s ease;text-shadow:0 0 4px rgba(72,45,76,.6)}.svp-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--bd-gold);font-weight:600}.svp-controls{display:flex;align-items:center;gap:.6rem;padding:.75rem .25rem;flex-wrap:wrap}.svp-icon-btn{background:transparent;border:1px solid var(--bd-line);color:var(--bd-purple);border-radius:9px;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;flex:none;transition:background .15s ease}.svp-icon-btn:hover{background:var(--bd-purple-tint)}.svp-volume{display:flex;align-items:center;gap:.25rem;flex:none}.svp-volume-slider{width:70px;accent-color:var(--bd-purple)}.svp-time--remaining{color:var(--bd-purple-soft);font-size:.82rem;min-width:52px}.svp-shell.is-fullscreen{max-width:none;width:100%;height:100%;background:#140d16;display:flex;flex-direction:column;justify-content:center;padding:0 2rem}.svp-shell.is-fullscreen .svp-stage{border-radius:0}.svp-shell.is-fullscreen .svp-controls{background:#140d16;padding:.75rem 1rem}.svp-shell.is-fullscreen .svp-time,.svp-shell.is-fullscreen .svp-pct{color:#e7dcea}.svp-shell.is-fullscreen .svp-icon-btn{color:#e7dcea;border-color:#ffffff40}.svp-shell.is-fullscreen .svp-icon-btn:hover{background:#ffffff1f}.svp-shell.is-fullscreen .svp-next{display:none}.svp-play{background:var(--bd-purple);color:var(--bd-gold);border:none;border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:.9rem;transition:background .18s ease,transform .18s ease,box-shadow .18s ease;box-shadow:0 4px 12px #482d4c4d}.svp-play:hover{background:var(--bd-purple-soft);transform:scale(1.06)}.svp-time{font-variant-numeric:tabular-nums;color:var(--bd-purple);min-width:44px}.svp-seek{flex:1;accent-color:var(--bd-gold)}.svp-progress{display:flex;align-items:center;gap:.5rem;min-width:140px}.svp-progress .progress-track{flex:1}.svp-pct{color:var(--bd-purple);font-weight:700;font-size:.85rem}.svp-next{margin-top:.5rem;width:100%}.svp-error{background:var(--bd-purple-tint);border-left:4px solid var(--bd-danger);color:var(--bd-ink);padding:1rem 1.25rem;border-radius:var(--radius)}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--bd-white)}.login__brand{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#3b2440,#482d4c 45%,#6b4a70);display:flex;flex-direction:column;justify-content:space-between;padding:3rem}.login__brand:before,.login__brand:after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}.login__brand:before{width:460px;height:460px;right:-160px;top:-140px;background:radial-gradient(circle at 30% 30%,rgba(241,203,69,.35),transparent 62%);animation:float1 14s ease-in-out infinite}.login__brand:after{width:380px;height:380px;left:-120px;bottom:-120px;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.14),transparent 60%);animation:float2 18s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-24px,26px) scale(1.06)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-18px) scale(1.08)}}.login__brand-top{position:relative;z-index:1;display:flex;align-items:center;gap:.8rem}.login__logo-plate{background:#fff;border-radius:14px;padding:.6rem .95rem;display:inline-flex;box-shadow:0 6px 22px #00000038}.login__logo-plate img{height:36px;width:auto;display:block}.login__hero{position:relative;z-index:1;max-width:460px}.login__hero h1{color:#fff;font-size:2.6rem;line-height:1.08;margin:0 0 1rem}.login__hero h1 em{color:var(--bd-gold);font-style:normal}.login__hero p{color:#e3d6e7;font-size:1.05rem;line-height:1.6;margin:0}.login__points{position:relative;z-index:1;display:grid;gap:.85rem;margin-top:2rem}.login__point{display:flex;align-items:center;gap:.7rem;color:#efe6f1;font-size:.95rem}.login__point-ic{width:30px;height:30px;border-radius:8px;background:#ffffff1f;display:grid;place-items:center;flex:none;color:var(--bd-gold)}.login__brand-foot{position:relative;z-index:1;color:#c9b6cd;font-size:.82rem}.login__panel{display:grid;place-items:center;padding:2rem;background:var(--bd-bg, #F7F5F9)}.login__card{width:100%;max-width:400px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--bd-line);border-radius:18px;box-shadow:0 20px 60px #482d4c29;padding:2.4rem;animation:cardIn .5s cubic-bezier(.2,.7,.2,1)}@keyframes cardIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.login__card-logo{height:34px;width:auto;display:block;margin-bottom:1.4rem}.login__card h2{font-size:1.7rem;margin:0 0 .3rem;letter-spacing:-.02em}.login__card-sub{color:var(--bd-muted, #7A6E7E);margin:0 0 1.6rem;font-size:.92rem}.login__field{margin-bottom:1.1rem}.login__field label{display:block;font-weight:650;color:var(--bd-purple);font-size:.85rem;margin-bottom:.4rem}.login__input-wrap{position:relative;display:flex;align-items:center}.login__input-wrap>svg{position:absolute;left:.8rem;color:var(--bd-muted, #7A6E7E);pointer-events:none}.login__input{width:100%;padding:.7rem .8rem .7rem 2.5rem;border:1px solid var(--bd-line);border-radius:11px;font:inherit;background:#fff;outline:none;transition:border .15s,box-shadow .15s}.login__input:focus{border-color:var(--bd-gold-deep);box-shadow:0 0 0 3px #f1cb4540}.login__toggle{position:absolute;right:.5rem;background:none;border:none;cursor:pointer;color:var(--bd-muted, #7A6E7E);padding:.35rem;display:grid;place-items:center}.login__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}.login__remember{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--bd-ink);cursor:pointer}.login__remember input{width:16px;height:16px;accent-color:var(--bd-purple)}.login__link{background:none;border:none;color:var(--bd-purple-soft);font:inherit;font-weight:600;cursor:pointer;font-size:.88rem;text-decoration:none}.login__link:hover{color:var(--bd-purple);text-decoration:underline}.login__submit{width:100%;padding:.8rem;border:none;border-radius:11px;background:var(--bd-gold);color:var(--bd-purple);font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:background .15s}.login__submit:hover:not(:disabled){background:var(--bd-gold-deep)}.login__submit:disabled{opacity:.65;cursor:not-allowed}.login__alert{display:flex;align-items:center;gap:.5rem;background:#fbe7e7;color:var(--bd-danger);padding:.7rem .85rem;border-radius:11px;margin-bottom:1.2rem;font-size:.88rem;animation:shake .35s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login__field-error{color:var(--bd-danger);font-size:.78rem;margin-top:.35rem;font-weight:600}.login__foot{text-align:center;margin-top:1.5rem;color:var(--bd-muted, #7A6E7E);font-size:.84rem}.login__spin{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(72,45,76,.3);border-top-color:var(--bd-purple);animation:spin .7s linear infinite}@media (max-width: 880px){.login{grid-template-columns:1fr}.login__brand{display:none}.login__panel{background:linear-gradient(135deg,#f4eff5,#f7f5f9)}}