.school-layout{display:grid;gap:30px;grid-template-columns:220px minmax(0,1fr);margin-left:-10px;margin-right:-10px}.school-sidebar{align-self:start;background:#fff;border:1px solid #e4e2f2;border-radius:22px;padding:22px 14px;position:sticky;top:20px}.school-sidebar .eyebrow{font-size:10px;padding:0 10px}.school-sidebar a{align-items:center;border-radius:12px;color:#64627c;display:flex;font-size:13px;gap:11px;margin-bottom:4px;padding:12px 10px;text-decoration:none}.school-sidebar a.router-link-exact-active{background:#eee8ff;color:#6429cf;font-weight:700}.school-zone{color:#858198;font-size:11px;line-height:1.7;padding:20px 10px 0}.school-main{min-width:0}.school-main h1{font-size:30px;letter-spacing:-.7px;margin-bottom:10px}.school-card{background:#fff;border:1px solid #e4e2f2;border-radius:20px;margin-bottom:20px;padding:24px}.school-card h2{font-size:20px;margin-bottom:18px}.school-card h3{font-size:16px;margin-bottom:12px}.school-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.school-form{display:grid;gap:14px}.school-form label{color:#47415e;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px}.school-filter,.school-form input,.school-form select,.school-form textarea{background:#fcfbff;border:1px solid #d9d3eb;border-radius:10px;color:#302c43;font:inherit;font-size:14px;min-width:0;padding:11px 12px;width:100%}.school-filter:focus,.school-form input:focus,.school-form select:focus,.school-form textarea:focus{outline:2px solid #ac89f2;outline-offset:1px}.school-form input[type=checkbox]{height:18px;width:18px}.school-form label.school-check{align-items:center;flex-direction:row}.school-form textarea{min-height:90px}.school-actions{gap:10px}.school-actions,.school-toolbar{align-items:center;display:flex;flex-wrap:wrap}.school-toolbar{gap:12px;margin:20px 0}.school-toolbar .school-filter{max-width:230px;width:auto}.school-toolbar>.common-dropdown{gap:0;max-width:230px;min-width:170px;width:auto}.tuition-vietqr{background:#fff;border-radius:12px;display:block;height:auto;margin:12px auto;width:min(280px,100%)}.tuition-debt-summary{border-left:4px solid #7544d0;display:grid;gap:2px}.school-toolbar>.common-dropdown .common-dropdown-control{background:#fcfbff;border-radius:10px;min-height:42px;padding-left:12px}.school-toolbar>.common-dropdown .common-dropdown-control details{position:static}.school-toolbar>.common-dropdown .common-dropdown-control{position:relative}.school-toolbar>.common-dropdown .common-dropdown-menu{left:0;max-width:calc(100vw - 32px);right:auto;top:46px;width:230px}.school-schedule-toolbar{align-items:center;justify-content:flex-start}.school-month-nav{align-items:center;color:#302c43;display:flex;gap:10px;min-width:270px}.school-month-nav strong{min-width:150px;text-align:center;text-transform:capitalize}.school-calendar-month{background:#e9e4f3;border:1px solid #e9e4f3;border-radius:14px;gap:0;grid-template-columns:repeat(7,minmax(0,1fr));overflow:hidden}.school-calendar-weekday{background:#f7f5fb;color:#777087;font-size:12px;font-weight:700;padding:9px;text-align:center}.school-calendar-month .school-calendar-day{background:#fff;border:0;border-radius:0;border-right:1px solid #e9e4f3;border-top:1px solid #e9e4f3;min-height:125px}.school-calendar-month .school-calendar-day.is-other-month{background:#faf9fc;color:#aaa3b5}@media(max-width:700px){.school-schedule-toolbar{align-items:stretch}.school-month-nav{justify-content:center;width:100%}.school-calendar-month .school-calendar-day{min-height:85px;padding:5px}.school-event span,.school-event strong{font-size:10px}}.school-link{background:transparent;border:0;color:#6533ce;cursor:pointer;font:inherit;font-size:13px;font-weight:600;text-decoration:none}.school-table-wrap{overflow:auto}.school-table{border-collapse:collapse;font-size:13px;width:100%}.school-table th{background:#f8f5ff;color:#777087;font-size:11px;letter-spacing:.5px;padding:13px 10px;text-align:left;text-transform:uppercase}.school-table td{border-bottom:1px solid #f0edf6;padding:14px 10px;vertical-align:top}.school-table td small{color:#80788f;display:block;margin-top:4px}.school-table tr:last-child td{border:0}.school-amount{font-weight:700;white-space:nowrap}.school-metrics{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0}.school-metric{background:#fff;border:1px solid #e5dff1;border-radius:17px;padding:20px}.school-metric strong{color:#602fc3;display:block;font-size:25px;margin-top:9px}.school-metric span{color:#797085;font-size:12px}.school-notifications{background:#f0ebfc;border-radius:12px;font-size:13px;margin:18px 0 24px;padding:12px 16px}.school-notifications summary{cursor:pointer;font-weight:600}.school-notice{border-bottom:1px solid #ded4f1;padding:14px 0}.school-dot{background:#8e45ed;border-radius:50%;display:inline-block;height:8px;margin-left:7px;width:8px}.school-calendar{display:grid;gap:6px;grid-template-columns:repeat(7,minmax(0,1fr))}.school-calendar-day{background:#fff;border:1px solid #e9e4f3;border-radius:10px;min-height:115px;min-width:0;padding:8px}.school-calendar-day.is-today{background:#fcfaff;border:2px solid #8650dc}.school-calendar-day>strong{color:#726880;font-size:12px}.school-event{background:#f1edfa;border:0;border-left:3px solid var(--subject-color,#7544d0);border-radius:6px;color:#40354e;cursor:pointer;display:block;font-size:11px;margin-top:6px;padding:7px;text-align:left;width:100%}.school-event span,.school-event strong{display:block;overflow-wrap:anywhere}.school-event.is-cancelled{opacity:.55;text-decoration:line-through}.school-session-list{display:grid;gap:10px}.school-session-tile{align-items:center;background:#fff;border:1px solid #e4def0;border-left:5px solid var(--subject-color,#7544d0);border-radius:13px;display:flex;gap:12px;justify-content:space-between;padding:18px}.school-session-tile h3{font-size:16px;margin:4px 0}.school-caption{color:#7c728b;font-size:12px;line-height:1.7}.school-empty{background:#fff;border:1px dashed #cdc0e1;border-radius:15px;color:#877a98;padding:30px;text-align:center}.school-breakdown{background:#f8f5ff;border-radius:12px;font-size:13px;line-height:1.9;padding:14px}.school-rule-row{align-items:end;display:grid;gap:10px;grid-template-columns:1fr 1fr auto}.school-section-link{color:#6533ce;display:inline-block;margin-bottom:15px;text-decoration:none}.class-create-card summary{color:#5430b5;cursor:pointer;font-weight:700;list-style:none}.class-create-card summary::-webkit-details-marker{display:none}.class-create-card summary>span{align-items:center;display:flex;gap:8px}.class-create-card[open]{padding-bottom:8px}.class-editor-form{grid-template-columns:minmax(0,1fr);overflow:hidden}.class-editor-form>*{min-width:0}.school-event-time{color:#4d267f!important;font-size:12px!important;font-variant-numeric:tabular-nums;white-space:nowrap}.class-schedule-editor{display:grid;gap:12px}.class-editor-form .school-rule-row{width:100%}.class-editor-form .class-rule-remove{align-self:end;margin-bottom:1px}.class-editor-form input,.class-editor-form select{box-sizing:border-box}.class-editor-submit{justify-self:start}@media(max-width:700px){.class-editor-form .school-grid{grid-template-columns:minmax(0,1fr)}.class-editor-form .school-rule-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.class-editor-form .school-calendar-day{min-width:0}.class-editor-form input[type=date],.class-editor-form input[type=time]{max-width:100%}}.enrollment-editor,.school-main{min-width:0;overflow:hidden}.school-class-tabs{flex-wrap:wrap}.school-class-tabs button{flex:0 0 auto}.class-enrollment-form,.class-enrollment-form>*{min-width:0}.class-enrollment-form .school-form{display:block}.class-enrollment-form .enrollment-submit{justify-content:center;width:100%}.school-form label,.school-grid>*{min-width:0}.school-form input[type=date],.school-form input[type=time]{box-sizing:border-box;max-width:100%;width:100%}@media(max-width:760px){.school-class-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}.school-class-tabs button{padding-inline:8px;width:100%}.enrollment-editor{padding:18px}.school-grid{grid-template-columns:minmax(0,1fr)}}.enrollment-unified-form{gap:16px}.enrollment-unified-form h3{font-size:16px;margin:4px 0 0}.enrollment-unified-form .school-grid{align-items:start}.enrollment-mode{flex-wrap:nowrap;margin-bottom:18px}.enrollment-mode button{padding-inline:14px}.class-enrollment-form .school-form,.class-enrollment-form>.school-form{display:grid!important;gap:14px;grid-template-columns:minmax(0,1fr);width:100%!important}.class-enrollment-form>.school-form>.school-grid,.class-enrollment-form>.school-form>.school-grid>*{min-width:0;width:100%}.class-enrollment-form>.school-form>.school-grid>label{width:100%}.class-enrollment-form>.school-form input,.class-enrollment-form>.school-form select,.student-code-block{box-sizing:border-box;width:100%}.student-code-block{align-items:center;background:#f8f7ff;border:1px solid #ddd6fe;border-radius:14px;display:flex;gap:16px;justify-content:space-between;padding:14px 16px}.student-code-block>div{display:grid;gap:4px;min-width:0}.student-code-block strong{color:#4c1d95;font-size:20px;letter-spacing:.08em}.student-code-block .v-btn{flex:none}@media(max-width:600px){.student-code-block{align-items:stretch;flex-direction:column}.student-code-block .v-btn{width:100%}}.found-student-result{box-sizing:border-box;display:grid!important;gap:6px!important;grid-template-columns:1fr!important;line-height:1.45;width:100%}.found-student-result span,.found-student-result strong{display:block!important;min-width:0}.found-student-result strong{font-size:16px}.found-student-result span{overflow-wrap:anywhere}.class-enrollment-form>.found-student-result{margin:0}.class-enrollment-form{grid-template-columns:minmax(0,1fr)!important}.enrollment-table-heading{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.enrollment-table-heading h2{margin:0}.enrollment-table-wrap{border:1px solid #ede9fe;border-radius:12px;overflow-x:auto;width:100%}.enrollment-table{background:#fff;border-collapse:collapse;min-width:820px;width:100%}.enrollment-table td,.enrollment-table th{border-bottom:1px solid #eeeaf8;padding:12px 14px;text-align:left;vertical-align:middle}.enrollment-table th{background:#f8f7fc;color:#554c69;font-size:13px;font-weight:700}.enrollment-table tbody tr:hover{background:#fcfbff}.enrollment-table-actions{display:flex;gap:2px;justify-content:flex-end;white-space:nowrap}.enrollment-table-actions .v-btn{min-width:auto;padding-inline:8px}.enrollment-detail-row td{background:#f8fafc;color:#475569;font-size:13px}.detail-separator{color:#cbd5e1;margin:0 10px}.table-edit-input{background:#fff;border:1px solid #d8d3e8;border-radius:8px;box-sizing:border-box;max-width:100%;padding:8px;width:150px}.school-badge{background:#eef2ff;border-radius:999px;color:#3730a3;display:inline-flex;font-size:12px;font-weight:700;padding:5px 10px}.school-badge.paused{background:#fff7ed;color:#c2410c}.school-badge.withdrawn{background:#fee2e2;color:#b91c1c}@media(max-width:700px){.enrollment-table-heading{align-items:flex-start}.enrollment-table{min-width:760px}}.app-confirm-card{border-radius:18px!important}.app-confirm-card .v-card-title{font-weight:800;padding:22px 24px 8px}.app-confirm-card .v-card-text{color:#475569;font-size:15px;line-height:1.55;padding:8px 24px 18px}.app-confirm-card .v-card-actions{justify-content:flex-end;padding:12px 18px 18px}.app-toast-stack{bottom:24px;display:grid;gap:10px;position:fixed;right:24px;width:min(380px,calc(100vw - 32px));z-index:9999}.app-toast{align-items:center;animation:app-toast-in .2s ease-out;background:#fff;border:1px solid #dfe2eb;border-radius:14px;box-shadow:0 14px 38px #261f4a2e;color:#302c43;display:grid;font-size:14px;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;padding:14px 14px 14px 16px}.app-toast--success{background:#f4fff8;border-color:#a7dfc1}.app-toast--success>.v-icon{color:#20864b}.app-toast--error{background:#fff7f6;border-color:#f1b9b7}.app-toast--error>.v-icon{color:#c83b36}.app-toast--info>.v-icon{color:#6544d7}.app-toast button{background:transparent;border:0;border-radius:50%;color:#766f86;cursor:pointer;display:grid;height:28px;place-items:center;width:28px}.app-toast button:hover{background:#f0edf6}@keyframes app-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1050px){.school-layout{gap:18px;grid-template-columns:180px minmax(0,1fr)}.school-sidebar{padding:18px 8px}.school-grid{grid-template-columns:1fr}.school-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.school-calendar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.school-layout{display:block;margin:0}.school-sidebar{border-radius:13px;display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;padding:8px;position:static}.school-sidebar .eyebrow,.school-zone{display:none}.school-sidebar a{font-size:12px;margin:0;padding:10px;white-space:nowrap}.school-sidebar .v-icon{display:none}.school-main h1{font-size:26px}.school-card{padding:18px}.school-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}.school-calendar-day{min-height:100px}.school-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.school-metric{padding:14px}.school-metric strong{font-size:21px}.school-session-tile{align-items:flex-start}.school-toolbar .school-filter{flex:1;max-width:none}.school-rule-row{grid-template-columns:1fr 1fr auto}}.staff-screen{background:radial-gradient(ellipse at 85% 10%,#ede1ff 0,transparent 48%),linear-gradient(125deg,#faf7ff,#f8f5ff 55%,#f4efff)!important;color:#171047}.staff-screen .site-header{background:#ffffffc9;border-color:#f0e9ff;gap:35px;min-height:80px;padding:14px 3.5vw}.staff-screen .site-header nav{gap:10px}.staff-screen nav a{align-items:center;border-radius:28px;color:#211448;display:flex;gap:9px;padding:12px 18px}.staff-screen nav a.router-link-exact-active{background:#ede0ff;color:#7100e7}.staff-screen .page-wrap{max-width:1800px;padding:24px 32px 40px}.staff-screen .school-layout{gap:38px;grid-template-columns:260px minmax(0,1fr);margin:0}.staff-screen .school-sidebar{background:linear-gradient(150deg,#fff,#fcfaff);border:1px solid #eee4ff;border-radius:36px;box-shadow:0 8px 24px #7133c408;min-height:740px;overflow:hidden;padding:28px 18px}.staff-screen .school-sidebar .eyebrow{color:#7200ee;font-size:11px;letter-spacing:2px;margin-bottom:20px}.staff-screen .school-sidebar a{border-radius:20px;color:#23184e;font-size:14px;gap:14px;padding:15px 17px}.staff-screen .school-sidebar a.router-link-exact-active{background:linear-gradient(110deg,#973cff,#5900ca);box-shadow:0 5px 12px #7a27d61a;color:#fff}.staff-screen .school-sidebar a:hover{background:#f0e5ff}.staff-screen .school-sidebar a.router-link-exact-active:hover{background:#6f17da}.school-sidebar-art{align-items:center;background:radial-gradient(ellipse at bottom,#dfcaff 0,transparent 72%);color:#8536f5;display:flex;flex-direction:column;height:150px;justify-content:center;margin:48px -18px -15px}.school-sidebar-art .v-icon{filter:drop-shadow(4px 8px 0 #ead9ff);font-size:70px;transform:rotate(-15deg)}.school-sidebar-art span{font-size:12px;margin-top:14px}.staff-screen .school-zone{font-size:10px;padding-top:25px;text-align:center}.school-heading{align-items:center;display:flex;gap:15px;justify-content:space-between;min-height:145px;position:relative}.school-heading>div{z-index:1}.school-heading-art{height:165px;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:300px}.staff-screen .school-main h1{color:#27105e;font-size:42px;letter-spacing:-1.2px;margin-bottom:4px}.staff-screen .school-main .eyebrow{color:#7100ed}.staff-screen .school-main .muted{color:#59517c}.staff-screen .school-main .school-heading p{margin-bottom:0!important}.staff-screen .school-notifications{background:#ede0ff;border:1px solid #ebdfff;border-radius:20px;color:#30205c;margin:12px 0 20px;padding:14px 20px}.staff-screen .school-notifications summary::marker{color:#8526ed}.staff-screen .school-card{background:#ffffffc9;border-color:#eee4ff;border-radius:26px;box-shadow:0 5px 14px #7733bb04}.staff-screen .school-card h2{color:#201044}.staff-screen .school-toolbar{color:#211448}.staff-screen .school-filter{background:#ffffffc9;border-color:#e3d4ff;border-radius:18px;color:#211448}.staff-screen .school-table th{background:#f6f0ff;color:#75608f}.staff-screen .v-btn{border-radius:14px;letter-spacing:0;text-transform:none}.staff-screen .school-empty{background:#fffa;border-color:#d9c3fc}.overview-grid{display:grid;gap:18px;grid-template-columns:minmax(0,2.15fr) minmax(260px,1fr);margin-bottom:20px}.overview-metrics{display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr))}.overview-metric{align-items:center;background:#f3ebff;border:1px solid #eadeff;border-radius:22px;display:flex;gap:15px;grid-column:span 2;min-width:0;padding:18px 16px}.overview-metric:nth-last-child(-n+2){grid-column:span 3}.overview-metric>div{min-width:0}.overview-metric span:not(.overview-icon){color:#39265b;font-size:13px}.overview-metric strong{color:#720ace;display:block;font-size:27px;line-height:1.3;margin-top:3px;overflow-wrap:anywhere}.overview-icon{background:#eadcff;border-radius:50%;color:#8128f5;display:grid;flex-shrink:0;height:50px;place-items:center;width:50px}.tone-blue{background:#edf4ff;border-color:#e5edff}.tone-blue .overview-icon{background:#dceeff;color:#008cff}.tone-gold{background:#fff9e9;border-color:#f7efda}.tone-gold .overview-icon{background:#fff0c3;color:#ffb500}.tone-pink{background:#fff0fa;border-color:#fbe3f4}.tone-pink .overview-icon{background:#ffe0f3;color:#f02bad}.tone-green{background:#edf9f5;border-color:#e2f2ee}.tone-green .overview-icon{background:#d5f6eb;color:#00c58c}.tone-red{background:#fff1f1;border-color:#f7e1e4}.tone-red .overview-icon{background:#ffe0e4;color:#ff3e57}.overview-chart{margin:0!important;padding:20px!important}.overview-chart h2{font-size:18px;margin-bottom:5px}.overview-chart-body{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}.overview-donut{border-radius:50%;flex-shrink:0;height:150px;padding:25px;width:150px}.overview-donut>div{align-items:center;background:#fff;border-radius:50%;display:flex;flex-direction:column;height:100%;justify-content:center}.overview-donut strong{font-size:30px}.overview-donut span{font-size:12px}.overview-chart ul{flex:1;list-style:none;min-width:110px;padding:0}.overview-chart li{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;padding:9px 0}.overview-chart li i{border-radius:50%;height:11px;width:11px}.overview-chart li b{font-weight:500;margin-left:auto}.overview-shortcuts .school-card{align-items:center;display:flex;gap:20px;margin:0;padding:24px}.overview-shortcuts h2{margin-bottom:7px}.overview-shortcuts p{color:#4f426d;font-size:14px;line-height:1.6;margin-bottom:12px}.shortcut-art{background:radial-gradient(ellipse,#e5d1ff,transparent 70%);color:#8b3eec;display:grid;flex-shrink:0;height:130px;place-items:center;width:125px}.shortcut-art .v-icon{filter:drop-shadow(5px 7px 0 #d8b7ff);font-size:86px;transform:rotate(-12deg)}.shortcut-art.wallet{background:radial-gradient(ellipse,#fff0ce,transparent 70%);color:#9b43e2}@media(min-width:1550px){.school-heading-art{height:175px;width:430px}.overview-chart-body{flex-wrap:nowrap}.overview-donut{height:170px;width:170px}}@media(max-width:1200px){.staff-screen .school-layout{gap:22px;grid-template-columns:215px minmax(0,1fr)}.staff-screen .school-sidebar{padding:24px 10px}.staff-screen .school-sidebar a{font-size:13px;padding:13px 10px}.overview-grid{grid-template-columns:1fr}.overview-chart-body{margin-top:12px}.school-heading-art{width:200px}.staff-screen .school-main h1{font-size:34px}.staff-screen .site-header{gap:20px}.staff-screen nav a{font-size:13px;padding:10px}}@media(max-width:760px){.staff-screen .page-wrap{padding:18px 14px 30px}.staff-screen .school-layout{display:block}.staff-screen .school-sidebar{border-radius:18px;min-height:0;padding:8px}.school-heading-art,.school-sidebar-art{display:none}.school-heading{min-height:120px}.staff-screen .school-main h1{font-size:30px}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-metric,.overview-metric:nth-last-child(-n+2){gap:10px;grid-column:span 1;padding:13px}.overview-icon{height:35px;width:35px}.overview-metric strong{font-size:23px}.overview-metric span:not(.overview-icon){font-size:11px}.overview-shortcuts .school-card{padding:18px}.shortcut-art{height:85px;width:65px}.shortcut-art .v-icon{font-size:55px}.staff-screen .site-header nav{overflow:auto}.staff-screen nav a{white-space:nowrap}.staff-screen .school-zone{display:none}}.school-class-tabs{background:#fffb;border:1px solid #e8dcff;border-radius:18px;display:flex;gap:7px;margin:8px 0 22px;overflow:auto;padding:7px}.school-class-tabs button{border-radius:12px;color:#64517f;font-size:14px;padding:11px 18px;white-space:nowrap}.school-class-tabs button.active{background:linear-gradient(110deg,#943cff,#6600d3);color:#fff;font-weight:700}.school-class-tabs button:hover:not(.active){background:#f0e5ff}.staff-screen .form-card{background:#ffffffdb;border-color:#eee4ff;border-radius:24px;box-shadow:none}.staff-screen .school-main>.admin-grid{align-items:start}.class-editor-form .class-rule-add{align-items:center;background:#f3ebff;border:1px solid #cdb5f5;border-radius:12px;color:#6429cf;cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:700;gap:7px;justify-self:start;min-height:40px;padding:0 16px}.class-editor-form .class-rule-add:hover:not(:disabled){background:#e8d9ff}.class-editor-form .class-rule-add:disabled{cursor:not-allowed;opacity:.5}.common-dropdown{color:#47415e;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:7px;position:relative;width:100%}.common-dropdown-control{align-items:center;background:#fff;border:1px solid #e5e3ec;border-radius:16px;box-shadow:0 2px 8px #2d214005;color:#201d2d;display:flex;font-size:14px;font-weight:600;justify-content:space-between;min-height:49px;padding:0 12px 0 16px}.common-dropdown-control .placeholder{color:#777080}.common-dropdown-control details{flex:none;position:relative}.common-dropdown-control summary{background:#f7f5fb;border-radius:50%;cursor:pointer;display:grid;height:30px;list-style:none;place-items:center;width:30px}.common-dropdown-control summary::-webkit-details-marker{display:none}.common-dropdown-menu{background:#fff;border:1px solid #ebe5f4;border-radius:14px;box-shadow:0 12px 34px #321b6226;padding:6px;position:absolute;right:-13px;top:38px;width:min(280px,calc(100vw - 64px));z-index:50}.common-dropdown-menu button{align-items:center;background:transparent;border:0;border-radius:9px;color:#302c43;cursor:pointer;display:flex;font:inherit;justify-content:space-between;padding:10px 12px;text-align:left;width:100%}.common-dropdown-menu button.selected,.common-dropdown-menu button:hover{background:#f5f1ff;color:#6533ce}.common-dropdown-menu button:disabled{cursor:not-allowed;opacity:.45}