@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{color:#313039;font-synthesis:none;background:#f5f5f8;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{color:inherit}.app-shell{grid-template-columns:232px 1fr;gap:20px;max-width:1500px;min-height:100vh;margin:auto;padding:20px;display:grid}.sidebar,main{background:#fff;border-radius:13px}.sidebar{flex-direction:column;min-height:calc(100vh - 40px);padding:22px 18px;display:flex}.brand{align-items:center;gap:14px;padding:0 7px 25px;font-size:23px;display:flex}.brand-icon{color:#fff;background:#7563dc;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}nav{gap:7px;display:grid}nav a{color:#3e3c48;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;font-size:14px;text-decoration:none;display:flex}nav a svg{color:#725ee0;stroke-width:2.2px}nav a.active{background:#f0edff;font-weight:600}.role-card{border:1px solid #ececf2;border-radius:10px;margin-top:auto;padding:13px;box-shadow:0 2px 10px #29265a08}.role-card h3{margin:0 0 12px;font-size:13px;font-weight:500}.role-card>div{align-items:center;gap:10px;margin:11px 0;display:flex}.role-card p{margin:0;line-height:1.35}.role-card b,.role-card small{font-size:11px;font-weight:500;display:block}.role-card small{color:#66636e;font-size:10px}.teacher{color:#f2ac3a}.president{color:#4ca952}main{min-width:0;padding:0 20px 20px}.topbar{border-bottom:1px solid #f2f1f6;justify-content:space-between;align-items:center;height:78px;padding:0 5px;display:flex}.topbar h1{margin:0;font-size:18px;font-weight:600}.profile{color:#a89cea;cursor:pointer;background:#f0edff;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.menu-btn{cursor:pointer;background:0 0;border:0;display:none}.dashboard{grid-template-columns:minmax(0,1fr) 215px;gap:14px;padding-top:24px;display:grid}.primary{gap:18px;min-width:0;display:grid}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.card{background:#fff;border:1px solid #e9e9ef;border-radius:11px;position:relative;overflow:hidden;box-shadow:0 2px 9px #39365f08}.card>header{justify-content:space-between;align-items:center;padding:17px 16px 8px;display:flex}.card h2{margin:0;font-size:13px;font-weight:600}.card header time{color:#9b8df0;font-size:10px}.summary-grid .card{flex-direction:column;min-height:350px;display:flex}.card-body{flex:1;padding:8px 17px 16px}.meal-list{margin:0;padding:0;font-size:12px;line-height:2.35;list-style:none}.meal-list li:before{content:"•";margin-right:8px}.timetable{border:1px solid #eeeef4;border-radius:3px;grid-template-columns:55px 1fr;max-width:140px;margin:2px auto;font-size:10px;display:grid;overflow:hidden}.timetable span,.timetable b{border-bottom:1px solid #eeeef4;padding:5px 9px;font-weight:400}.timetable span{text-align:center;border-right:1px solid #eeeef4}.timetable :nth-last-child(-n+2){border-bottom:0}.schedule-item{margin:2px 0;font-size:11px;line-height:1.7}.card-footer{color:#b3a9ef;background:#f3f0ff;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:45px;margin:auto 7px 8px;font-size:12px;display:flex}.calendar-card{min-height:310px;padding-bottom:44px}.more{color:#77737e;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.week-row{text-align:center;grid-template-columns:20px repeat(7,1fr) 20px;align-items:end;margin:7px 20px 10px;font-size:10px;display:grid}.week-row>div{justify-items:center;gap:8px;display:grid}.week-row b{place-items:center;width:28px;height:28px;font-weight:400;display:grid}.week-row .selected{color:#6958cf;background:#f0edff;border-radius:50%}.calendar-event{border:1px solid #f0eff4;border-radius:8px;min-height:120px;margin:0 50px;padding:16px;font-size:10px}.add-button{color:#574e77;cursor:pointer;background:#f0edff;border:0;border-radius:4px;padding:7px 12px;font-size:11px;position:absolute;bottom:9px;right:12px}.right-column{grid-template-rows:1fr .45fr;gap:14px;min-width:0;display:grid}.notice-card,.supply-card{min-height:0}.floating{position:absolute;top:18px;right:15px}.notice-list{margin:0;padding:0;font-size:10px;list-style:none}.notice-list li{justify-content:space-between;gap:5px;padding:6px 0;display:flex}.notice-list time{color:#73717b;white-space:nowrap}.supply-card .card-body{flex-direction:column;display:flex}.supply-card p{margin:0;font-size:11px}.basket{color:#b5abef;stroke-width:1.7px;margin:auto}.scrim{display:none}@media (width<=1000px){.app-shell{grid-template-columns:200px 1fr;gap:14px;padding:14px}.sidebar{min-height:calc(100vh - 28px)}.dashboard{grid-template-columns:1fr}.right-column{grid-template-rows:220px;grid-template-columns:1fr 1fr}.summary-grid .card{min-height:315px}}@media (width<=760px){.app-shell{padding:0;display:block}main{border-radius:0;min-height:100vh;padding:0 14px 20px}.menu-btn{place-items:center;display:grid}.sidebar{z-index:20;border-radius:0;width:255px;min-height:100vh;transition:transform .25s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.scrim{z-index:10;background:#1f1b3d66;border:0;display:block;position:fixed;inset:0}.topbar{height:68px}.topbar h1{font-size:16px}.dashboard{padding-top:16px}.summary-grid{grid-template-columns:1fr}.summary-grid .card{min-height:270px}.right-column{grid-template-rows:minmax(220px,auto) minmax(200px,auto);grid-template-columns:1fr}.calendar-event{margin:0 12px}.week-row{margin-inline:8px}}nav button{color:#3e3c48;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 13px;font-size:14px;display:flex}nav button svg{color:#725ee0;stroke-width:2.2px}nav button.active{background:#f0edff;font-weight:600}.class-picker{cursor:pointer;background:0 0;border:0;font-size:18px;font-weight:600}.top-actions{align-items:center;gap:12px;display:flex}.notification{color:#7665df;cursor:pointer;background:0 0;border:0;position:relative}.notification i{color:#fff;background:#f06470;border-radius:10px;padding:1px 4px;font-size:8px;font-style:normal;position:absolute;top:-5px;right:-2px}.page-content{min-height:calc(100vh - 98px);padding:32px 5%}.page-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.page-heading h1{margin:0 0 7px;font-size:25px}.page-heading p,.section-title p{color:#85828e;margin:0;font-size:13px}.content-card{background:#fff;border:1px solid #e9e9ef;border-radius:13px;padding:25px;box-shadow:0 4px 16px #39365f0a}.primary-button,.secondary-button,.danger-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-size:12px;display:inline-flex}.primary-button{color:#fff;background:#7563dc;border:1px solid #7563dc}.secondary-button{color:#6455c5;background:#fff;border:1px solid #d9d3f7}.danger-button{color:#d84855;background:#fff1f2;border:1px solid #ffdadd}.primary-button svg,.secondary-button svg,.danger-button svg{width:16px;height:16px}.wide{width:100%;margin-top:5px}.toolbar{justify-content:space-between;margin-bottom:20px;display:flex}.search-box{color:#9b97a5;border:1px solid #e0dee8;border-radius:9px;align-items:center;gap:10px;width:min(420px,100%);padding:11px 13px;display:flex}.search-box input{width:100%;font:inherit;border:0;outline:0}.search-box svg{width:18px}.member-table{overflow-x:auto}.table-head,.member-row{text-align:left;grid-template-columns:55px 1.25fr 1.7fr 1fr .8fr 25px;align-items:center;gap:12px;min-width:700px;padding:13px 10px;display:grid}.table-head{color:#8b8794;border-bottom:1px solid #eceaf1;font-size:11px}.member-row{cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f0eef3;width:100%;font-size:12px}.member-row:hover{background:#faf9ff}.person{align-items:center;gap:10px;display:flex}.avatar{color:#7665dc;background:#eeeafe;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-style:normal;font-weight:600;display:grid}.avatar.large{width:60px;height:60px;font-size:20px}.avatar.huge{width:76px;height:76px}.status{white-space:nowrap;border-radius:15px;padding:5px 9px;font-size:10px;font-style:normal}.status.accepted{color:#3a9a58;background:#eaf8ee}.status.pending{color:#b27a17;background:#fff6dc}.pagination{justify-content:center;gap:5px;margin-top:20px;display:flex}.pagination button{background:#fff;border:1px solid #e5e2ee;border-radius:6px;width:29px;height:29px}.pagination .current{color:#fff;background:#7563dc}.empty{color:#817e89;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:240px;font-size:13px;display:flex}.page-content>.page-heading .primary-button{display:none}.room-onboarding{width:min(760px,100%)}.room-onboarding .onboard-card.dim{pointer-events:none}.room-onboarding button:disabled{cursor:not-allowed;opacity:.55}.profile-complete{grid-template-columns:110px 1fr;align-items:center}.profile-complete .photo-picker{grid-row:1/span 3}.profile-complete .invite-code,.profile-complete .wide{grid-column:1/-1}.invite-code-card{background:linear-gradient(135deg,#f3f0ff,#faf9ff);border:1px solid #ded7ff;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:14px;margin-bottom:18px;padding:22px;display:grid}.invite-code-heading{align-items:center;gap:14px;display:flex}.invite-code-heading>i{color:#fff;background:#7563dc;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.invite-code-heading div{gap:3px;display:grid}.invite-code-heading small{color:#777286;font-size:11px}.invite-code-heading strong{letter-spacing:4px;color:#493b99;font-size:25px}.invite-code-card .primary-button{align-items:center;gap:7px;display:flex}.invite-code-card .primary-button svg{width:16px}.invite-code-card>p{color:#777286;grid-column:1/-1;margin:0;font-size:11px}.join-code-row{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.join-code-row .primary-button{height:39px}.room-divider{color:#9993a3;align-items:center;gap:12px;font-size:10px;display:flex}.room-divider:before,.room-divider:after{content:"";background:#e7e3ed;flex:1;height:1px}.meal-groups{gap:12px;display:grid}.meal-groups section{border-bottom:1px solid #eeeaf3;padding-bottom:10px}.meal-groups section:last-child{border-bottom:0;padding-bottom:0}.meal-groups h3{color:#6553cd;margin:0 0 7px;font-size:12px}.meal-groups .empty-copy{margin:0;font-size:10px}.meal-picker{gap:13px;display:grid}.meal-tabs{background:#f3f1f7;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;display:grid}.meal-tabs button{color:#837e8d;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 4px;font-size:11px}.meal-tabs button.active{color:#fff;background:#7563dc;font-weight:700;box-shadow:0 3px 9px #7563dc35}.meal-panel h3{color:#6553cd;margin:0 0 8px;font-size:12px}.meal-panel .empty-copy{text-align:center;margin:12px 0}.timetable b.unavailable{color:#a09baa;font-size:10px;font-weight:500}.form select,.form textarea{width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #dfdce8;border-radius:8px;outline:0;padding:11px 12px}.schedule-empty,.notice-empty{text-align:center;color:#8c8794;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:145px;display:flex}.schedule-empty>i,.notice-empty>i{color:#7563dc;background:#f1effb;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:4px;display:grid}.schedule-empty svg,.notice-empty svg{width:20px}.schedule-empty b,.notice-empty b{color:#504c59;font-size:12px}.schedule-empty span,.notice-empty span{font-size:10px}.schedule-empty button{color:#7563dc;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-top:5px;font-size:10px;display:flex}.schedule-empty button svg{width:13px}.today-schedule-list{gap:7px;display:grid}.today-schedule-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #eeebf2;border-radius:8px;grid-template-columns:3px 1fr 18px;align-items:center;gap:10px;width:100%;padding:9px 7px;display:grid}.today-schedule-item:hover{background:#fcfbff;border-color:#cbc3ef}.today-schedule-item>i{background:#8170e5;border-radius:3px;height:30px}.today-schedule-item div{gap:3px;display:grid}.today-schedule-item b{font-size:11px}.today-schedule-item small{color:#918c99;font-size:9px}.today-schedule-item svg{color:#aaa5b0;width:15px}.schedule-more{color:#7563dc;cursor:pointer;background:0 0;border:0;padding:5px;font-size:10px}.improved-calendar>header{justify-content:space-between;align-items:center;display:flex}.improved-calendar>header p,.improved-notices>header p{color:#9994a1;margin:3px 0 0;font-size:9px}.secondary-button.compact{align-items:center;gap:4px;padding:7px 10px;display:flex}.secondary-button.compact svg{width:14px}.calendar-schedule-list{gap:7px;padding-top:13px;display:grid}.calendar-schedule-list>button{text-align:left;cursor:pointer;background:#fff;border:1px solid #eeebf2;border-radius:8px;grid-template-columns:8px 1fr 18px;align-items:center;gap:9px;padding:10px;display:grid}.schedule-dot{background:#8170e5;border-radius:50%;width:7px;height:7px}.schedule-dot.exam{background:#e26976}.schedule-dot.event{background:#e5a83f}.calendar-schedule-list button div{gap:3px;display:grid}.calendar-schedule-list button b{font-size:11px}.calendar-schedule-list button small{color:#96919d;font-size:9px}.calendar-schedule-list button svg{color:#aaa5b0;width:15px}.inline-empty{color:#9994a1;justify-content:center;align-items:center;gap:7px;padding:25px;font-size:10px;display:flex}.inline-empty svg{width:17px}.improved-notices>header{justify-content:space-between;align-items:flex-start;padding:17px 17px 0;display:flex}.notice-card-list{gap:8px;display:grid}.notice-card-list article{border:1px solid #eeebf2;border-radius:9px;gap:4px;padding:11px;display:grid;position:relative}.notice-card-list article>i{color:#7563dc;background:#f0edff;border-radius:4px;width:max-content;padding:2px 5px;font-size:8px;font-style:normal}.notice-card-list article>b{font-size:11px}.notice-card-list article>p{color:#85808e;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:9px;line-height:1.5;overflow:hidden}.notice-card-list article>time{color:#aaa5b0;font-size:8px}.notice-all{color:#7563dc;cursor:pointer;background:0 0;border:0;border-top:1px solid #eeebf2;width:calc(100% - 34px);margin:0 17px 15px;padding-top:11px;font-size:10px}.modal-actions .danger-button{margin-right:auto}.supply-panel>header{padding:17px 17px 0}.supply-panel>header h2{margin:0;font-size:14px}.supply-panel>header p{color:#9994a1;margin:3px 0 0;font-size:9px}.supply-empty{text-align:center;color:#8c8794;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:130px;display:flex}.supply-empty>i{color:#8170e5;background:#f1effb;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:4px;display:grid}.supply-empty svg{width:20px}.supply-empty b{color:#504c59;font-size:11px}.supply-empty span{max-width:180px;font-size:9px;line-height:1.5}.supply-list{gap:7px;display:grid}.supply-list article{background:#fff;border:1px solid #eeebf2;border-radius:9px;align-items:center;gap:10px;padding:10px;display:flex}.supply-list article>i{color:#8170e5;background:#f4f1ff;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.supply-list article svg{width:15px}.supply-list article div{gap:3px;display:grid}.supply-list article b{font-size:10px}.supply-list article small{color:#aaa5b0;font-size:8px}.week-row .calendar-day{color:#88838f;cursor:pointer;background:0 0;border:0;justify-items:center;gap:5px;padding:5px 7px;display:grid;position:relative}.week-row .calendar-day b{border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.week-row .calendar-day.active b{color:#fff;background:#7563dc}.week-row .calendar-day>i{background:#8170e5;border-radius:50%;width:4px;height:4px;position:absolute;bottom:0}.week-row .calendar-day.active>i{background:#fff}.week-arrow{color:#898491;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.week-arrow svg{width:16px}.notice-write{white-space:nowrap}.notice-empty button{color:#7563dc;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-top:6px;font-size:10px;display:flex}.notice-empty button svg{width:13px}.class-picker.has-room{text-overflow:ellipsis;white-space:nowrap;text-align:left;color:#484352;max-width:min(520px,55vw);font-weight:600;overflow:hidden}.supply-panel>header{justify-content:space-between;align-items:flex-start;display:flex}.supply-list>button{text-align:left;cursor:pointer;background:#fff;border:1px solid #eeebf2;border-radius:9px;grid-template-columns:32px 1fr 16px;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.supply-list>button:hover{background:#fcfbff;border-color:#cbc3ef}.supply-list>button>i{color:#8170e5;background:#f4f1ff;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.supply-list>button>i svg,.supply-list>button>svg{width:15px}.supply-list>button>svg{color:#aaa5b0}.supply-list>button div{gap:3px;display:grid}.supply-list>button b{font-size:10px}.supply-list>button small{color:#aaa5b0;font-size:8px}.supply-empty button{color:#7563dc;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-top:6px;font-size:10px;display:flex}.supply-empty button svg{width:13px}.dashboard-empty{text-align:center;color:#8c8794;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:175px;display:flex}.dashboard-empty.compact{min-height:115px}.dashboard-empty>i{color:#8170e5;background:#f1effb;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:5px;display:grid}.dashboard-empty svg{width:20px}.dashboard-empty b{color:#504c59;font-size:12px}.dashboard-empty span{color:#9994a1;max-width:210px;font-size:9px;line-height:1.55}.modal-layer{z-index:50;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#211d3d66;border:0;position:absolute;inset:0}.modal{background:#fff;border-radius:15px;width:min(440px,100%);max-height:90vh;padding:23px;position:relative;overflow:auto;box-shadow:0 20px 60px #201b4340}.modal>header{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.modal h2{margin:0;font-size:18px}.icon-button{cursor:pointer;background:0 0;border:0}.form{gap:15px;display:grid}.form label{gap:7px;font-size:12px;font-weight:600;display:grid}.form input{border:1px solid #dfdce8;border-radius:8px;outline:0;width:100%;padding:11px 12px}.form input:focus{border-color:#8170e5;box-shadow:0 0 0 3px #7665dc12}.form input:disabled{color:#777;background:#f5f4f7}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-error,.onboard-error{color:#d84b56;margin:0;font-size:11px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.member-detail{text-align:center}.member-detail>.avatar{margin:auto}.member-detail h3{margin:13px 0 3px}.member-detail>p{color:#85818d;font-size:12px}.member-detail>div:not(.modal-actions){border-bottom:1px solid #efedf3;justify-content:space-between;padding:11px;font-size:12px;display:flex}.settings-page{max-width:980px;margin:auto}.settings-page>.content-card{margin-bottom:18px}.setting-section{padding:28px}.section-title{border-bottom:1px solid #efedf3;align-items:center;gap:13px;padding-bottom:22px;display:flex}.section-title h2{margin:0 0 5px;font-size:16px}.section-title .secondary-button{margin-left:auto}.section-icon,.round-icon{color:#7563dc;background:#eeeafe;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.section-icon svg,.round-icon svg{width:20px}.class-banner{background:#f7f5ff;border-radius:11px;align-items:center;gap:15px;margin:21px 0;padding:20px;display:flex}.class-banner>svg{color:#7563dc}.class-banner div{gap:3px;display:grid}.class-banner small,.class-banner span{color:#7f7b88;font-size:11px}.class-banner strong{font-size:14px}.representatives h3{margin:25px 0 10px;font-size:13px}.representatives h3 small{color:#9a96a3;font-weight:400}.representative{border-bottom:1px solid #f0eef3;align-items:center;gap:12px;padding:12px 5px;display:flex}.representative div{gap:2px;display:grid}.representative small{color:#8d8995;font-size:10px}.representative b{font-size:12px}.rep-icon{color:#eda82b;background:#fff5df;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.rep-icon.president{color:#46a358;background:#eef9f0}.rep-icon.vice{color:#7563dc;background:#f0edff}.text-button{color:#7665dc;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:11px}.account-row,.password-row{border-bottom:1px solid #efedf3;align-items:center;gap:14px;padding:21px 5px;display:flex}.account-row>div,.password-row>div{gap:4px;display:grid}.account-row b,.password-row b{font-size:13px}.account-row span,.password-row span{color:#8a8691;font-size:11px}.account-row button,.password-row button{margin-left:auto}.logout-button{color:#dd5260;cursor:pointer;background:0 0;border:0;margin-top:20px;font-size:11px}.photo-picker{justify-items:center;gap:8px;display:grid}.photo-picker button{color:#7563dc;background:0 0;border:0;gap:5px;font-size:11px;display:flex}.photo-picker svg{width:15px}.onboarding-layer{z-index:60;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#27223c99;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.onboarding{background:#fff;border-radius:18px;width:min(680px,100%);max-height:95vh;padding:30px 38px;position:relative;overflow:auto}.onboard-close{background:0 0;border:0;position:absolute;top:20px;right:20px}.welcome{text-align:center}.welcome .brand-icon{margin:auto}.welcome h1{margin:14px 0 5px;font-size:23px}.welcome p{color:#8b8794;font-size:12px}.stepper{grid-template-columns:auto 1fr auto 1fr auto;align-items:start;margin:30px;display:grid}.stepper>div{color:#aaa6b0;justify-items:center;gap:7px;font-size:10px;display:grid}.stepper>div i{border:2px solid #d5d2dc;border-radius:50%;place-items:center;width:27px;height:27px;font-style:normal;display:grid}.stepper>div.now{color:#7563dc}.stepper>div.now i{color:#fff;background:#7563dc;border-color:#7563dc}.stepper>div.done i{color:#fff;background:#4db56a;border-color:#4db56a}.stepper>div.done{color:#3c9a58}.stepper>b{background:#dfdce4;height:2px;margin-top:13px}.stepper>b.done{background:#4db56a}.stepper svg{width:15px}.onboard-card{border:1px solid #e9e6ef;border-radius:11px;margin:11px 0;padding:18px 20px}.onboard-card.dim{opacity:.45;padding-block:14px}.onboard-card h2{align-items:center;gap:9px;margin:0;font-size:14px;display:flex}.onboard-card h2>i{color:#7563dc;background:#eeeafe;border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;font-style:normal;display:grid}.onboard-card>.form{margin-top:18px}.tabs{background:#f4f2f7;border-radius:8px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.tabs button{background:0 0;border:0;border-radius:6px;padding:9px;font-size:11px}.tabs button.active{color:#6a58d3;background:#fff;box-shadow:0 2px 7px #2c274416}.valid{color:#35a359}.invalid{color:#d84b56}.invite-code{background:#f1efff;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:12px;font-size:12px;display:flex}.invite-code button{color:#6b59d2;background:0 0;border:0}.role-options{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.role-options button{background:#fff;border:1px solid #e0ddea;border-radius:7px;padding:9px 2px;font-size:10px}.role-options button.active{color:#6553cd;background:#f0edff;border-color:#7563dc}.onboard-error{text-align:center;margin-top:10px}.toast{z-index:80;color:#fff;background:#332d51;border-radius:9px;padding:12px 17px;font-size:12px;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 30px #241f4540}.toast.error{background:#b33d4a}@media (width<=760px){.page-content{padding:22px 0}.page-heading{align-items:flex-start}.content-card{padding:16px}.table-head,.member-row{grid-template-columns:45px 1.2fr 1.5fr 1fr .7fr 20px}.setting-section{padding:18px}.section-title{flex-wrap:wrap;align-items:flex-start}.section-title .secondary-button{margin-left:55px}.account-row,.password-row{flex-wrap:wrap}.account-row button,.password-row button{margin-left:auto}.onboarding{padding:28px 18px}.stepper{margin:25px 5px}.role-options{grid-template-columns:1fr 1fr}}