.student-dashboard{min-height:100vh;background-color:var(--color-header-bg)}.student-dashboard__container{max-width:900px;margin:0 auto;padding:12px;display:flex;flex-direction:column;gap:12px}.student-dashboard__card{height:fit-content;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--color-border);transition:transform .2s;padding:5px;background:var(--color-card-background);border:2px solid var(--color-card-border);border-radius:12px;width:100%;display:flex;flex-direction:column;gap:24px;padding:0!important;box-shadow:0 10px 15px -2px #0000001a,0 4px 6px -4px #0000001a!important}.student-dashboard__card--header{display:flex;flex-direction:column;gap:6px;padding:24px 24px 12px}.student-dashboard__card--header .Heading1{display:flex;justify-content:flex-start!important;font-size:18px!important;color:var(--color-header-title)}.student-dashboard__card--header p{color:var(--color-card-paragraph);font-size:14px;margin:0!important}.student-dashboard__card--content{padding:0 24px 24px}.student-dashboard__card .storybook-button{width:100%!important}.student-dashboard__title-with-icon{display:flex;align-items:center;gap:8px}.student-dashboard__title-with-icon svg{color:var(--color-header-title)!important}.student-dashboard__progress{margin-bottom:15px;display:flex;flex-direction:column;gap:6px}.student-dashboard__progress .Label{font-size:12px;color:var(--color-header-title);font-weight:400!important;margin:0!important;padding:0!important}.student-dashboard__progress b{font-size:12px;font-weight:600}.student-dashboard__progress--label{display:flex;justify-content:space-between}.student-dashboard__progress--track{height:10px;background:#3b82f6;border-radius:10px}.student-dashboard__fee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.student-dashboard__fee-card{padding:12px;border-radius:12px;display:flex;flex-direction:column;gap:6px}.student-dashboard__fee-card .label{font-size:12px}.student-dashboard__fee-card .amount{font-size:20px;font-weight:700}.student-dashboard__fee-card.fee-card--total{background:var(--color-total-bg);border:2px solid var(--color-total-border)}.student-dashboard__fee-card.fee-card--total .label{color:var(--color-total-label)}.student-dashboard__fee-card.fee-card--total .amount{color:var(--color-total-value)}.student-dashboard__fee-card.fee-card--paid{background:var(--color-paid-bg);border:2px solid var(--color-paid-border)}.student-dashboard__fee-card.fee-card--paid .label{color:var(--color-paid-label)}.student-dashboard__fee-card.fee-card--paid .amount{color:var(--color-paid-value)}.student-dashboard__fee-card.fee-card--balance{background:var(--color-balance-bg);border:2px solid var(--color-balance-border)}.student-dashboard__fee-card.fee-card--balance .label{color:var(--color-balance-label)}.student-dashboard__fee-card.fee-card--balance .amount{color:var(--color-balance-value)}.student-dashboard__status-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.student-dashboard__status-card{height:fit-content;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--color-border);transition:transform .2s;border:2px solid var(--color-card-border);background:var(--color-card-background);padding:12px 12px 24px;border-radius:12px;display:flex;align-items:center;gap:8px;box-shadow:0 10px 15px -2px #0000001a,0 4px 6px -4px #0000001a!important}.student-dashboard__status-card .status-icon{border-radius:12px;padding:8px;display:flex;align-items:center;justify-content:center}.student-dashboard__status-card .status-icon--success{background:#22c55e1a;color:#00a63e}.student-dashboard__status-card .status-icon--success svg{height:16px!important;width:16px!important}.student-dashboard__status-card .status-icon--warning{background:#f973161a;color:#f54900}.student-dashboard__status-card .status-icon--warning svg{height:16px!important;width:16px!important}.student-dashboard__status-card .status-text span{font-size:12px;color:var(--color-header-subtitle)}.student-dashboard__status-card .status-text b{display:block;font-size:14px;font-weight:600;color:var(--color-header-title)}@media only screen and (min-width:768px)and (max-width:991px){.student-dashboard__container{max-width:720px;padding:16px}.student-dashboard__fee-card .amount{font-size:18px}}@media only screen and (max-width:767px){.student-dashboard__container{padding:12px;gap:16px}.student-dashboard__card--header{padding:20px 20px 10px}.student-dashboard__card--content{padding:0 20px 20px}.student-dashboard__fee-grid,.student-dashboard__status-row{grid-template-columns:1fr;gap:10px}}@media(max-width:600px){.student-dashboard__card--header .Heading1{font-size:16px!important}.student-dashboard__card--header p{font-size:12px}.student-dashboard__fee-card{padding:10px}.student-dashboard__fee-card .amount{font-size:18px}.student-dashboard__status-card{padding:10px 10px 15px}.student-dashboard__status-card .status-text b{font-size:13px}}.payment-method{background:var(--color-header-bg);min-height:100vh;color:var(--color-foreground)}.payment-method__block{max-width:900px;margin:30px auto;padding:0 20px 20px;display:flex;flex-direction:column;gap:15px}.payment-method__block .h5{font-weight:600!important;display:flex;justify-content:flex-start!important;color:var(--color-header-title)!important;font-size:20px!important}.payment-method__balance-banner{background:var(--color-ob-bg);border:2px solid var(--color-ob-border);border-radius:12px;padding:16px 16px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:inset 0 0 #0000,inset 0 0 #0000,0 0 #fff,0 0 #0000,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.payment-method__balance-info{display:flex;flex-direction:column}.payment-method__balance-info span{color:var(--color-ob);font-size:14px}.payment-method__balance-info b{font-size:30px;color:var(--color-ob-amt);font-weight:700}.payment-method__balance-circle{padding:12px;background-color:var(--color-ob-icon-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-ob-icon)}.payment-method__balance-circle svg{width:32px;height:32px}.payment-method__method-card-blue,.payment-method__method-card-green{height:fit-content;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--color-border);transition:transform .2s;padding:5px;background:var(--color-card-background);border:2px solid var(--color-card-border);border-radius:12px;width:100%;display:flex;flex-direction:column;gap:24px;padding:0!important;box-shadow:0 10px 15px -2px #0000001a,0 4px 6px -4px #0000001a!important}.payment-method__method-card-blue:hover,.payment-method__method-card-green:hover{border:2px solid var(--color-button-blue)}.payment-method__method-card-blue:hover .Heading1,.payment-method__method-card-green:hover .Heading1{color:var(--color-button-blue)!important}.payment-method__method-card-blue .storybook-button,.payment-method__method-card-green .storybook-button{width:100%!important;margin:10px 10px 0 0!important}.payment-method__method-card-blue .Heading1,.payment-method__method-card-green .Heading1{display:flex;justify-content:flex-start!important;font-size:18px!important;color:var(--color-header-title)}.payment-method__method-card-blue--flex{display:flex;flex-direction:column;padding:24px 24px 12px}.payment-method__method-card-blue--flex p{color:var(--color-paragraph);font-size:14px;margin:0!important}.payment-method__method-card-green:hover .Heading1{color:var(--color-header-title)!important}.payment-method__method-card-green:hover{border:2px solid var(--color-card-border)!important}.payment-method__method-header{display:flex;gap:10px}.payment-method__method-header .icon--blue,.payment-method__method-header .icon--green{color:var(--color-file-icon);background-color:var(--color-file-icon-bg);padding:8px;border-radius:12px;height:fit-content!important;display:flex;align-items:center;justify-content:center}.payment-method__method-header .icon--green{color:var(--color-icon-credit)!important;background-color:var(--color-icon-credit-bg)!important}.payment-method__method-body{display:flex;flex-direction:column;padding:0 24px 24px}.payment-method__bullet-list-blue,.payment-method__bullet-list-green{background-color:var(--color-list-card-bg);border:1px solid var(--color-input);border-radius:12px;padding:12px}.payment-method__bullet-list-blue ul,.payment-method__bullet-list-green ul{margin:0!important;padding-left:15px!important}.payment-method__bullet-list-blue li,.payment-method__bullet-list-green li{font-size:15px;color:#2b7fff;list-style:disc;margin-bottom:3px}.payment-method__bullet-list-blue li span,.payment-method__bullet-list-green li span{color:var(--color-list-card)}.payment-method__bullet-list-green{margin-bottom:10px!important}.payment-method__bullet-list-green li{color:#00c950}.payment-method__input-group .Label{font-size:14px;font-weight:500;color:var(--color-list-card)}.payment-method__input-group .max-hint{font-size:.7rem;color:var(--color-muted-foreground);display:block;margin-top:5px}.payment-method__input-control{display:flex;align-items:center;border:1px solid var(--color-card-paragraph);border-radius:8px;background:var(--color-input-background);padding:0 10px;height:45px}.payment-method__input-control .currency-symbol{color:var(--color-muted-foreground);margin-right:8px}.payment-method__input-control input{border:none;background:transparent;color:var(--color-header-title)!important;width:100%;outline:none}.payment-method__footer-alert{background:var(--color-alert-bg);border:2px solid var(--color-alert-border);border-radius:12px;padding:12px 12px 24px;display:flex;gap:10px;color:var(--color-alert);font-size:14px}.payment-method__footer-alert p{margin:0!important}@media only screen and (min-width:768px)and (max-width:991px){.payment-method__block{max-width:720px;margin:20px auto}.payment-method__balance-info b{font-size:26px}}@media only screen and (max-width:767px){.payment-method__block{margin:15px auto;padding:0 15px 15px;gap:12px}.payment-method__block .h5{font-size:18px!important}.payment-method__balance-banner{padding:15px}.payment-method__balance-info b{font-size:24px}.payment-method__balance-circle{padding:8px}.payment-method__balance-circle svg{width:24px;height:24px}.payment-method__method-card-blue--flex,.payment-method__method-card-green--flex{padding:20px 20px 12px}.payment-method__method-body{padding:0 20px 20px}.payment-method__footer-alert{font-size:13px;padding:12px 12px 16px}}@media(max-width:600px){.payment-method__balance-banner{flex-direction:row;gap:10px}.payment-method__balance-info span{font-size:12px}.payment-method__balance-info b{font-size:22px}.payment-method__method-card-blue .Heading1,.payment-method__method-card-green .Heading1{font-size:16px!important}.payment-method__method-card-blue--flex p,.payment-method__method-card-green--flex p{font-size:13px}.payment-method__bullet-list-blue,.payment-method__bullet-list-green{padding:10px}.payment-method__bullet-list-blue li,.payment-method__bullet-list-green li{font-size:13px}.payment-method__input-control{height:40px}.payment-method__input-control input{font-size:14px}}.select-ledgers{background:var(--color-header-bg);min-height:100vh;color:var(--color-foreground);padding-bottom:100px}.select-ledgers__container{max-width:900px;margin:24px auto;padding:0 20px;display:flex;flex-direction:column;gap:20px}.select-ledgers__list-section{display:flex;flex-direction:column;gap:20px;background-color:var(--color-card-background);border:2px solid var(--color-card-border);border-radius:12px;padding:24px;box-shadow:0 25px 50px -12px #00000040}.select-ledgers__list-section--header .Heading1{display:flex;justify-content:flex-start!important;font-size:18px!important;color:var(--color-header-title)}.select-ledgers__list-section--header p{color:var(--color-paragraph);font-size:14px;margin-top:5px}.select-ledgers__ledger-list{display:flex;flex-direction:column;gap:12px}.select-ledgers__ledger-item{border:2px solid var(--color-list-item-border);border-radius:12px;padding:12px;display:flex;justify-content:space-between;cursor:pointer;transition:all .2s ease}.select-ledgers__ledger-item:hover{border:2px solid var(--color-list-item-border-hover)!important}.select-ledgers__ledger-item.is-selected{border-color:var(--color-info);background:var(--color-card-background)}.select-ledgers__ledger-item--left{display:flex;gap:12px}.select-ledgers .ledger-details b{font-size:14px;font-weight:600;color:var(--color-header-title)}.select-ledgers .ledger-details .ledger-meta{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--color-muted-foreground);margin-top:5px}.select-ledgers .ledger-item__right span,.select-ledgers .ledger-item__right svg{font-size:18px;font-weight:700;color:var(--color-header-title)}.select-ledgers .custom-checkbox{position:relative;width:15px;height:15px;margin-top:5px}.select-ledgers .custom-checkbox input{opacity:0;width:0;height:0}.select-ledgers .custom-checkbox .checkmark{position:absolute;top:0;left:0;height:15px;width:15px;border:2px solid var(--color-header-title);border-radius:4px}.select-ledgers .custom-checkbox input:checked~.checkmark{background:var(--color-info);border-color:var(--color-info);color:var(--color-header-bg)}.select-ledgers .custom-checkbox input:checked~.checkmark:after{content:"";position:absolute;left:3px;bottom:2px;width:5px;height:10px;border:2px solid var(--color-header-bg);border-width:0 2px 2px 0;transform:rotate(45deg)}.select-ledgers__footer{position:fixed;bottom:0;left:0;right:0;background:var(--color-card);border-top:1px solid var(--color-border);padding:16px 0;z-index:100}.select-ledgers__footer .footer-container{max-width:900px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.select-ledgers__footer .total-box{display:flex;flex-direction:column}.select-ledgers__footer .total-box span{font-size:12px;color:var(--color-card-paragraph)}.select-ledgers__footer .total-box b{font-size:20px;font-weight:700;color:var(--color-header-title)}.select-ledgers__footer .storybook-button{padding:22px 15px!important;display:flex;gap:15px!important;margin:0!important}@media only screen and (min-width:768px)and (max-width:991px){.select-ledgers__container,.select-ledgers__footer .footer-container{max-width:720px}}@media only screen and (max-width:767px){.select-ledgers__container{margin:16px auto;padding:0 15px}.select-ledgers__list-section{padding:16px}.select-ledgers__ledger-item{padding:10px}.select-ledgers .ledger-item__right span,.select-ledgers .ledger-item__right svg{font-size:16px}.select-ledgers__footer{padding:12px 0}.select-ledgers__footer .total-box b{font-size:18px}.select-ledgers__footer .storybook-button{padding:18px 12px!important;font-size:14px}}@media(max-width:600px){.select-ledgers{padding-bottom:120px}.select-ledgers__list-section--header .Heading1{font-size:16px!important}.select-ledgers__list-section--header p{font-size:12px}.select-ledgers__ledger-item{flex-direction:column;gap:10px;align-items:flex-start}.select-ledgers .ledger-item__right{width:100%;text-align:right;border-top:1px solid var(--color-list-item-border);padding-top:8px}.select-ledgers__footer .footer-container{flex-direction:column;gap:12px;align-items:stretch}.select-ledgers__footer .total-box{flex-direction:row;justify-content:space-between;align-items:center}}.payment-proceed{background:var(--color-header-bg);min-height:100vh}.payment-proceed__container{max-width:675px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:12px}.payment-proceed__card{height:fit-content;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--color-border);transition:transform .2s;padding:5px;background:var(--color-card-background);border:2px solid var(--color-card-border);border-radius:12px;width:100%;display:flex;flex-direction:column;gap:24px;padding:0!important;box-shadow:0 10px 15px -2px #0000001a,0 4px 6px -4px #0000001a!important}.payment-proceed__card-header{display:flex;flex-direction:column;gap:6px;padding:24px 24px 12px}.payment-proceed__card-header .Heading1{display:flex;justify-content:flex-start!important;font-size:18px!important;color:var(--color-header-title)}.payment-proceed__card-header p{color:var(--color-card-paragraph);font-size:14px;margin:0!important}.payment-proceed__block{padding:0 24px 24px}.payment-proceed__summary-list{margin-bottom:10px}.payment-proceed__summary-item{display:flex;justify-content:space-between;background:var(--color-list-item-bg);padding:10px;border-radius:8px;font-size:14px}.payment-proceed__summary-item span{color:var(--color-header-title);font-size:14px}.payment-proceed__custom-box{background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.payment-proceed__custom-title{color:var(--color-success);font-weight:700;font-size:14px}.payment-proceed__custom-desc{color:var(--color-success);font-size:12px;opacity:.9}.payment-proceed__custom-icon{font-size:24px;color:var(--color-success);opacity:.6;font-weight:700}.payment-proceed__total-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-header-border);padding-top:8px}.payment-proceed__total-label{font-weight:600;color:var(--color-header-title);font-size:16px}.payment-proceed__total-value{font-size:24px;font-weight:700;color:var(--color-summary-amount)}.payment-proceed__footer-alert{background:var(--color-alert-bg);border:2px solid var(--color-alert-border);border-radius:12px;padding:12px 12px 24px;display:flex;gap:10px;color:var(--color-alert);font-size:14px}.payment-proceed__footer-alert p{margin:0!important}.payment-proceed__footer-alert--icon--blue{color:var(--color-file-icon);background-color:var(--color-file-icon-bg);padding:8px;border-radius:12px;height:fit-content!important;display:flex;align-items:center;justify-content:center}.payment-proceed__secure-notice{display:flex;gap:16px;background:var(--color-info-bg);border:1px solid var(--color-info-border);padding:16px;border-radius:var(--radius);color:var(--color-info)}.payment-proceed__secure-icon{margin-top:2px}.payment-proceed__secure-title{font-weight:700;font-size:14px;margin-bottom:4px}.payment-proceed__secure-desc{font-size:12px;line-height:1.5;opacity:.9}.payment-proceed__actions{text-align:center}.payment-proceed__actions .storybook-button{width:100%!important;font-size:16px;padding:12px;margin:0 0 12px!important}.payment-proceed__spinner{animation:spin 1s linear infinite}.payment-proceed__terms{font-size:12px;color:var(--color-card-paragraph);margin-top:12px}@media only screen and (min-width:768px)and (max-width:991px){.payment-proceed__container{max-width:600px;padding:20px}.payment-proceed__total-value{font-size:22px}}@media only screen and (max-width:767px){.payment-proceed__container{padding:12px;gap:16px}.payment-proceed__card-header{padding:20px 20px 10px}.payment-proceed__card-header .Heading1{font-size:16px!important}.payment-proceed__block{padding:0 20px 20px}.payment-proceed__custom-box{padding:12px 16px}.payment-proceed__total-value{font-size:20px}.payment-proceed__secure-notice{gap:10px;padding:12px}.payment-proceed__footer-alert{padding:12px 12px 16px;font-size:13px}}@media(max-width:600px){.payment-proceed__summary-item,.payment-proceed__summary-item span,.payment-proceed__custom-title{font-size:13px}.payment-proceed__total-label{font-size:15px}.payment-proceed__total-value{font-size:18px}.payment-proceed__secure-title{font-size:13px}.payment-proceed__secure-desc{font-size:11px}.payment-proceed__actions .storybook-button{font-size:15px;height:48px!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{border-bottom:2px solid var(--color-header-border);background-color:var(--color-header-bg);position:sticky;top:0;z-index:40;box-shadow:0 1px 2px #0000000d}.header__container,.header__student-container{width:100%;max-width:1280px;margin:0 auto;padding:12px;display:flex;justify-content:space-between;align-items:center}.header__student-container{max-width:900px!important}.header__left,.header__right{display:flex;align-items:center;gap:12px}.header__mobile-toggle{display:none;background:transparent;border:none;cursor:pointer;color:var(--color-header-title);padding:8px;z-index:51}.header__mobile-toggle svg{height:24px;width:24px}.header__left{display:flex;align-items:center;gap:12px}.header__left .storybook-button{padding:12px!important;height:35px!important;margin:0!important;font-weight:500!important}.header__left--flex{display:flex;align-items:center;gap:12px}.header__left--text-group{display:flex;flex-direction:column;justify-content:center}.header__left--text-group .Heading1{color:var(--color-header-title)!important;display:flex;justify-content:flex-start!important}.header__left--text-group .subtitle2{text-align:start!important;color:var(--color-header-subtitle)!important}.header__left--title-wrapper{display:flex;align-items:center;gap:8px}.header__toggle-button{display:flex;align-items:center;margin-left:30px;justify-content:center}.header__admin-info-btn{border:none;background-color:transparent;padding:2px;color:var(--color-user-id);display:flex;cursor:pointer}.header__admin-info-btn:hover{opacity:.8}.header__logo{height:40px;width:auto}.header__theme-toggle{border:1px solid var(--color-header-border);background-color:var(--color-theme-bg);border-radius:50%;padding:12px 10px;font-size:12px;display:flex;align-items:center;justify-content:center}.header__theme-toggle svg{height:16px!important;color:var(--color-theme)}.header__theme-toggle:hover{background-color:var(--color-theme-hover)}.header__dropdown-container{position:relative;width:320px}.header__select-text{flex:1;font-size:14px;font-weight:600;text-align:left}.header__chevron{transition:transform .2s}.header__chevron--open{transform:rotate(180deg)}.header__menu{position:absolute;top:calc(100% + 8px);right:0;width:100%;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 25px -5px #0003;overflow:hidden;animation:slideDown .2s ease-out}.header__menu-header{padding:12px 16px;background:var(--color-muted);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--color-muted-foreground);text-transform:uppercase}.header__menu-list{max-height:320px;overflow-y:auto}.header__menu-list::-webkit-scrollbar{width:6px}.header__menu-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.header__menu-item{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-bottom:1px solid var(--color-border)}.header__menu-item:hover{background:var(--color-muted)}.header__menu-item--selected{background:var(--color-primary-bg-subtle);border-left:3px solid var(--color-primary)}.header__item-name{font-size:13px;font-weight:600;color:var(--color-header-title);margin:0}.header__item-code{font-size:11px;color:var(--color-card-paragraph);margin:0}.header__check-icon{color:var(--color-success)}.header__actions{display:flex;gap:10px}.header__modal{background:var(--color-card);color:var(--color-foreground);padding:10px}.header__modal--top{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--color-border);margin-bottom:10px}.header__modal--top svg{color:var(--color-header-title)!important}.header__modal--title{font-size:18px;font-weight:700;margin:0;color:var(--color-header-title)}.header__modal--body{display:flex;flex-direction:column;gap:10px}.header__modal--row{display:flex;flex-direction:column;gap:5px;border-bottom:1px solid var(--color-border);padding:5px}.header__modal--row label{font-size:14px;color:var(--color-card-paragraph);text-transform:uppercase}.header__modal--row span{font-size:16px;font-weight:600;color:var(--color-header-title)}@media only screen and (min-width:1024px)and (max-height:600px){.header__container,.header__student-container{padding:8px 16px;max-width:100%!important}.header__logo{height:32px}.header__dropdown-container{width:240px}.header__left--text-group .Heading1{font-size:16px!important}.header__actions{gap:6px}}@media only screen and (min-width:1280px)and (max-height:800px){.header__container,.header__student-container{padding:10px 20px}.header__logo{height:36px}.header__left--text-group .Heading1{font-size:17px!important}}@media only screen and (min-width:768px)and (max-width:991px){.header__container,.header__student-container{padding:10px 16px;height:auto;justify-content:space-between!important}.header__dropdown-container{width:260px}.header__left{align-items:flex-start;gap:10px}.header__left--text-group .Heading1{font-size:18px!important;white-space:normal}}@media only screen and (max-width:767px){.header__mobile-toggle{display:block}.header__right{display:none}.header__right--open{display:flex;flex-direction:column;position:absolute;top:100%;right:12px;background:var(--color-header-bg);border:1px solid var(--color-header-border);border-radius:12px;padding:16px;box-shadow:0 10px 15px #0000001a;z-index:50;gap:15px;width:fit-content;min-width:200px}.header__right--open .header__actions,.header__right--open .header__dropdown-container{flex-direction:column;width:100%}.header__right--open .header__toggle-button{margin-left:0}.header__right--open .storybook-button{width:100%!important;height:45px!important}.header__container,.header__student-container{padding:16px;height:auto;align-items:center}.header__left{align-items:flex-start;gap:10px}.header__left--text-group .Heading1{font-size:18px!important}.header__logo{height:35px}}@media(max-width:600px){.header__container,.header__student-container{padding:12px;gap:14px}.header__left--text-group .Heading1{font-size:16px!important}.header__left--text-group .subtitle2{font-size:10px!important}.header__logo{height:30px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.student-info{height:fit-content;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--color-border);transition:transform .2s;padding:5px;background:var(--color-card-background);border:2px solid var(--color-card-border);border-radius:12px;width:100%;display:flex;flex-direction:column;gap:24px;padding:0!important;box-shadow:0 10px 15px -2px #0000001a,0 4px 6px -4px #0000001a!important}.student-info__header{display:flex;flex-direction:column;gap:8px;padding:24px 24px 12px}.student-info__header .Heading1{display:flex;justify-content:flex-start!important;font-size:18px!important;color:var(--color-header-title)}.student-info__header p{color:var(--color-card-paragraph);font-size:14px;margin:0!important}.student-info__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 24px 24px}.student-info__grid--4-col{grid-template-columns:repeat(4,1fr)}.student-info__grid--full{grid-template-columns:repeat(2,1fr)}@media(min-width:600px){.student-info__grid--full{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.student-info__grid{grid-template-columns:1fr!important}}.student-info__item{display:flex;flex-direction:column;gap:2px}.student-info__item .subtitle2{text-align:start!important;font-size:12px!important;color:var(--color-header-subtitle)!important}.student-info__item span{font-size:14px;font-weight:600;color:var(--color-header-title)}@media only screen and (min-width:768px)and (max-width:991px){.student-info__grid,.student-info__grid--4-col,.student-info__grid--full{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:767px){.student-info__header{padding:20px 20px 10px}.student-info__header .Heading1{font-size:16px!important}.student-info__grid{padding:0 20px 20px;grid-template-columns:repeat(2,1fr);gap:16px}.student-info__grid--4-col{grid-template-columns:repeat(2,1fr)}.student-info__grid--full{grid-template-columns:1fr}}@media(max-width:600px){.student-info__grid{grid-template-columns:1fr!important;gap:12px}.student-info__grid--4-col,.student-info__grid--full{grid-template-columns:1fr!important}.student-info__item span{font-size:13px}}.payment-success{background:var(--color-header-bg);min-height:100vh}.payment-success__container{padding:20px;display:flex;flex-direction:column;align-items:center;width:770px;margin:auto}.payment-success__receipt{background:var(--color-card-background);border:2px solid var(--color-card-border);border-radius:12px;width:100%;box-shadow:0 4px 20px #0000000d}.payment-success__receipt hr{margin:0!important;color:var(--color-paragraph)!important}.payment-success__receipt--header{display:flex;flex-direction:column;align-items:center;margin:auto;padding:25px 25px 10px}.payment-success__receipt--header img{height:80px;width:fit-content}.payment-success__receipt--header span{font-size:30px;color:var(--color-header-title)}.payment-success__receipt--header p{color:var(--color-paragraph);font-size:14px;margin:0!important}.payment-success__receipt--header b{font-weight:700;display:inline-block;padding-top:4px;color:var(--color-header-title)}.payment-success__receipt--body{display:flex;flex-direction:column;align-items:center;padding:25px!important}.payment-success__receipt--info-box{background-color:var(--color-list-item-bg);padding:12px;border-radius:8px;width:100%}.payment-success__receipt .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.payment-success__receipt .info-grid--3-col{grid-template-columns:repeat(2,1fr)}@media(min-width:500px){.payment-success__receipt .info-grid--3-col{grid-template-columns:repeat(2,1fr)}}.payment-success__receipt .info-grid .info-item{display:flex;flex-direction:column}.payment-success__receipt .info-grid .info-item .Label{font-size:12px;color:var(--color-paragraph);font-weight:400!important;margin:0!important;padding:0!important}.payment-success__receipt .info-grid .info-item span{font-size:12px;font-weight:600;color:var(--color-header-title)}.payment-success__receipt .info-grid .info-item .status-success{color:#00a63e}.payment-success__receipt--section{margin-top:15px;width:100%}.payment-success__receipt--section--title{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--color-header-title)}.payment-success__receipt--breakdown{display:flex;justify-content:space-between;background-color:var(--color-list-item-bg);padding:8px;border-radius:8px;font-size:12px;color:var(--color-header-title);margin-bottom:5px!important}.payment-success__receipt--breakdown p{margin:0!important;font-weight:600;color:var(--color-header-title)}.payment-success__receipt--total-paid{display:flex;justify-content:space-between;align-items:center;margin-top:8px!important}.payment-success__receipt--total-paid span{font-weight:600;font-size:16px;color:var(--color-header-title)}.payment-success__receipt--total-paid p{color:#00a63e;font-size:20px;font-weight:700;margin:0!important}.payment-success__receipt--balance-card{width:100%;margin-top:15px;background-color:var(--color-update-bal-bg);border:2px solid var(--color-update-bal-border);padding:12px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.payment-success__receipt--balance-card--text{display:flex;flex-direction:column}.payment-success__receipt--balance-card--text span{color:var(--color-update-bal);font-size:12px}.payment-success__receipt--balance-card--text p{color:var(--color-update-bal-amt);font-size:20px;font-weight:700;margin:0!important}.payment-success__receipt--balance-card .currency-symbol{font-size:16px!important;color:var(--color-update-bal);opacity:.8;font-weight:700}.payment-success__receipt--note{text-align:center;margin-top:15px;font-size:12px;padding-top:8px;color:var(--color-paragraph)}.payment-success__actions{margin-top:12px;display:flex;gap:8px}@media only screen and (min-width:768px)and (max-width:991px){.payment-success__container{width:90%;max-width:700px}.payment-success__receipt--header span{font-size:26px}}@media only screen and (max-width:767px){.payment-success__container{width:100%;padding:15px;margin:0 auto}.payment-success__receipt--header{padding:20px 15px 10px}.payment-success__receipt--header img{height:60px}.payment-success__receipt--header span{font-size:22px}.payment-success__receipt--body{padding:15px!important}.payment-success__receipt--total-paid p{font-size:18px}.payment-success__receipt--balance-card{padding:10px}.payment-success__receipt--balance-card p{font-size:18px}.payment-success__actions{flex-direction:column;width:100%}.payment-success__actions .storybook-button{width:100%!important}}@media(max-width:600px){.payment-success__receipt--header span{font-size:20px}.payment-success__receipt .info-grid{grid-template-columns:1fr;gap:10px}.payment-success__receipt .info-grid--3-col{grid-template-columns:1fr}.payment-success__receipt--breakdown,.payment-success__receipt--total-paid,.payment-success__receipt--balance-card{flex-direction:column;align-items:flex-start;gap:4px}.payment-success__receipt--balance-card{text-align:left}.payment-success__receipt--note{font-size:11px}}.ledger-payment{background:var(--color-header-bg);min-height:100vh}.ledger-payment__container{max-width:900px;margin:30px auto;padding:0 20px 20px;display:flex;flex-direction:column;gap:15px}.ledger-payment__main-card{height:fit-content;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--color-border);transition:transform .2s;padding:5px;background:var(--color-card-background);border:2px solid var(--color-card-border);border-radius:12px;width:100%;display:flex;flex-direction:column;gap:24px;padding:0!important;box-shadow:0 10px 15px -2px #0000001a,0 4px 6px -4px #0000001a!important}.ledger-payment__header-group{display:flex;flex-direction:column;gap:6px;padding:24px 24px 12px}.ledger-payment__header-group .Heading1{display:flex;justify-content:flex-start!important;font-size:18px!important;color:var(--color-header-title)}.ledger-payment__header-group p{color:var(--color-card-paragraph);font-size:14px;margin:0!important}.ledger-payment__main-title{font-size:16px;font-weight:700;color:var(--color-foreground);margin:0 0 6px}.ledger-payment__main-desc{font-size:13px;color:var(--color-muted-foreground);margin:0}.ledger-payment__list{display:flex;flex-direction:column;gap:16px;padding:0 24px 24px}.ledger-payment__row{border:2px solid var(--color-list-item-border);border-radius:12px;padding:16px}.ledger-payment__row-top{display:flex;justify-content:space-between;margin-bottom:16px}.ledger-payment__name{font-weight:700;color:var(--color-header-title);font-size:15px;display:block}.ledger-payment__due{font-size:12px;color:var(--color-muted-foreground);margin-top:4px;display:block}.ledger-payment__balance-group{text-align:right}.ledger-payment__balance-label{font-size:11px;color:var(--color-paragraph);text-transform:uppercase;display:block}.ledger-payment__balance-val{font-size:18px;font-weight:800;color:var(--color-warning)}.ledger-payment__label{font-size:13px;font-weight:600;margin-bottom:8px;display:block;color:var(--color-foreground)}.ledger-payment__input-control{display:flex;align-items:center;border:1px solid var(--color-card-paragraph);border-radius:8px;background:var(--color-input-background);padding:0 10px;height:45px}.ledger-payment__input-control .currency-symbol{color:var(--color-muted-foreground);margin-right:8px}.ledger-payment__input-control input{border:none;background:transparent;color:var(--color-header-title)!important;width:100%;outline:none}.ledger-payment__currency{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-muted-foreground);font-weight:600}.ledger-payment__max{font-size:11px;color:var(--color-muted-foreground);margin-top:6px;display:block}.ledger-payment__tip-box{max-width:765px;display:flex;gap:10px;background:var(--color-info-bg);border:1px solid var(--color-info-border);padding:15px;border-radius:var(--radius);color:var(--color-info);margin:0 auto}.ledger-payment__tip-icon{flex-shrink:0;color:var(--color-warning)}.ledger-payment__tip-text{font-size:13px;margin:0;line-height:1.5}.ledger-payment__footer{position:fixed;bottom:0;left:0;right:0;background:var(--color-card-background);border-top:1px solid var(--color-header-border);padding:16px 0;z-index:100}.ledger-payment__footer .storybook-button{padding:16px!important}.ledger-payment__footer-inner{max-width:900px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.ledger-payment__footer-label{font-size:12px;color:var(--color-muted-foreground);display:block}.ledger-payment__footer-price{font-size:22px;font-weight:800;color:var(--color-header-title)}@media only screen and (min-width:768px)and (max-width:991px){.ledger-payment__container{max-width:720px;margin:20px auto}.ledger-payment__footer-inner{max-width:720px}}@media only screen and (max-width:767px){.ledger-payment__container{margin:10px auto 100px;padding:0 15px 15px}.ledger-payment__header-group{padding:20px 20px 10px}.ledger-payment__list{padding:0 20px 20px}.ledger-payment__row-top{flex-direction:column;gap:12px;margin-bottom:20px}.ledger-payment__balance-group{text-align:left}.ledger-payment__tip-box{max-width:100%;margin:0 15px}.ledger-payment__footer-inner{padding:0 15px}.ledger-payment__footer-price{font-size:18px}}@media(max-width:600px){.ledger-payment__header-group .Heading1{font-size:16px!important}.ledger-payment__row{padding:12px}.ledger-payment__name{font-size:14px}.ledger-payment__balance-val{font-size:16px}.ledger-payment__input-control{height:40px}.ledger-payment__input-control input{font-size:14px}.ledger-payment__footer-inner{flex-direction:column;gap:12px;align-items:stretch}.ledger-payment__footer-info{display:flex;justify-content:space-between;align-items:center}.ledger-payment__footer{padding:12px 0}}:root,:root.light{--color-home-bg: #fcf9fa;--color-home-heading: linear-gradient( 90deg, rgb(0 51 102), rgb(0, 102, 255), rgb(0, 166, 81) );--color-main-card-bg: rgba(255, 255, 255, .8);--color-student-icon-bg: linear-gradient( 135deg, rgb(0, 51, 102), rgb(0, 102, 255) );--color-admin-icon-bg: linear-gradient(120deg, #ff8c00, rgb(0, 166, 81) 140%);--color-logo-bg: radial-gradient(circle, #ff8c00 60%, transparent 40%);--color-otp-bg: #e2e8f0;--color-welcome-card-bg: #ffffff;--color-input-bg: #ffffff;--color-input-border: rgb(51, 65, 85);--color-header-bg: #f8fafc;--color-header-border: #e2e8f0;--color-header-title: #0f172a;--color-header-subtitle: #64748b;--color-card-background: #ffffff;--color-card-border: #ffffff;--color-card-paragraph: #45556c;--color-foreground: rgb(15 23 42);--color-card: rgb(255 255 255);--color-card-foreground: rgb(15 23 42);--color-theme-bg: rgb(30 41 59);--color-theme-hover: rgb(30 41 59);--color-theme: #ff8c00;--color-total-bg: #3b82f60d;--color-total-border: #3b82f633;--color-total-label: #1d4ed8;--color-total-value: #1e3a8a;--color-paid-bg: #22c55e0d;--color-paid-border: #22c55e33;--color-paid-label: #15803d;--color-paid-value: #14532d;--color-balance-bg: #f973160d;--color-balance-border: #f9731633;--color-balance-label: #c2410c;--color-balance-value: #7c2d12;--color-table-head-bg: linear-gradient(135deg, #003366, #0066ff);--color-table-bg-hover: #0033660d;--color-table-row-border: #e2e8f0;--color-table-icon: linear-gradient(135deg, #003366, #0066ff);--color-table-location: #0f172a;--color-table-active: #00a651;--color-table-fees: #ff8c00;--color-button-white-bg: #ffffff;--color-button-white-border: #cad5e2;--color-button-white: #0f172b;--color-button-white-hover: #f1f5f9;--color-button-primary: #003366;--color-button-primary-hover: #022242;--color-ob-bg: linear-gradient(180deg, #fff7ed, #ffedd4);--color-ob: #ca3500;--color-ob-amt: #7e2a0c;--color-ob-icon: #ca3500;--color-ob-icon-bg: #ffd6a7;--color-file-icon: #2563eb;--color-file-icon-bg: #dbeafe;--color-icon-credit-bg: #dcfce7;--color-icon-credit: #00a63e;--color-list-card-bg: #f8fafc;--color-list-card: #090c11;--color-list-item-border-hover: #cad5e2;--color-list-item-border: #e2e8f0;--color-list-item-bg: #f1f5f9;--color-paragraph: #45556c;--color-alert: #193cb8;--color-alert-bg: #eff6ff;--color-alert-border: #bedbff;--color-summary-amount: #003366;--color-update-bal-bg: #f0fdf4;--color-update-bal-border: #b9f8cf;--color-update-bal: #008236;--color-update-bal-amt: #0d542b;--color-popover: rgb(255 255 255);--color-popover-foreground: rgb(15 23 42);--color-primary: rgb(0 51 102);--color-primary-foreground: rgb(255 255 255);--color-secondary: rgb(226 232 240);--color-secondary-foreground: rgb(15 23 42);--color-muted: rgb(226, 232, 240);--color-muted-foreground: rgb(71 85 105);--color-success: rgb(34 197 94);--color-success-bg: rgb(240 253 244);--color-info: rgb(59 130 246);--color-info-bg: rgb(239 246 255);--color-input: rgb(226 232 240);--color-input-background: rgb(255 255 255);--color-demand-border: rgba(192, 132, 252, .3);--color-students-border: rgba(0, 102, 255, .3);--color-paid-border: rgba(74, 222, 128, .3);--color-total-students-border: #0033664d;--color-total-students-bg: #00336608;--color-total-students-icon: #155dfc;--color-total-students-span: #64748b;--color-total-students-bold: #155dfc;--color-total-demand-border: #9333ea4d;--color-total-demand-bg: #9333ea08;--color-total-demand-icon: #9810fa;--color-total-demand-span: #94a3b8;--color-total-demand-bold: #9810fa;--color-total-paid-border: #00a6514d;--color-total-paid-bg: #00a65108;--color-total-paid-icon: #00a63e;--color-total-paid-span: #94a3b8;--color-total-paid-bold: #00a63e;--color-total-balance-border: #fb923c4d;--color-total-balance-bg: #fb923c0d;--color-total-balance-icon: #f54a00;--color-total-balance-span: #94a3b8;--color-total-balance-bold: #f54a00;--color-ob-bg1: #fff9f1;--color-ob-bg2: #ffedd4;--color-ob-border: #ffb86a;--color-ob-label: #ca3500;--color-ob-amount: #7e2a0c;--color-ob-circle: rgb(255 215 168);--color-ob-symbol: rgb(202 53 0);--color-button-blue: #155dfc;--color-table-row-hover: #00336614;--color-table-row-box-shadow: 0 2px 8px rgba(0, 51, 102, .15);--color-table-arrow: #ffffff;--color-table-arrow-hover: #003366;--color-user-id: #ff8c00;--color-user-id-bg: #ff8c001a;--color-user-sys-admin-bg: #0033661a;--color-user-sys-admin: #003366;--color-user-auditor-bg: #00a6511a;--color-user-auditor: #00a651;--color-edit-access-inst-bg: #00336608;--color-edit-access-table-border: #e2e8f0}:root.dark{--color-home-bg: #0f172a;--color-home-heading: linear-gradient( 90deg, rgb(0 51 102), rgb(0, 102, 255), rgb(0, 166, 81) );--color-main-card-bg: rgba(29, 35, 42, .8);--color-student-icon-bg: linear-gradient( 135deg, rgb(0 51 102), rgb(0, 102, 255) );--color-admin-icon-bg: linear-gradient(120deg, #ff8c00, rgb(0, 166, 81) 140%);--color-logo-bg: radial-gradient(circle, #ff8c00 60%, transparent 40%);--color-otp-bg: #1e293b;--color-welcome-card-bg: #0f172a;--color-input-bg: #1d293d;--color-header-bg: #0f172a;--color-header-border: #334155;--color-header-title: #f1f5f9;--color-header-subtitle: #94a3b8;--color-card-background: #1d293d;--color-card-border: #ffffff;--color-card-paragraph: #90a1b9;--color-background: rgb(15 23 42);--color-foreground: rgb(102, 132, 161);--color-card: rgb(30 41 59);--color-card-foreground: rgb(248 250 252);--color-theme-hover: rgb(255 255 255);--color-theme: rgb(30 41 59);--color-theme: #0066ff;--color-total-bg: #1e3a8a80;--color-total-border: #1e3a8acc;--color-total-label: #60a5fa;--color-total-value: #bfdbfe;--color-paid-bg: #14532d80;--color-paid-border: #14532dcc;--color-paid-label: #4ade80;--color-paid-value: #bbf7d0;--color-balance-bg: #7c2d1280;--color-balance-border: #7c2d12cc;--color-balance-label: #fb923c;--color-balance-value: #fed7aa;--color-table-head-bg: linear-gradient( 135deg, rgba(0, 51, 102, .8), rgba(0, 102, 255, .8) );--color-table-bg-hover: #0033661a;--color-table-row-border: #334155;--color-table-icon: linear-gradient(135deg, #0066ff, #003366);--color-table-location: #f1f5f9;--color-table-active: #4ade80;--color-table-fees: #fb923c;--color-button-white-bg: #1d293d;--color-button-white-border: #45556c;--color-button-white: #f1f5f9;--color-button-white-hover: #314158;--color-button-primary: #003366;--color-button-primary-hover: #002244;--color-ob-bg: rgba(124, 45, 18, .3);--color-ob-border: #ca3500;--color-ob: #ff8904;--color-ob-amt: #ffedd4;--color-ob-icon: #ffb86a;--color-ob-icon-bg: #9f2d00;--color-file-icon: #51a2ff;--color-file-icon-bg: rgba(30, 58, 138, .3);--color-icon-credit-bg: rgba(6, 78, 59, .3);--color-icon-credit: #05df72;--color-list-card-bg: rgba(15, 23, 42, .5);--color-list-card: #cad5e2;--color-list-item-border-hover: #45556c;--color-list-item-border: #334155;--color-list-item-bg: #314158;--color-paragraph: #90a1b9;--color-alert: #bedbff;--color-alert-bg: #0f172a;--color-alert-border: #193cb8;--color-summary-amount: #51a2ff;--color-update-bal-bg: rgba(5, 46, 22, .5);--color-update-bal-border: #016630;--color-update-bal: #05df72;--color-update-bal-amt: #defce9;--color-popover: rgb(30 41 59);--color-popover-foreground: rgb(248 250 252);--color-primary: #0066ff;--color-primary-foreground: rgb(255 255 255);--color-secondary: rgb(51 65 85);--color-secondary-foreground: rgb(248 250 252);--color-muted: rgb(51 65 85);--color-muted-foreground: rgb(203 213 225);--color-success: rgb(74 222 128);--color-success-bg: rgba(74, 222, 128, .1);--color-info: rgb(96 165 250);--color-info-bg: rgba(96, 165, 250, .1);--color-border: rgb(71 85 105);--color-input: rgb(51 65 85);--color-input-background: rgb(30 41 59);--color-ring: rgb(59 130 246);--color-demand-border: rgba(192, 132, 252, .3);--color-students-border: rgba(0, 102, 255, .3);--color-paid-border: rgba(74, 222, 128, .3);--color-total-students-border: #0066ff4d;--color-total-students-bg: #0066ff0d;--color-total-students-icon: #51a2ff;--color-total-students-span: #94a3b8;--color-total-students-bold: #51a2ff;--color-total-demand-border: #c084fc4d;--color-total-demand-bg: #c084fc0d;--color-total-demand-icon: #c27aff;--color-total-demand-span: #94a3b8;--color-total-demand-bold: #c27aff;--color-total-paid-border: #4ade804d;--color-total-paid-bg: #4ade800d;--color-total-paid-icon: #05df72;--color-total-paid-span: #94a3b8;--color-total-paid-bold: #05df72;--color-total-balance-border: #ff8c004d;--color-total-balance-bg: #ff8c0008;--color-total-balance-icon: #ff8904;--color-total-balance-span: #94a3b8;--color-total-balance-bold: #ff8904;--color-table-row-hover: #0066ff26;--color-table-row-box-shadow: 0 2px 8px rgba(0, 102, 255, .2);--color-table-arrow-hover: #0066ff;--color-table-arrow: #1d293d;--color-user-id: #fb923c;--color-user-id-bg: #ff8c0033;--color-user-sys-admin-bg: #0066ff33;--color-user-sys-admin: #0066ff;--color-user-auditor-bg: #00a65133;--color-user-auditor: #4ade80;--color-edit-access-inst-bg: #0033661a;--color-edit-access-table-border: #334155}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;transition:all .5s ease;overflow:hidden;background:var(--color-home-bg)}.login__theme-toggle{position:absolute;top:20px;right:12px;border:1px solid var(--color-header-border);background-color:var(--color-theme-bg);border-radius:50%;padding:12px 10px;font-size:12px;display:flex;align-items:center;justify-content:center}.login__theme-toggle svg{height:16px!important;color:var(--color-theme)}.login__theme-toggle:hover{background-color:var(--color-theme-hover)}.login__card{height:fit-content;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--color-border);transition:transform .2s;background-color:var(--color-welcome-card-bg);color:var(--color-header-title);border:2px solid var(--color-card-border);border-radius:16px;transition:all .3s ease;width:100%;max-width:440px;padding:20px 30px;box-shadow:0 25px 50px -12px #00000040}.login__brand{text-align:center;height:200px;margin-bottom:20px}.login__brand .h3{background:var(--color-home-heading);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:5px 0;font-size:36px}.login__brand p{color:var(--color-card-paragraph)}.login__brand--logo{display:flex;justify-content:center;position:relative;padding:10px;height:100px}.login__brand--logo:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:50%;z-index:0;filter:blur(25px);background:var(--color-logo-bg);opacity:.2}.login__brand--logo img{height:100%}.login__student-form{margin-top:10px;height:calc(100% - 200px)}.login__admin-form{margin-top:10px;height:calc(100% - 250px)}.login__admin-form .Label{font-size:16px!important;font-weight:500!important;color:var(--color-header-title)!important;margin-left:10px!important;margin-bottom:5px}.login__admin-form .storybook-input{padding:10px!important;background-color:var(--color-input-bg);color:var(--color-header-title)!important}.login__admin-form .storybook-button{width:100%!important;margin:20px 10px 0 0!important;height:45px!important}.login__field{margin-bottom:15px;height:calc(100% - 220px)}.login__field .Label{font-size:16px!important;font-weight:500!important;color:var(--color-header-title)!important;margin-left:10px!important}.login__field .storybook-input{padding:10px!important;background-color:var(--color-input-bg);color:var(--color-header-title)!important}.login__field--btn .storybook-button{width:100%!important;margin:20px 10px 0 0!important;height:45px!important}.login__hint{height:20px;font-size:12px;margin-top:20px;text-align:center;color:var(--color-muted-foreground)}.login__otp-info{padding:15px;border-radius:12px;text-align:center;background:var(--color-otp-bg);color:var(--color-header-title)}.login__otp-info b{font-size:16px;letter-spacing:1px;display:block;margin-top:10px;color:var(--color-header-title)}.login__otp-inputs{display:flex;justify-content:center;gap:5px;margin-top:10px}.login__otp-inputs .otp-input-box{width:40px;height:40px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;font-weight:500;border-radius:8px;outline:none;background:var(--color-input-background);border:1px solid var(--color-input);color:var(--color-foreground);transition:all .2s ease-in-out}.login__otp-inputs .otp-input-box:focus{border-color:var(--color-ring);box-shadow:0 0 0 1px var(--color-ring)}.login__tabs{display:flex;background:var(--color-muted);padding:5px;border-radius:10px;margin-top:10px;height:50px}.login__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;font-size:14px;font-weight:600;border-radius:6px;border:none;color:var(--color-muted-foreground);background:transparent;cursor:pointer;transition:all .2s}.login__tab--active{background:var(--color-card);color:var(--color-primary);box-shadow:0 2px 8px #0000000d}.login__action-group{margin-top:10px;display:grid;grid-template-columns:1fr 1fr}.login__otp-header{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.login__otp-header--left{display:flex;align-items:center}.login__otp-header--left svg{margin-top:7px}.login__resend-link{font-size:14px;font-weight:600;color:var(--color-button-blue);cursor:pointer;transition:opacity .2s}.login__resend-link:hover{opacity:.8;text-decoration:underline}.login .login__otp-header .Label{margin-bottom:0!important}@media only screen and (min-width:768px)and (max-width:991px){.login{padding:40px}.login__card{max-width:400px;padding:20px 25px}.login__brand .h3{font-size:32px!important}}@media only screen and (max-width:767px){.login{padding:40px 15px 15px;min-height:auto}.login__card{padding:20px;border-radius:12px}.login__brand{height:auto;margin-bottom:20px}.login__brand .h3{font-size:28px!important}.login__brand--logo{height:80px}.login__brand--logo:before{width:100px;height:100px}.login__student-form,.login__admin-form,.login__field{height:auto}.login__otp-inputs .otp-input-box{width:35px;height:35px;font-size:16px!important}}@media(max-width:600px){.login{display:flex;justify-content:center;align-items:center;height:100vh}.login__brand .h3{font-size:26px!important}.login__card{padding:15px}.login__theme-toggle{top:10px;right:10px;padding:8px}.login__tabs{height:45px}.login__tab{font-size:13px;padding:8px}.login__otp-inputs{gap:4px}.login__otp-inputs .otp-input-box{width:32px;height:32px;font-size:14px}.login__action-group{grid-template-columns:1fr;gap:10px}.login__hint{font-size:11px;margin-top:15px}}.admin-dashboard{background-color:var(--color-header-bg);min-height:100vh}.admin-dashboard__content{max-width:1280px;margin:0 auto;padding:12px}.admin-dashboard__card{height:fit-content;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:10px;border:1px solid var(--color-border);transition:transform .2s;padding:5px;background:var(--color-card-background);border:2px solid var(--color-header-border);overflow:hidden;border-radius:12px!important;width:100%;padding:0!important;box-shadow:0 10px 15px -2px #0000001a,0 4px 6px -4px #0000001a!important}.admin-table{width:100%;border-collapse:collapse}.admin-table__head{background:var(--color-table-head-bg)}.admin-table__head th{color:var(--color-primary-foreground);padding:15px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase}.admin-table__row{font-size:14px;border-bottom:1px solid var(--color-table-row-border)}.admin-table__row:hover{background:var(--color-table-bg-hover)}.admin-table__row .storybook-button{height:33px!important;padding:0 8px!important}.admin-table__id-group{display:flex;align-items:center;gap:8px;color:var(--color-primary);font-weight:700;padding:12px 16px}.admin-table__icon{padding:8px;background:var(--color-table-icon);color:var(--color-primary-foreground);border-radius:6px;display:flex;align-items:center;justify-content:center}.admin-table__name{color:var(--color-header-title);font-weight:600;padding:12px 16px}.admin-table__info{color:var(--color-header-title);padding:12px 16px}.admin-table__meta{display:flex;align-items:center;gap:4px;color:var(--color-table-location);font-weight:200}.admin-table__meta svg{height:12px!important;color:var(--color-table-location)!important}.admin-table__total{color:var(--color-primary);font-weight:700;font-size:16px}.admin-table__active{color:var(--color-table-active);font-weight:700;font-size:16px}.admin-table__fees{color:var(--color-table-fees);font-weight:700;font-size:16px}@media only screen and (min-width:768px)and (max-width:991px){.admin-dashboard__content{padding:10px}.admin-table__head th,.admin-table__id-group,.admin-table__name,.admin-table__info{padding:12px 10px;font-size:10px!important}.admin-table__row{font-size:10px!important}.admin-table__row .storybook-button{font-size:10px!important;height:30px!important;padding:10px!important;margin-left:10px!important}.admin-table__row svg{height:12px!important}.admin-table__row td{font-size:10px!important;text-align:center}}@media only screen and (max-width:767px){.admin-dashboard__content{padding:8px}.admin-dashboard__card{border-radius:8px!important;overflow-x:auto}.admin-table{min-width:600px}.admin-table__head th{padding:10px;font-size:10px!important}.admin-table__row{font-size:10px!important}.admin-table__row .storybook-button{font-size:10px!important;height:30px!important;padding:10px!important;margin-left:10px!important}.admin-table__row svg{height:12px!important}.admin-table__row td{font-size:10px!important;text-align:center}}@media(max-width:600px){.admin-dashboard__content{padding:5px}.admin-table th,.admin-table__id-group,.admin-table__name,.admin-table__info{padding:8px 10px;font-size:8px!important}.admin-table__total,.admin-table__active,.admin-table__fees{font-size:8px}.admin-table__row td{font-size:10px!important;text-align:center}.admin-table__row svg{height:10px!important}.admin-table__row .storybook-button{font-size:10px!important;height:30px!important;padding:10px!important;margin-left:10px!important}.admin-table__icon{padding:6px}.admin-table__icon svg{height:14px;width:14px}}.view-details{background:var(--color-background);min-height:100vh}.view-details__content{max-width:1300px;margin:0 auto;padding:20px}.view-details__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.view-details__stat-card{padding:6px 6px 24px;border-radius:6px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.view-details__stat-card span{font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;margin-bottom:2px}.view-details__stat-card b{font-size:18px;font-weight:700;line-height:1}.view-details__stat-card--students{background:var(--color-total-students-bg);border:2px solid var(--color-total-students-border)}.view-details__stat-card--students span{color:var(--color-total-students-span)!important}.view-details__stat-card--students b{color:var(--color-total-students-bold)!important}.view-details__stat-card--students .view-details__stat-icon{color:var(--color-total-students-icon)!important}.view-details__stat-card--demand{background:var(--color-total-demand-bg);border:2px solid var(--color-total-demand-border)}.view-details__stat-card--demand span{color:var(--color-total-demand-span)!important}.view-details__stat-card--demand b{color:var(--color-total-demand-bold)!important}.view-details__stat-card--demand .view-details__stat-icon{color:var(--color-total-demand-icon)!important}.view-details__stat-card--paid{background:var(--color-total-paid-bg);border:2px solid var(--color-total-paid-border)}.view-details__stat-card--paid span{color:var(--color-total-paid-span)!important}.view-details__stat-card--paid b{color:var(--color-total-paid-bold)!important}.view-details__stat-card--paid .view-details__stat-icon{color:var(--color-total-paid-icon)!important}.view-details__stat-card--balance{background:var(--color-total-balance-bg);border:2px solid var(--color-total-balance-border)}.view-details__stat-card--balance span{color:var(--color-total-balance-span)!important}.view-details__stat-card--balance b{color:var(--color-total-balance-bold)!important}.view-details__stat-card--balance .view-details__stat-icon{color:var(--color-total-balance-icon)!important}.view-details__info-card{height:fit-content;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--color-border);transition:transform .2s;padding:5px;background:var(--color-card-background);border:2px solid var(--color-card-border);border-radius:12px;width:100%;display:flex;flex-direction:column;gap:24px;padding:0!important;box-shadow:0 10px 15px -2px #0000001a,0 4px 6px -4px #0000001a!important}.view-details__card-header{padding:12px;display:flex;justify-content:space-between;align-items:center}.view-details__title-group{display:flex;align-items:center;gap:10px}.view-details__title-group .Heading1{display:flex;justify-content:flex-start!important;font-size:14px!important;color:var(--color-header-title)}.view-details__title-group svg{color:var(--color-header-title)!important}.view-details__controls{display:flex;align-items:center;gap:15px}.view-details__search-box{display:flex;align-items:center;gap:10px;background:var(--color-card-background);border:1px solid var(--color-card-paragraph);border-radius:6px;width:300px}.view-details__search-box svg{color:var(--color-card-paragraph)!important}.view-details__search-box .storybook-input{background-color:var(--color-input-bg);color:var(--color-header-title)!important;border:none!important}.view-details__filter-group{display:flex;align-items:center;gap:10px}.view-details__filter-group span{font-size:14px;font-weight:600;color:var(--color-header-title)}.view-details__select{background:var(--color-background);border:1px solid var(--color-border);padding:10px 15px;border-radius:8px;font-size:14px;color:var(--color-foreground);outline:none}.view-details__table-container{width:100%;overflow-x:auto}.view-details__table{width:100%;border-collapse:collapse;overflow:hidden;border-top-left-radius:8px;border-top-right-radius:8px}.view-details__thead{background:var(--color-table-head-bg)}.view-details__thead th{color:var(--color-primary-foreground);padding:8px 16px;text-align:left;font-size:12px;font-weight:600}.view-details__tbody .view-details__row{border-bottom:1px solid var(--color-border);transition:background .2s}.view-details__tbody .view-details__row--arrow{color:var(--color-table-arrow);padding-left:30px}.view-details__tbody .view-details__row td{padding:8px;font-size:14px;color:var(--color-header-title)}.view-details__tbody .view-details__row:hover{background:var(--color-table-row-hover);transform:translate(2px);box-shadow:var(--color-table-row-box-shadow)}.view-details__tbody .view-details__row:hover .view-details__row--arrow{color:var(--color-table-arrow-hover)!important}.view-details__tbody .view-details__row--active{background:var(--color-muted);border-left:4px solid var(--color-primary)}.view-details__cell--val-primary{color:var(--color-total-students-bold)!important;font-weight:700}.view-details__cell--val-success{color:var(--color-total-paid-bold)!important;font-weight:700}.view-details__cell--val-warning{display:flex;color:var(--color-total-balance-bold)!important;font-weight:700}@media only screen and (min-width:768px)and (max-width:991px){.view-details__content{padding:16px}.view-details__stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.view-details__search-box{width:240px}}@media only screen and (max-width:767px){.view-details__content{padding:12px}.view-details__stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.view-details__stat-card{padding:10px 10px 16px}.view-details__stat-card b{font-size:16px}.view-details__card-header{flex-direction:column;align-items:flex-start;gap:16px}.view-details__controls{flex-direction:column;align-items:stretch;width:100%;gap:12px}.view-details__search-box{width:100%}.view-details__filter-group{width:100%;justify-content:space-between}.view-details__table-container{margin-top:10px;-webkit-overflow-scrolling:touch}.view-details__table{min-width:650px}}@media(max-width:600px){.view-details__stats-grid{grid-template-columns:1fr}.view-details__title-group .Heading1{font-size:13px!important}.view-details__thead th{padding:8px 10px;font-size:11px}.view-details__tbody td{padding:8px 10px;font-size:13px}.view-details__row--arrow{padding-left:15px!important}}.payment-modal-container{background-color:var(--color-header-bg);border-radius:12px;box-shadow:0 10px 25px #0003}.payment-history__header{background:var(--color-table-head-bg);padding:20px;border-radius:8px 8px 0 0;color:var(--color-primary-foreground);display:flex;justify-content:space-between;align-items:center}.payment-history__header-info{display:flex;flex-direction:column;justify-content:flex-start}.payment-history__name{font-size:24px;margin:0;font-weight:700}.payment-history__meta{display:flex;gap:15px;margin-top:8px;font-size:13px;opacity:.9}.payment-history__close-btn{background:#fff3;border:none;color:#fff;padding:5px 10px;border-radius:6px;cursor:pointer}.payment-history__close-btn:hover{background:#ffffff4d}.payment-history__summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px}.payment-history__content{padding:0 20px 20px}.payment-history__subheading{display:flex;align-items:center;gap:8px;color:var(--color-header-title);font-size:18px;font-weight:600;margin-bottom:15px}.payment-history__subheading svg{width:20px}.payment-history__table-wrapper{border:1px solid var(--color-table-row-border);border-radius:8px;overflow:hidden}.payment-history__table-wrapper .admin-table__head{background:var(--color-header-border)}.payment-history__table-wrapper .admin-table__head th{color:var(--color-header-title)!important;font-weight:900}.payment-history__table-wrapper .admin-table__fees{color:var(--color-total-paid-bold)!important}.summary-card{padding:12px;border-radius:8px;display:flex;flex-direction:column;align-items:center;border-top:1px solid var(--color-header-border);border-bottom:1px solid var(--color-header-border);border-right:1px solid var(--color-header-border);background:var(--color-card-background)}.summary-card__label{font-size:12px;margin-bottom:4px;color:var(--color-card-paragraph)}.summary-card__value{font-size:24px;font-weight:800}.summary-card--demand{border-left:4px solid var(--color-total-students-bold)}.summary-card--demand .summary-card__value{color:var(--color-total-students-bold)}.summary-card--paid{border-left:4px solid var(--color-total-paid-bold)}.summary-card--paid .summary-card__value{color:var(--color-total-paid-bold)}.summary-card--balance{border-left:4px solid var(--color-total-balance-bold)}.summary-card--balance .summary-card__value{color:var(--color-total-balance-bold)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge--success{background:var(--color-success-bg);color:var(--color-success)}.status-badge--pending{background:var(--color-total-balance-bg);color:var(--color-total-balance-bold)}@media only screen and (min-width:768px)and (max-width:991px){.payment-history__name{font-size:20px}.payment-history__summary{gap:12px;padding:15px}.summary-card__value{font-size:20px}}@media only screen and (max-width:767px){.payment-history__header{padding:15px;flex-direction:row}.payment-history__name{font-size:18px}.payment-history__meta{flex-wrap:wrap;gap:10px}.payment-history__summary{grid-template-columns:1fr;gap:10px;padding:15px}.payment-history__content{padding:0 15px 15px}.payment-history__table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.payment-history__table-wrapper table{min-width:500px}.summary-card{align-items:flex-start;padding:10px 15px}}@media(max-width:600px){.payment-history__header{align-items:flex-start}.payment-history__subheading{font-size:16px}.summary-card__value{font-size:18px}.status-badge{padding:2px 8px;font-size:11px}}.manage-users{background-color:var(--color-header-bg);min-height:100vh}.manage-users__block{max-width:1250px;margin:0 auto;padding:12px}.manage-users__stat-card{background:var(--color-card-background);border:2px solid var(--color-header-border);border-radius:12px;padding:15px 25px;display:inline-flex;align-items:center;gap:16px;margin-bottom:24px;box-shadow:0 4px 6px -1px #0000001a;width:100%}.manage-users__stat-icon{background:var(--color-table-icon);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.manage-users__stat-label{display:block;font-size:13px;color:var(--color-header-subtitle);font-weight:600}.manage-users__stat-count{font-size:26px;font-weight:800;color:var(--color-header-title)}.manage-users__table-wrapper{height:fit-content;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:10px;border:1px solid var(--color-border);transition:transform .2s;padding:5px;background:var(--color-card-background);border:2px solid var(--color-header-border);border-radius:12px!important;overflow:hidden;padding:0!important;box-shadow:0 10px 15px -2px #0000001a!important}.manage-users__table-wrapper .storybook-button{padding:12px!important;margin:0!important}.user-table{width:100%;border-collapse:collapse}.user-table__head{background:var(--color-table-head-bg)}.user-table__head th{color:var(--color-primary-foreground);padding:15px;text-align:left;font-size:14px;font-weight:700}.user-table__row{border-bottom:1px solid var(--color-table-row-border)}.user-table__row:hover{background:var(--color-table-bg-hover)}.user-table__row td{padding:8px 16px}.user-table__id-badge{background:var(--color-user-id-bg);color:var(--color-user-id);padding:4px 10px;border-radius:4px;font-weight:700;font-size:12px}.user-table__user-cell{display:flex;align-items:center;gap:10px;color:var(--color-primary);font-weight:700}.user-table__user-cell--icon{height:30px;width:30px;display:flex;justify-content:center;align-items:center;background:var(--color-table-icon);border-radius:50%}.user-table__user-cell--icon svg{width:18px;color:#fff}.user-table__user-cell span{color:var(--color-header-title);font-weight:600;font-size:14px!important}.user-table__name{color:var(--color-header-title);font-weight:500;font-size:14px!important}.user-table__access-text{color:var(--color-paragraph);font-size:14px}.user-table__role-badge{padding:5px 12px;border-radius:20px;font-size:11px;font-weight:700;display:inline-block}.user-table__role-badge--system-admin{background:var(--color-user-sys-admin-bg);color:var(--color-user-sys-admin)}.user-table__role-badge--manager{background:var(--color-user-id-bg);color:var(--color-user-id)}.user-table__role-badge--auditor{background:var(--color-user-auditor-bg);color:var(--color-user-auditor)}.user-table__inst-pill{display:inline-flex;align-items:center;gap:8px;background:var(--color-total-students-bg);border:1px solid var(--color-total-students-border);padding:2px 8px;border-radius:20px;font-weight:700;color:var(--color-total-students-bold)}.user-table__inst-pill svg{width:14px}@media only screen and (min-width:768px)and (max-width:991px){.manage-users__block{padding:10px}.manage-users__stat-card{padding:12px 20px;gap:12px}.manage-users__stat-count{font-size:22px}}@media only screen and (max-width:767px){.manage-users__block{padding:8px}.manage-users__stat-card{padding:10px 15px;margin-bottom:16px}.manage-users__stat-icon{width:40px;height:40px}.manage-users__table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.user-table{min-width:700px}.user-table__head th{padding:12px;font-size:13px}}@media(max-width:600px){.manage-users__stat-count{font-size:20px}.manage-users__stat-label{font-size:12px}.user-table__row td{padding:8px 12px}.user-table__user-cell span,.user-table__name,.user-table__access-text{font-size:13px!important}}.edit-access{display:flex;flex-direction:column;background-color:var(--color-header-bg)}.edit-access__header{padding:24px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--color-header-border)}.edit-access__main-title{font-size:20px;font-weight:700;margin:0;color:var(--color-header-title)}.edit-access__subtitle{font-size:14px;color:var(--color-card-paragraph);margin:10px 0 0}.edit-access__close-x{background:none;border:none;color:var(--color-muted-foreground);cursor:pointer;transition:color .2s}.edit-access__close-x:hover{color:var(--color-destructive)}.edit-access__summary-bar{margin:16px 24px;padding:12px 16px;background-color:var(--color-edit-access-inst-bg);border-radius:12px;display:flex;justify-content:space-between;align-items:center}.edit-access__selection-info{display:flex;align-items:center;gap:8px;color:var(--color-header-title);font-size:14px}.edit-access__selection-info svg{color:var(--color-button-blue)!important}.edit-access__text-btn{background:var(--color-card);border:1px solid var(--color-input);padding:4px 12px;border-radius:4px;font-size:11px;font-weight:700;color:var(--color-muted-foreground);margin-left:8px;cursor:pointer;text-transform:uppercase}.edit-access__text-btn:hover{background:var(--color-muted)}.edit-access__table-wrapper{padding:0 24px;overflow-y:auto;flex:1}.edit-access__table{width:100%;border-collapse:collapse;font-size:14px;border:1px solid var(--color-edit-access-table-border);border-radius:8px;color:var(--color-header-title)}.edit-access__table thead{background:var(--color-edit-access-inst-bg)!important}.edit-access__table th{position:sticky;top:0;background:var(--color-card);text-align:left;padding:12px 16px;color:var(--color-label);font-weight:700;font-size:11px;border-bottom:2px solid var(--color-muted);z-index:10}.edit-access__table tr{border-bottom:1px solid var(--color-border);transition:background .2s}.edit-access__table tr.is-selected{background-color:var(--color-muted)}.edit-access__table td{padding:12px 16px}.edit-access__checkbox{width:22px;height:22px;border:2px solid var(--color-border);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.edit-access__checkbox--active{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.edit-access__inst-icon{background:var(--color-table-icon);color:var(--color-primary-foreground);padding:6px;border-radius:6px;display:flex}.edit-access__name-group{display:flex;align-items:center;gap:12px;font-weight:600}.edit-access__badge-code{background:var(--color-user-sys-admin-bg);color:var(--color-user-sys-admin);padding:2px 8px;border-radius:4px;font-weight:700;font-size:11px}.edit-access__badge-count{background:var(--color-success-bg);color:var(--color-success);padding:2px 10px;border-radius:4px;font-weight:700}.edit-access__footer{padding:20px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--color-border)}.edit-access__footer-btn{padding:10px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;border:1px solid transparent}.edit-access__footer-btn--cancel{background:var(--color-card);border-color:var(--color-border);color:var(--color-muted-foreground)}.edit-access__footer-btn--cancel:hover{background:var(--color-muted)}.edit-access__footer-btn--save{background:var(--color-success);color:#fff}.edit-access__footer-btn--save:hover{opacity:.9}@media only screen and (min-width:768px)and (max-width:991px){.edit-access__header,.edit-access__summary-bar,.edit-access__footer,.edit-access__table-wrapper{padding-left:16px;padding-right:16px}.edit-access__main-title{font-size:18px}.edit-access__summary-bar{margin:16px}}@media only screen and (max-width:767px){.edit-access__header{padding:16px}.edit-access__main-title{font-size:17px}.edit-access__summary-bar{margin:12px 16px;flex-direction:column;gap:10px;align-items:flex-start}.edit-access__table-wrapper{padding:0 16px;overflow-x:auto}.edit-access__table{min-width:500px}.edit-access__footer{padding:16px;justify-content:center}.edit-access__footer-btn{flex:1;justify-content:center}}@media(max-width:600px){.edit-access__header{padding:12px}.edit-access__subtitle{font-size:12px}.edit-access__name-group{gap:8px;font-size:13px}.edit-access__badge-code,.edit-access__badge-count{padding:2px 6px;font-size:10px}.edit-access__table th,.edit-access__table td{padding:10px 8px}}.home{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-home-bg);padding:24px;transition:background .3s ease}.home__block{max-width:900px;width:100%;text-align:center}.home__block--main-heading{margin-bottom:40px}.home__block--main-heading .h6{background:var(--color-home-heading);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home__block--main-heading .h5{color:var(--color-card-paragraph)}.home__block--grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.home__block--card{height:fit-content;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--color-border);transition:transform .2s;background-color:var(--color-main-card-bg);color:var(--color-header-title);border:2px solid var(--color-header-border);padding:30px;border-radius:16px;transition:all .3s ease;box-shadow:0 25px 50px -12px #00000040}.home__block--card .h4{color:var(--color-header-title);font-size:24px;font-weight:700;margin-bottom:15px!important}.home__block .student-card:hover{box-shadow:0 0 30px 10px #0363;transform:translateY(-5px)}.home__block .student-card:hover .student-icon{width:70px;height:70px;transition:all .3s ease}.home__block .admin-card:hover{box-shadow:0 0 30px 10px #fb923c33;transform:translateY(-5px)}.home__block .admin-card:hover .admin-icon{width:70px;height:70px;transition:all .3s ease}.home__block--icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.home__block--icon svg{width:23px;height:23px;color:var(--color-primary-foreground)}.home__block .student-icon{background:var(--color-student-icon-bg)}.home__block .admin-icon{background:var(--color-admin-icon-bg)}.home__block p{font-size:16px;color:var(--color-card-paragraph);margin-bottom:15px!important}.home__block--link{background:none;border:none;font-size:14px;font-weight:600;color:var(--color-primary);cursor:pointer}.home__block--link:hover{border-radius:8px;background-color:var(--color-header-border);padding:10px;width:100%}@media only screen and (min-width:768px)and (max-width:991px){.home__block{max-width:720px}.home__block--main-heading .h6{font-size:44px!important}.home__block--grid{gap:16px}.home__block--card{padding:24px}}@media only screen and (max-width:767px){.home{height:auto;padding:40px 20px;align-items:flex-start}.home__block--main-heading{margin-bottom:30px}.home__block--main-heading .h6{font-size:42px!important}.home__block--main-heading .h5{font-size:16px!important}.home__block--grid{grid-template-columns:1fr;gap:20px}.home__block--card{padding:20px}.home__block--card .h4{font-size:20px}}@media(max-width:600px){.home{padding:30px 16px}.home__block--main-heading .h6{font-size:38px!important}.home__block--icon{width:56px;height:56px;margin-bottom:16px}.home__block--icon svg{width:20px;height:20px}.home__block p{font-size:14px}.home__block--link{font-size:13px}}.Heading{font-weight:500;font-size:32px;text-align:center;position:sticky}.Heading1{font-weight:400;font-size:24px;text-align:center;position:sticky}.subtitle2{font-size:14px}.subtitle1{text-align:center;font-size:16px}.h6{font-size:48px!important;font-weight:700!important;text-align:center}.h5{font-size:20px;text-align:center}.h4{font-size:24px;text-align:center;color:var(--color-header-title);font-weight:700}.storybook-input{border-radius:5px;border:1px solid var(--color-input-border);background-color:var(--color-background);width:100%;height:40px;padding:0 5px;font-size:14px;color:var(--color-foreground)}.large{height:4.5rem;font-size:1.25rem;width:100%}.medium{width:70%}.field_error::placeholder{color:#c53030}.field_error{border:1.5px solid!important;box-shadow:2px 0 1px red!important}.required_error{box-shadow:3px 0 red;width:calc(100% - 3px)!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;font-family:Spline Sans Mono,monospace!important}.small{padding-left:1rem;height:25px;margin:2px;padding:10px;font-size:14px}.storybook-input[disabled]{background-color:var(--disabled-color);color:var(--text-color);cursor:not-allowed}input[type=date],input[type=time]{width:fit-content!important}input[type=date]::-webkit-calendar-picker-indicator{filter:var(--img-color)}.storybook-input[type=checkbox]{width:22px!important;height:22px!important;border-radius:3px!important}input[type=checkbox]:checked{background-color:var(--level-8);border-color:var(--level-8)}.Label,.present-day,.LabelPrimary,.LabelBold,.AccountingLabel{font-style:normal;font-weight:500!important;font-size:14px;color:var(--color-input-border);margin-top:10px;padding:5px}.AccountingLabel{font-size:14px;margin-top:3px;padding:0}.LabelBold{font-weight:600!important}.LabelPrimary{color:var(--level-6);font-weight:600}.present-day{margin-top:5px!important;margin-left:10px;border:1px solid var(--border-color);border-radius:6px;padding:4px;background-color:var(--disabled-color)}.storybook-button{height:40px;font-weight:600;font-size:14px;border:0;border-radius:5px;margin:10px 10px 0 0;color:#fff;padding:5px;text-transform:capitalize;display:flex;align-items:center;justify-content:center;gap:12px}.storybook-button:focus{box-shadow:2px 1px 5px #00000080,6px 5px 5px #00000080}.storybook-button--default{background-color:var(--level-8)}.storybook-button--default:disabled{opacity:.5;cursor:not-allowed}.storybook-button--send,.storybook-button--verify,.storybook-button--send-otp,.storybook-button--pay-now,.storybook-button--proceed-to-pay,.storybook-button--proceed-to-payment,.storybook-button--processing,.storybook-button--back-to-dashboard,.storybook-button--view-details,.storybook-button--edit-access{background-color:var(--color-button-primary)}.storybook-button--send:hover,.storybook-button--verify:hover,.storybook-button--send-otp:hover,.storybook-button--pay-now:hover,.storybook-button--proceed-to-pay:hover,.storybook-button--proceed-to-payment:hover,.storybook-button--processing:hover,.storybook-button--back-to-dashboard:hover,.storybook-button--view-details:hover,.storybook-button--edit-access:hover{background-color:var(--color-button-primary-hover)!important}.storybook-button--change-number{background-color:var(--color-background);color:var(--color-header-title)!important;border:1px solid var(--color-header-border)!important}.storybook-button--change-number:hover{background-color:var(--color-muted)!important}.storybook-button--ledgers{background-color:var(--color-button-blue);color:#fff;border:1px solid var(--color-border)!important}.storybook-button--ledgers:hover{background-color:#003eeb!important}.storybook-button--pay{background:#00a63e;color:var(--color-primary-foreground)}.storybook-button--pay:hover{background-color:#008236!important}.storybook-button--print,.storybook-button--download,.storybook-button--logout,.storybook-button--back-btn,.storybook-button--manage-users,.storybook-button--inst-name,.storybook-button--cancel{background-color:var(--color-button-white-bg);border:1px solid var(--color-button-white-border);color:var(--color-button-white)!important}.storybook-button--print:hover,.storybook-button--download:hover,.storybook-button--logout:hover,.storybook-button--back-btn:hover,.storybook-button--manage-users:hover,.storybook-button--inst-name:hover,.storybook-button--cancel:hover{background-color:var(--color-button-white-hover)}.storybook-button--save{background-color:#00a651;color:#fff}.storybook-button--save:hover{background-color:#008a44}