@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";:root{font-family:Inter,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#2d2f63;background:#f8f3f1}*{box-sizing:border-box}body{margin:0}.frame{min-height:100vh;background:#f8f3f1;display:grid;grid-template-columns:272px minmax(0,1fr)}.sidebar{padding:28px 20px;background:#f7f0ef;border-right:1px solid #ede6e3;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:#2d2f63}.brand__icon{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:#e2e3f2;color:#434d9c;font-weight:700}.nav{display:grid;gap:12px}.nav__item{background:transparent;border:none;text-align:left;padding:10px 14px;border-radius:999px;font-weight:600;color:#3a3c7f;cursor:pointer;display:flex;align-items:center;gap:10px}.nav__item--active{background:#ebd5e5;color:#a55091}.nav__footer{margin-top:auto;display:grid;gap:12px}.main{padding:0 32px 32px}.header{height:79px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efe6e4}.header__greet{font-size:20px;font-weight:700;color:#2d2f63}.header__sub{font-size:13px;color:#717680}.header__right{display:flex;align-items:center;gap:12px}.icon-btn{border:1px solid #e4dfe8;background:#fff;color:#2d2f63;border-radius:999px;height:36px;width:36px;display:grid;place-items:center;cursor:pointer}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e2e3f2;color:#434d9c;font-weight:700;border:none;cursor:pointer;transition:all .2s}.avatar:hover{background:#d5d6eb}.user-menu{position:relative}.user-menu__dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;border:1px solid #efe6e4;box-shadow:0 8px 24px #3c2e541f;min-width:220px;z-index:100;padding:8px}.user-menu__header{padding:12px 16px}.user-menu__email{font-size:14px;font-weight:600;color:#2d2f63;margin-bottom:4px}.user-menu__role{font-size:12px;color:#717680}.user-menu__divider{height:1px;background:#efe6e4;margin:8px 0}.user-menu__item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;color:#2d2f63;cursor:pointer;transition:all .2s;text-align:left}.user-menu__item:hover{background:#f5efeb;color:#434d9c}.content{margin-top:24px;display:grid;grid-template-columns:1fr 360px;gap:24px}.content--single{grid-template-columns:1fr}.column{display:grid;gap:16px}.card{background:#fff;border-radius:16px;border:1px solid #efe6e4;padding:20px 24px;box-shadow:0 6px 16px #3c2e540f}.card--large{padding-bottom:16px}.card__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.card__head h2{margin:0;font-size:16px;font-weight:700;color:#2d2f63}.card__head p{margin:4px 0 0;font-size:12px;color:#717680}.chip{border:1px solid #cdc3ff;color:#434d9c;background:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.list{display:grid;gap:10px;margin-top:12px}.list__item{display:grid;grid-template-columns:16px 1fr 24px;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid #ece3f7;background:#fbf8ff;color:#3a3c7f;font-size:13px}.dot{width:10px;height:10px;border-radius:50%;background:#e2e3f2}.arrow{color:#717680}.link{background:transparent;border:none;color:#434d9c;font-size:12px;font-weight:600;text-align:left;cursor:pointer}.agenda{display:grid;gap:10px;margin-top:12px}.agenda__item{padding:12px 14px;border-radius:12px;background:#fbf6f4;color:#3a3c7f}.agenda__title{font-weight:600;font-size:13px}.agenda__time{font-size:12px;color:#717680;margin-top:4px}.card--side{padding:20px;height:100%}.news{display:grid;gap:18px;margin-top:12px}.news__item{display:grid;gap:10px}.news__img{width:100%;height:140px;border-radius:12px;background:linear-gradient(135deg,#f5c0d6,#b9d4f6)}.news__title{font-size:13px;font-weight:600;color:#2d2f63}.news__meta{display:flex;justify-content:space-between;font-size:11px;color:#717680}.news__link{color:#434d9c;font-weight:700}.news__source{font-size:10px;color:#717680}@media(max-width:1200px){.content{grid-template-columns:1fr}}.desktop{display:block}.mobile{display:none}@media(max-width:900px){.desktop{display:none}.mobile{display:block}}.desktop .frame{display:grid}.desktop .sidebar{align-self:stretch}.desktop .main{min-width:0}.m-header{height:79px;border-bottom:1px solid #e2e3f2;background:#fdfbfa;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.m-logo{display:flex;align-items:center;gap:8px;color:#2d2f63;font-weight:700}.m-actions{display:flex;align-items:center;gap:12px}.m-icon{position:relative;border:none;background:transparent;padding:6px;color:#2d2f63}.m-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#ef4444}.m-body{padding:24px;display:grid;gap:16px;background:#fdfbfa;min-height:calc(100vh - 158px)}.m-title{font-size:30px;font-weight:600;line-height:38px;color:#434d9c;margin:0}.m-card{border-radius:20px;padding:24px;background:#f5efeb;box-shadow:0 1px 3px #0a0d121a,0 1px 2px #0a0d120f;display:grid;gap:16px}.m-card--gradient{border-radius:30px;padding:32px;background:linear-gradient(135deg,#d4b7d7,#f0c4d7 55%,#f6e3d1)}.m-card--soft{background:#f5efeb}.m-card h2{margin:0;font-size:36px;line-height:44px;letter-spacing:-.02em;font-weight:600;color:#434d9c}.m-card h3{margin:0;font-size:24px;line-height:32px;font-weight:600;color:#434d9c}.m-card p{margin:0;font-size:16px;line-height:24px;color:#383b57}.m-cta{display:grid;gap:12px}.m-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border-radius:20px;padding:10px 16px;font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer}.m-btn--ghost{background:#fdfbfa;color:#434d9c;border-color:#434d9c}.m-btn--primary{background:#434d9c;color:#fff}.m-btn--soft{background:#e2e3f2;color:#434d9c;border-color:#e2e3f2}.m-tabbar{height:79px;border-top:1px solid #e2e3f2;background:#fdfbfa;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:0 16px}.m-tab{border:none;background:transparent;display:grid;place-items:center;color:#434d9c}.m-tab--active{background:#d5d6eb;border-radius:20px;padding:6px 0}.notif{display:grid;gap:16px;width:100%}.notif__title{font-size:30px;font-weight:600;line-height:38px;color:#434d9c;margin:0}.notif__search{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid #c6c7e6;background:#fff;color:#3a3c7f;box-shadow:0 1px 2px #0a0d120d}.notif__search input{border:none;outline:none;font-size:16px;color:#3a3c7f;background:transparent;width:100%}.notif__card{background:#f5f5fc;border:1px solid #e2e4f3;border-radius:12px;overflow:hidden;box-shadow:0 20px 24px -4px #1d1f4114,0 8px 8px -4px #1d1f4108}.notif__card-head{background:#fff;padding:12px 20px;font-weight:600;font-size:18px;color:#3a3c7f;border-bottom:1px solid #e2e4f3}.notif__list{display:grid}.notif__item{display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:12px;padding:10px 16px;background:#e2e4f3;color:#3a3c7f;font-size:14px;border-bottom:1px solid #d8daee}.notif__item--viewed{background:#f5f5fc;color:#717680}.notif__item--viewed .notif__arrow{color:#717680}.notif__item--viewed .notif__icon{background:#f5f5fc}.notif__item:last-child{border-bottom:none}.notif__icon{width:24px;height:24px;border-radius:999px;background:#e2e4f3;display:grid;place-items:center}.notif__arrow{color:#434d9c}.notif__footer{display:flex;justify-content:center;padding:12px 16px 18px;background:#e2e4f3}.notif__button{border:1px solid #434d9c;color:#434d9c;background:#fdfbfa;border-radius:30px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.notif--desktop{max-width:680px}.notif--desktop .notif__card{background:#f5f5fc}.notif--mobile .notif__title{margin-top:4px}.m-menu{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:20}.m-menu--open{pointer-events:auto;opacity:1}.m-menu__panel{position:absolute;top:79px;right:0;width:min(80vw,320px);height:calc(100vh - 79px);background:#fdfbfa;border-left:1px solid #e2e3f2;padding:24px;display:grid;gap:12px;box-shadow:-12px 0 24px #0a0d1214;transform:translate(12px);transition:transform .2s ease;z-index:2}.m-menu--open .m-menu__panel{transform:translate(0)}.m-menu__backdrop{position:absolute;inset:0;background:#0d0c1a1f;border:none}.m-menu__title{font-size:14px;font-weight:600;color:#717680;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.m-menu__item,.m-menu__logout{border:none;background:#fff;color:#2d2f63;padding:10px 12px;border-radius:14px;display:flex;align-items:center;gap:12px;font-weight:600;cursor:pointer}.m-menu__logout{margin-top:auto;background:#ebd5e5;color:#a55091}.auth-container{min-height:100vh;background:#fdfbfa;display:grid}.auth-split{display:grid;grid-template-columns:508px minmax(0,1fr);min-height:100vh}.auth-brand{position:relative;background:radial-gradient(circle at 15% 12%,#f7b36b,#f7b36b00 45%),radial-gradient(circle at 85% 35%,#6f55a4,#6f55a400 48%),radial-gradient(circle at 20% 70%,#c98bbf,#c98bbf00 55%),radial-gradient(circle at 85% 85%,#ef6b4a,#ef6b4a00 45%),linear-gradient(135deg,#f7e3d6,#f4d9e7 45%,#e8c9e8);display:grid;place-items:center}.auth-brand__logo{font-size:28px;font-weight:700;color:#1d1f41}.auth-panel{display:grid;place-items:center;padding:40px}.auth-card{width:100%;max-width:400px;display:grid;gap:20px}.auth-card h1{margin:0;font-size:24px;line-height:32px;color:#434d9c;font-weight:600}.auth-card p{margin:0;font-size:14px;line-height:20px;color:#383b57}.auth-form{display:grid;gap:16px}.auth-field{display:grid;gap:8px}.auth-field label{font-size:14px;font-weight:500;color:#383b57}.auth-input{display:flex;align-items:center;gap:8px;border:1px solid #d5d6eb;border-radius:12px;padding:10px 14px;background:#fdfbfa;box-shadow:0 1px 2px #1d1f410d}.auth-input input{border:none;outline:none;font-size:16px;flex:1;background:transparent;color:#898b9b}.auth-link{border:none;background:transparent;color:#434d9c;font-weight:600;text-decoration:underline;text-align:left;padding:0;cursor:pointer}.auth-link--subtle{font-size:14px;color:#565870;text-decoration:underline}.auth-btn{border:none;border-radius:999px;padding:12px 20px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.auth-btn--primary{background:#434d9c;color:#fff}.auth-btn--google,.auth-btn--outline{background:#fdfbfa;border:1px solid #8d91cb;color:#3a3c7f}.auth-google{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #d5d6eb;font-weight:700}.auth-footer{font-size:14px;color:#383b57}.auth-error{padding:12px 16px;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:14px;text-align:center}.auth-role{display:flex;gap:8px;margin-top:8px}.auth-role__btn{border:1px solid #d5d6eb;background:#fff;color:#565870;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer}.auth-role__btn--active{background:#e2e4f3;color:#3a3c7f}.auth-loading{font-size:18px;font-weight:600;color:#434d9c;text-align:center}.register-card{gap:24px}.register-options,.register-profile{display:grid;gap:12px}.register-option{border:1px solid #d5d6eb;background:#fdfbfa;border-radius:16px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;text-align:left;cursor:pointer}.register-option--active{background:#e2e4f3;border-color:#abacda;box-shadow:0 0 0 4px #d5d6eb}.register-option__icon{width:32px;height:32px;border-radius:999px;background:#d5d6eb;border:4px solid #f5f5fc;display:grid;place-items:center;color:#3a3c7f}.register-option__text{display:grid;gap:4px}.register-option__title{font-size:14px;font-weight:600;color:#3a3c7f}.register-option__desc{font-size:12px;line-height:18px;color:#383b57}.register-option__radio{width:16px;height:16px;border-radius:999px;border:1px solid #c6c7e6;display:grid;place-items:center;background:#fdfbfa}.register-option--active .register-option__radio{background:#434d9c;border-color:#434d9c;position:relative}.register-option--active .register-option__radio:after{content:"";width:8px;height:8px;border-radius:999px;background:#fff;display:block}.register-actions{display:flex;gap:12px}.register-actions--center{justify-content:center}.register-actions--split{justify-content:space-between}@media(max-width:900px){.auth-split{grid-template-columns:1fr}.auth-brand{display:none}.auth-container{background:linear-gradient(47deg,#f1e4e6 10%,#f8f3f1 90%)}.auth-panel{padding:48px 32px}.auth-card{max-width:320px}.auth-card h1{font-size:20px;line-height:30px}.auth-card p{font-size:12px;line-height:18px}.register-card{gap:20px}.register-actions--split{flex-direction:column-reverse;gap:8px}}