@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.student-sidebar__overlay{z-index:45;-webkit-backdrop-filter:blur(3px);background:#0f172a73;animation:.2s student-sidebar-fade-in;position:fixed;inset:0}.student-sidebar{color:#1e293b;background:#d1e8f1;flex-direction:column;flex-shrink:0;width:290px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:4px 0 20px #0f172a0a}.student-sidebar__mobile-header{border-bottom:1px solid #e5e7eb;justify-content:flex-end;align-items:center;height:64px;padding:0 1rem;display:flex}.student-sidebar__close-button{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:flex}.student-sidebar__close-button:hover{color:#0f172a;background:#f1f5f9}.student-sidebar__navigation{flex:1;padding:1.5rem .75rem;overflow-y:auto}.student-sidebar__navigation::-webkit-scrollbar{width:4px}.student-sidebar__navigation::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.student-sidebar__section-title{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem;padding:0 .75rem;font-size:.7rem;font-weight:700}.student-sidebar__nav-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.student-sidebar__nav-item{margin:0}.student-sidebar__nav-link{color:#64748b;border:1px solid #0000;border-radius:12px;align-items:center;gap:.75rem;min-height:46px;padding:.65rem .8rem;font-size:.84rem;font-weight:650;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex;position:relative}.student-sidebar__nav-link:hover{color:#1e293b;background:#f8fafc;border-color:#edf1f7;transform:translate(2px)}.student-sidebar__nav-link--active{color:#2563eb;background:#eff6ff;font-weight:700}.student-sidebar__nav-link--active:hover{background:#dbeafe}.student-sidebar__nav-icon{flex-shrink:0;transition:color .2s}.student-sidebar__nav-icon--active{color:#2563eb}@keyframes student-sidebar-fade-in{0%{opacity:0}to{opacity:1}}@media (width>=1024px){.student-sidebar{z-index:30;height:calc(100vh - 72px);position:sticky;top:72px;overflow:hidden;transform:none!important}.student-sidebar__overlay,.student-sidebar__mobile-header{display:none!important}}@media (width<=1023px){.student-sidebar{z-index:50;width:min(290px,85vw);height:100vh;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:12px 0 35px #0f172a26}.student-sidebar--open{transform:translate(0)}}.student-navbar{z-index:40;box-sizing:border-box;-webkit-backdrop-filter:blur(18px);background:#9daed5e1;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:100vw;height:80px;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #0f172a05,0 4px 20px #0f172a06}.student-navbar__brand{align-items:center;gap:.9rem;min-width:0;display:flex}.student-navbar__menu-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e8edf5;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:none}.student-navbar__menu-button:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.student-navbar__menu-button:active{transform:translateY(0)}@media (width<=1023px){.student-navbar__menu-button{display:flex}}.student-navbar__logo-image,.student-navbar__logo-fallback{border-radius:13px;flex-shrink:0;width:60px;height:60px}.student-navbar__logo-image{-o-object-fit:contain;object-fit:contain;background:#fff;border:1px solid #e8edf5;padding:3px;box-shadow:0 4px 12px #0f172a0f}.student-navbar__logo-fallback{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb 55%,#60a5fa);justify-content:center;align-items:center;font-family:Manrope,sans-serif;font-size:1rem;font-weight:800;display:flex;box-shadow:0 8px 18px #2563eb40}.student-navbar__brand-info{min-width:0}.student-navbar__brand-title{color:#172033;letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;font-family:Manrope,sans-serif;font-size:1.25rem;font-weight:800;overflow:hidden}.student-navbar__brand-subtitle{color:#94a3b8;align-items:center;gap:.35rem;margin-top:3px;font-size:.86rem;font-weight:600;display:flex}.student-navbar__separator{color:#cbd5e1}.student-navbar__institute-code{color:#2563eb;font-weight:700}.student-navbar__actions{align-items:center;gap:.9rem;display:flex}.student-navbar__notification-wrapper{position:relative}.student-navbar__notification-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e8edf5;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.student-navbar__notification-button:hover,.student-navbar__notification-button--active{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.student-navbar__notification-button:active{transform:translateY(0)}.student-navbar__notification-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.student-navbar__notification-popover{z-index:50;background:#fff;border:1px solid #e8edf5;border-radius:14px;width:380px;animation:.2s ease-out student-navbar-fade-in;position:absolute;top:52px;right:0;overflow:hidden;box-shadow:0 10px 30px #0f172a1a}.student-navbar__popover-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.student-navbar__popover-title{color:#1e293b;font-size:.85rem;font-weight:700}.student-navbar__mark-read-button{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:600}.student-navbar__notification-list{flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.student-navbar__notification-item{border-bottom:1px solid #f8fafc;padding:.85rem 1.25rem;transition:background .15s}.student-navbar__notification-item--unread{background:#f8fafc}.student-navbar__notification-item--read{background:#fff}.student-navbar__notification-top{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.3rem;display:flex}.student-navbar__notification-title{color:#1e293b;font-size:.85rem;font-weight:600}.student-navbar__notification-type{color:#2563eb;background:#eff6ff;border-radius:4px;flex-shrink:0;padding:.15rem .4rem;font-size:.6rem;font-weight:700}.student-navbar__notification-message{color:#64748b;margin:0;font-size:.75rem;line-height:1.4}.student-navbar__notification-link{color:#2563eb;align-items:center;gap:.3rem;margin-top:.5rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.student-navbar__popover-footer{text-align:center;background:#f8fafc;border-top:1px solid #f1f5f9;padding:.75rem}.student-navbar__view-all-link{color:#2563eb;font-size:.8rem;font-weight:600;text-decoration:none}.student-navbar__user-profile{background:#fff;border:1px solid #e8edf5;border-radius:14px;align-items:center;gap:.75rem;padding:.42rem .7rem;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0f172a06}.student-navbar__user-profile:hover{border-color:#d7e0ec;box-shadow:0 6px 18px #0f172a0f}.student-navbar__user-avatar{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#eff6ff);border:1px solid #bfdbfe;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.student-navbar__user-info{text-align:left;flex-direction:column;min-width:0;display:flex}.student-navbar__user-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:.8rem;font-weight:700;line-height:1.3;overflow:hidden}.student-navbar__user-admission{color:#94a3b8;margin-top:2px;font-size:.67rem;font-weight:600}.student-navbar__logout-button{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fee2e2;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;height:42px;padding:0 .9rem;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:700;transition:transform .2s,background .2s,border-color .2s;display:flex}.student-navbar__logout-button:hover{background:#fef2f2;border-color:#fecaca;transform:translateY(-1px)}.student-navbar__logout-button:active{transform:translateY(0)}@keyframes student-navbar-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.student-navbar{height:64px;padding:0 1rem}.student-navbar__logo-image,.student-navbar__logo-fallback{width:40px;height:40px}.student-navbar__brand-subtitle,.student-navbar__user-info,.student-navbar__logout-button span{display:none}.student-navbar__actions{gap:.6rem}.student-navbar__notification-popover{width:auto;position:fixed;top:72px;left:1rem;right:1rem}.student-navbar__user-profile{padding:.3rem}.student-navbar__logout-button{width:40px;height:40px;padding:0}}@media (width<=480px){.student-navbar__brand-title{max-width:150px}}:root{--student-primary:#2563eb;--student-primary-dark:#1d4ed8;--student-primary-light:#eff6ff;--student-bg:#f6f8fc;--student-surface:#fff;--student-border:#e8edf5;--student-text:#172033;--student-text-secondary:#64748b;--student-text-muted:#94a3b8;--student-radius-sm:10px;--student-radius-md:14px;--student-radius-lg:20px}.student-layout{width:100%;max-width:100vw;height:100vh;max-height:100vh;color:var(--student-text);background:radial-gradient(circle at 100% 0,#2563eb0d,#0000 30%),#fff5f5;flex-direction:column;font-family:DM Sans,sans-serif;display:flex;overflow:hidden}.student-layout__container{flex-direction:row;flex:1;width:100%;height:calc(100vh - 72px);min-height:0;display:flex;position:relative;overflow:hidden}.student-layout__main{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;padding:2rem 2.25rem;display:flex;overflow:hidden auto}.student-layout__main::-webkit-scrollbar{width:8px}.student-layout__main::-webkit-scrollbar-track{background:0 0}.student-layout__main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.student-layout__main::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1024px){.student-layout__main{padding:1.5rem}}@media (width<=768px){.student-layout__container{height:calc(100vh - 64px)}.student-layout__main{padding:1rem}}.superadmin-navbar{z-index:40;border-bottom:1px solid var(--sa-border,#e2e8f0);-webkit-backdrop-filter:blur(12px);background:#fff;width:100%;height:70px;position:sticky;top:0;box-shadow:0 1px 3px #0f172a0a,0 4px 12px #0f172a05}.superadmin-navbar__inner{justify-content:space-between;align-items:center;height:100%;padding:0 2rem;display:flex}.superadmin-navbar__brand{align-items:center;gap:.85rem;display:flex}.superadmin-navbar__brand-icon{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 6px 16px #4f46e540}.superadmin-navbar__brand-info{flex-direction:column;display:flex}.superadmin-navbar__brand-row{align-items:center;gap:.6rem;display:flex}.superadmin-navbar__brand-title{color:#0f172a;letter-spacing:-.025em;font-family:Manrope,DM Sans,sans-serif;font-size:1.1rem;font-weight:800}.superadmin-navbar__badge{text-transform:uppercase;letter-spacing:.06em;color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:9999px;padding:.2rem .6rem;font-size:.65rem;font-weight:800}.superadmin-navbar__brand-sub{color:#64748b;margin-top:1px;font-size:.75rem;font-weight:500}.superadmin-navbar__actions{align-items:center;gap:1rem;display:flex}.superadmin-navbar__profile{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.75rem;padding:.4rem .85rem;transition:all .2s;display:flex}.superadmin-navbar__profile:hover{background:#f1f5f9;border-color:#cbd5e1}.superadmin-navbar__profile-avatar{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.superadmin-navbar__profile-details{text-align:left;flex-direction:column;display:flex}.superadmin-navbar__profile-email{color:#0f172a;font-size:.8rem;font-weight:700;line-height:1.25}.superadmin-navbar__profile-role{color:#7c3aed;margin-top:2px;font-size:.68rem;font-weight:600}.superadmin-navbar__logout-btn{color:#e11d48;cursor:pointer;background:#fff;border:1px solid #fecdd3;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.superadmin-navbar__logout-btn:hover{color:#be123c;background:#fff1f2;border-color:#fda4af;transform:translateY(-1px)}.superadmin-navbar__logout-btn:active{transform:translateY(0)}@media (width<=768px){.superadmin-navbar{height:64px}.superadmin-navbar__inner{padding:0 1rem}.superadmin-navbar__brand-sub,.superadmin-navbar__profile-details,.superadmin-navbar__logout-btn span{display:none}}.superadmin-sidebar{border-right:1px solid var(--sa-border,#e2e8f0);box-sizing:border-box;background:#fff;flex-direction:column;flex-shrink:0;justify-content:space-between;width:260px;height:100%;padding:1.25rem 1rem;display:flex;overflow-y:auto}.superadmin-sidebar__content{flex-direction:column;gap:1.5rem;display:flex}.superadmin-sidebar__section-title{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:.4rem;padding:.25rem .75rem;font-size:.68rem;font-weight:800}.superadmin-sidebar__nav{flex-direction:column;gap:.35rem;display:flex}.superadmin-sidebar__nav-item{color:#475569;border:1px solid #0000;border-radius:11px;align-items:center;gap:.75rem;padding:.68rem .95rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.superadmin-sidebar__nav-item:hover{color:#0f172a;background:#f8fafc}.superadmin-sidebar__nav-item.active{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe;font-weight:700}.superadmin-sidebar__nav-icon{flex-shrink:0;width:18px;height:18px}.superadmin-sidebar__widget{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:.6rem;padding:1rem;display:flex;box-shadow:0 1px 2px #0f172a08}.superadmin-sidebar__widget-header{color:#4f46e5;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.45rem;font-size:.72rem;font-weight:800;display:flex}.superadmin-sidebar__widget-desc{color:#64748b;font-size:.75rem;line-height:1.45}.superadmin-sidebar__widget-status{color:#059669;align-items:center;gap:.45rem;padding-top:.25rem;font-size:.72rem;font-weight:600;display:flex}.superadmin-sidebar__footer{color:#94a3b8;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:1rem;font-size:.72rem;font-weight:500;display:flex}.superadmin-sidebar__status-pill{color:#059669;align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.superadmin-sidebar__pulse-dot{background-color:#10b981;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-green;display:inline-block;box-shadow:0 0 0 2px #10b98140}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.2)}}@media (width<=1024px){.superadmin-sidebar{width:220px;padding:1rem .75rem}}@media (width<=768px){.superadmin-sidebar{display:none}}:root{--sa-primary:#4f46e5;--sa-primary-dark:#4338ca;--sa-primary-light:#eef2ff;--sa-primary-border:#c7d2fe;--sa-bg:#f8fafc;--sa-surface:#fff;--sa-surface-subtle:#f1f5f9;--sa-border:#e2e8f0;--sa-border-strong:#cbd5e1;--sa-text:#0f172a;--sa-text-secondary:#475569;--sa-text-muted:#94a3b8;--sa-success:#059669;--sa-success-light:#ecfdf5;--sa-success-border:#a7f3d0;--sa-warning:#d97706;--sa-warning-light:#fffbeb;--sa-warning-border:#fde68a;--sa-danger:#e11d48;--sa-danger-light:#fff1f2;--sa-danger-border:#fecdd3;--sa-purple:#7c3aed;--sa-purple-light:#f5f3ff;--sa-purple-border:#ddd6fe;--sa-radius-sm:8px;--sa-radius-md:12px;--sa-radius-lg:16px;--sa-radius-xl:20px;--sa-shadow-sm:0 1px 2px 0 #0f172a0d;--sa-shadow-md:0 4px 6px -1px #0f172a12, 0 2px 4px -2px #0f172a0d;--sa-shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0a}.superadmin-layout{background-color:var(--sa-bg);width:100%;max-width:100vw;height:100vh;max-height:100vh;color:var(--sa-text);flex-direction:column;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.superadmin-layout__container{flex-direction:row;flex:1;width:100%;height:calc(100vh - 70px);min-height:0;display:flex;position:relative;overflow:hidden}.superadmin-layout__main{background-color:var(--sa-bg);scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;padding:2rem 2.5rem;display:flex;overflow:hidden auto}.superadmin-layout__main::-webkit-scrollbar{width:7px}.superadmin-layout__main::-webkit-scrollbar-track{background:0 0}.superadmin-layout__main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.superadmin-layout__main::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1024px){.superadmin-layout__main{padding:1.5rem}}@media (width<=768px){.superadmin-layout__container{height:calc(100vh - 64px)}.superadmin-layout__main{padding:1rem}}.admin-navbar{z-index:40;box-sizing:border-box;-webkit-backdrop-filter:blur(18px);background:#a1bc98;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:100vw;height:80px;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #0f172a05,0 4px 20px #0f172a06}.admin-navbar__brand{align-items:center;gap:.9rem;min-width:0;display:flex}.admin-navbar__menu-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e8edf5;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:none}.admin-navbar__menu-button:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.admin-navbar__menu-button:active{transform:translateY(0)}@media (width<=1023px){.admin-navbar__menu-button{display:flex}}.admin-navbar__logo-image,.admin-navbar__logo-fallback{border-radius:13px;flex-shrink:0;width:60px;height:60px}.admin-navbar__logo-image{-o-object-fit:contain;object-fit:contain;background:#fff;border:1px solid #e8edf5;padding:3px;box-shadow:0 4px 12px #0f172a0f}.admin-navbar__logo-fallback{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb 55%,#60a5fa);justify-content:center;align-items:center;font-family:Manrope,sans-serif;font-size:1rem;font-weight:800;display:flex;box-shadow:0 8px 18px #2563eb40}.admin-navbar__brand-info{min-width:0}.admin-navbar__brand-title{color:#172033;letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;font-family:Manrope,sans-serif;font-size:1.25rem;font-weight:800;overflow:hidden}.admin-navbar__brand-subtitle{color:#94a3b8;margin-top:3px;font-size:.86rem;font-weight:600}.admin-navbar__actions{align-items:center;gap:.9rem;display:flex}.admin-navbar__user-profile{background:#fff;border:1px solid #e8edf5;border-radius:14px;align-items:center;gap:.75rem;padding:.42rem .7rem;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0f172a06}.admin-navbar__user-profile:hover{border-color:#d7e0ec;box-shadow:0 6px 18px #0f172a0f}.admin-navbar__user-avatar{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#eff6ff);border:1px solid #bfdbfe;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.admin-navbar__user-info{text-align:left;flex-direction:column;min-width:0;display:flex}.admin-navbar__user-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:.8rem;font-weight:700;line-height:1.3;overflow:hidden}.admin-navbar__user-role{color:#94a3b8;margin-top:2px;font-size:.67rem;font-weight:600}.admin-navbar__role-badge{color:#2563eb;letter-spacing:.08em;background:#eff6ff;border:1px solid #dbeafe;border-radius:7px;padding:.28rem .5rem;font-size:.62rem;font-weight:800}.admin-navbar__logout-button{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fee2e2;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;height:42px;padding:0 .9rem;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:700;transition:transform .2s,background .2s,border-color .2s;display:flex}.admin-navbar__logout-button:hover{background:#fef2f2;border-color:#fecaca;transform:translateY(-1px)}.admin-navbar__logout-button:active{transform:translateY(0)}@media (width<=768px){.admin-navbar{height:64px;padding:0 1rem}.admin-navbar__logo-image,.admin-navbar__logo-fallback{width:40px;height:40px}.admin-navbar__brand-subtitle,.admin-navbar__user-role,.admin-navbar__role-badge,.admin-navbar__logout-button span{display:none}.admin-navbar__actions{gap:.6rem}.admin-navbar__user-profile{padding:.3rem}.admin-navbar__user-info{display:none}.admin-navbar__logout-button{width:40px;height:40px;padding:0}}@media (width<=480px){.admin-navbar__brand-title{max-width:150px}}.admin-sidebar__overlay{z-index:45;-webkit-backdrop-filter:blur(3px);background:#0f172a73;animation:.2s admin-sidebar-fade-in;position:fixed;inset:0}.admin-sidebar{color:#1e293b;background:#d2dcb6;flex-direction:column;flex-shrink:0;width:290px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:4px 0 20px #0f172a0a}.admin-sidebar__mobile-header{border-bottom:1px solid #e5e7eb;justify-content:flex-end;align-items:center;height:64px;padding:0 1rem;display:flex}.admin-sidebar__close-button{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:flex}.admin-sidebar__close-button:hover{color:#0f172a;background:#f1f5f9}.admin-sidebar__navigation{flex:1;padding:1.5rem .75rem;overflow-y:auto}.admin-sidebar__navigation::-webkit-scrollbar{width:4px}.admin-sidebar__navigation::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.admin-sidebar__section-title{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem;padding:0 .75rem;font-size:.7rem;font-weight:700}.admin-sidebar__nav-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.admin-sidebar__nav-item{margin:0}.admin-sidebar__nav-link{color:#64748b;border:1px solid #0000;border-radius:12px;align-items:center;gap:.75rem;min-height:46px;padding:.65rem .8rem;font-size:.84rem;font-weight:650;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex;position:relative}.admin-sidebar__nav-link:hover{color:#1e293b;background:#f8fafc;border-color:#edf1f7;transform:translate(2px)}.admin-sidebar__nav-link--active{color:#2563eb;background:#eff6ff;font-weight:700}.admin-sidebar__nav-link--active:hover{background:#dbeafe}.admin-sidebar__nav-icon{flex-shrink:0;transition:color .2s}.admin-sidebar__nav-icon--active{color:#2563eb}.admin-sidebar__nav-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.admin-sidebar__nav-badge{color:#94a3b8;background:#f1f5f9;border:1px solid #e8edf5;border-radius:999px;padding:.18rem .48rem;font-size:.6rem;font-weight:700}.admin-sidebar__nav-link--active .admin-sidebar__nav-badge{color:#2563eb;background:#dbeafe;border-color:#bfdbfe}.admin-sidebar__footer{background:#fff6;border-top:1px solid #e5e7eb;flex-shrink:0;padding:1rem 1.25rem}.admin-sidebar__term-status{align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.admin-sidebar__status-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 4px #10b9811a}.admin-sidebar__status-text{color:#334155;font-size:.72rem;font-weight:700}.admin-sidebar__session{color:#94a3b8;padding-left:1rem;font-size:.65rem;font-weight:500}@keyframes admin-sidebar-fade-in{0%{opacity:0}to{opacity:1}}@media (width>=1024px){.admin-sidebar{z-index:30;height:calc(100vh - 72px);position:sticky;top:72px;overflow:hidden;transform:none!important}.admin-sidebar__overlay,.admin-sidebar__mobile-header{display:none!important}}@media (width<=1023px){.admin-sidebar{z-index:50;width:min(290px,85vw);height:100vh;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:12px 0 35px #0f172a26}.admin-sidebar--open{transform:translate(0)}}:root{--admin-primary:#2563eb;--admin-primary-dark:#1d4ed8;--admin-primary-light:#eff6ff;--admin-bg:#f6f8fc;--admin-surface:#fff;--admin-border:#e8edf5;--admin-text:#172033;--admin-text-secondary:#64748b;--admin-text-muted:#94a3b8;--admin-radius-sm:10px;--admin-radius-md:14px;--admin-radius-lg:20px}*{box-sizing:border-box}.admin-layout{width:100%;max-width:100vw;height:100vh;max-height:100vh;color:var(--admin-text);background:radial-gradient(circle at 100% 0,#2563eb0d,#0000 30%),#f1f3e0;flex-direction:column;font-family:DM Sans,sans-serif;display:flex;overflow:hidden}.admin-layout__container{flex-direction:row;flex:1;width:100%;height:calc(100vh - 72px);min-height:0;display:flex;position:relative;overflow:hidden}.admin-layout__main{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;padding:2rem 2.25rem;display:flex;overflow:hidden auto}.admin-layout__main::-webkit-scrollbar{width:8px}.admin-layout__main::-webkit-scrollbar-track{background:0 0}.admin-layout__main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.admin-layout__main::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1024px){.admin-layout__main{padding:1.5rem}}@media (width<=768px){.admin-layout__container{height:calc(100vh - 64px)}.admin-layout__main{padding:1rem}}.enquiry-modal__overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.enquiry-modal__container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.2s modalSlideUp;display:flex;overflow:hidden;box-shadow:0 20px 50px #0f172a2e}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.enquiry-modal__header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:1rem 1.12rem;display:flex}.enquiry-modal__title{color:#1e293b;margin:0 0 .35rem;font-size:1.5rem;font-weight:700}.enquiry-modal__subtitle{color:#64748b;margin:0;font-size:.9rem;line-height:1.5}.enquiry-modal__plan-tag{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:.4rem;margin-top:.5rem;padding:.3rem .75rem;font-size:.8rem;display:inline-flex}.enquiry-modal__plan-tag strong{color:#092975}.enquiry-modal__close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,color .2s;display:flex}.enquiry-modal__close-btn:hover{color:#1e293b;background:#e2e8f0}.enquiry-modal__content{max-height:calc(90vh - 130px);padding:.85rem 1.82rem;overflow-y:auto}.enquiry-modal__error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.8rem 1rem;font-size:.875rem;display:flex}.enquiry-modal__grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.25rem;display:grid}.enquiry-modal__field{flex-direction:column;gap:.45rem;display:flex}.enquiry-modal__field--full{grid-column:1/-1}.enquiry-modal__field label{color:#334155;font-size:.85rem;font-weight:600}.enquiry-modal__field label .required{color:#ef4444;margin-left:.15rem}.enquiry-modal__input-wrapper{align-items:center;display:flex;position:relative}.enquiry-modal__input-wrapper .input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:.85rem}.enquiry-modal__input-wrapper input,.enquiry-modal__input-wrapper select,.enquiry-modal__input-wrapper textarea{color:#1e293b;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.7rem .85rem .7rem 2.6rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.enquiry-modal__input-wrapper input::-moz-placeholder{color:#94a3b8}.enquiry-modal__input-wrapper textarea::-moz-placeholder{color:#94a3b8}.enquiry-modal__input-wrapper input::placeholder,.enquiry-modal__input-wrapper textarea::placeholder{color:#94a3b8}.enquiry-modal__input-wrapper input:focus,.enquiry-modal__input-wrapper select:focus,.enquiry-modal__input-wrapper textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.enquiry-modal__input-wrapper:focus-within .input-icon{color:#2563eb}.enquiry-modal__input-wrapper select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .85rem center;background-repeat:no-repeat;background-size:1.1rem;padding-right:2.5rem}.enquiry-modal__input-wrapper.textarea-wrapper{align-items:flex-start}.enquiry-modal__input-wrapper.textarea-wrapper .textarea-icon{top:.85rem}.enquiry-modal__input-wrapper textarea{resize:vertical;min-height:100px}.enquiry-modal__footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.enquiry-modal__btn-cancel,.enquiry-modal__btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.7rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .2s,border-color .2s}.enquiry-modal__btn-cancel:hover,.enquiry-modal__btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.enquiry-modal__btn-submit,.enquiry-modal__btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.875rem;font-weight:600;transition:background .2s;display:inline-flex}.enquiry-modal__btn-submit:hover:not(:disabled),.enquiry-modal__btn-primary:hover{background:#1d4ed8}.enquiry-modal__btn-submit:disabled{opacity:.6;cursor:not-allowed}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.enquiry-modal__success-wrapper{text-align:center;padding:1.5rem .5rem}.enquiry-modal__success-icon-box{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1.25rem;display:flex}.enquiry-modal__success-wrapper h3{color:#1e293b;margin:0 0 .5rem;font-size:1.4rem;font-weight:700}.enquiry-modal__success-msg{color:#64748b;max-width:500px;margin:0 auto 1.5rem;font-size:.9rem;line-height:1.6}.enquiry-modal__summary-card{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.7rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.enquiry-modal__summary-item{justify-content:space-between;gap:1rem;font-size:.875rem;display:flex}.summary-label{color:#64748b}.summary-value{color:#1e293b;font-weight:600}.enquiry-modal__success-actions{justify-content:center;gap:.75rem;display:flex}@media (width<=640px){.enquiry-modal__grid{grid-template-columns:1fr}.enquiry-modal__header,.enquiry-modal__content{padding:1.25rem}.enquiry-modal__footer,.enquiry-modal__success-actions{flex-direction:column-reverse}.enquiry-modal__btn-cancel,.enquiry-modal__btn-submit,.enquiry-modal__btn-secondary,.enquiry-modal__btn-primary{width:100%}}.landing-navbar{z-index:50;-webkit-backdrop-filter:blur(16px);background:#c8dfdb;border-bottom:1px solid #e2e8f0cc;transition:background .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);position:sticky;top:0;box-shadow:0 4px 20px -2px #0f172a0a}.landing-navbar__container{justify-content:space-between;align-items:center;max-width:1280px;height:82px;margin:0 auto;padding:0 2rem;display:flex}.landing-navbar__brand{align-items:center;gap:.875rem;text-decoration:none;display:flex}.landing-navbar__logo-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 6px #0f172a0a}.landing-navbar__brand:hover .landing-navbar__logo-box{transform:scale(1.02);box-shadow:0 4px 12px #0f172a14}.landing-navbar__logo-box img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.landing-navbar__brand-text{align-items:center;display:flex}.landing-navbar__brand-title{color:#092975;letter-spacing:-.03em;font-family:Manrope,DM Sans,sans-serif;font-size:2.05rem;font-weight:800;line-height:1}.landing-navbar__brand-tag{color:#13a0e7;letter-spacing:.02em;text-transform:uppercase;background:#f3f5fb;border:1px solid #c7d2fe;border-radius:9999px;margin-left:.6rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700;line-height:1.2}.landing-navbar__nav{align-items:center;gap:2rem;display:flex}.landing-navbar__nav-link{color:#475569;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.landing-navbar__nav-link:after{content:"";background-color:#6c7a8e;width:0;height:2px;transition:width .2s ease-in-out;position:absolute;bottom:-4px;left:0}.landing-navbar__nav-link:hover{color:#6c7a8e}.landing-navbar__nav-link:hover:after{width:100%}.landing-navbar__actions{align-items:center;gap:1rem;display:flex}.landing-navbar__btn-signin{color:#475569;border-radius:10px;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s}.landing-navbar__btn-signin:hover{color:#3b4656;transform:translateY(-1px)}.landing-navbar__btn-getstarted{color:#fff;cursor:pointer;background:#3f8db4;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #13a0e74d}.landing-navbar__btn-getstarted:hover{transform:translateY(-1px);box-shadow:0 6px 20px #13a0e766}.landing-navbar__btn-getstarted:active{transform:translateY(0)}.landing-navbar__btn-enquiry-outline{color:#092975;cursor:pointer;background:0 0;border:1.5px solid #3f8db4;border-radius:8px;align-items:center;gap:.45rem;padding:.65rem 1.1rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.landing-navbar__btn-enquiry-outline:hover{background:#3f8db414;transform:translateY(-1px)}.landing-navbar__btn-enquiry-outline:active{transform:translateY(0)}.landing-navbar__mobile-toggle{color:#092975;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:none}.landing-navbar__mobile-toggle:hover{background:#09297514}.landing-navbar__mobile-drawer{background:#fff;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:1.25rem;padding:1.5rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideDown;display:flex;box-shadow:0 10px 25px -5px #0f172a1a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.landing-navbar__mobile-nav{flex-direction:column;gap:.5rem;display:flex}.landing-navbar__mobile-link{color:#334155;border-bottom:none;border-radius:6px;padding:.6rem .75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.landing-navbar__mobile-link:hover{color:#2563eb;background:#f8fafc;padding-left:1rem}.landing-navbar__mobile-actions{border-top:1px solid #f1f5f9;flex-direction:column;gap:.75rem;padding-top:.75rem;display:flex}@media (width<=920px){.landing-navbar__nav,.landing-navbar__actions{display:none}.landing-navbar__mobile-toggle{display:flex}}@media (width<=600px){.landing-navbar__container{height:72px;padding:0 1rem}.landing-navbar__brand-tag{display:none}.landing-navbar__brand-title{font-size:1.65rem}}.landing-hero{color:#03182d;background:#f2efe7;padding:3rem 1.5rem 5rem;position:relative;overflow:hidden}.landing-hero__container{text-align:center;z-index:2;max-width:1280px;margin:0 auto;position:relative}.landing-hero__title{color:#78a0df;letter-spacing:-.035em;max-width:980px;margin:0 auto;font-family:Manrope,DM Sans,sans-serif;font-size:clamp(2.75rem,6vw,4.75rem);font-weight:800;line-height:1.1}.landing-hero__desc{color:#94a3b8;max-width:740px;margin:1.75rem auto 0;font-size:clamp(1rem,2.1vw,1.2rem);font-weight:400;line-height:1.7}.landing-hero__cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;margin-top:2.15rem;display:flex}.landing-hero__btn-primary{color:#fff;background:#3f8db4;border:1px solid #ffffff26;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2.25rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 10px 30px -5px #6366f180}.landing-hero__btn-primary:hover{background:#357696;transform:translateY(-2px);box-shadow:0 15px 35px -5px #6366f1a6}.landing-hero__btn-secondary{color:#195590;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;padding:1rem 2.25rem;font-size:.95rem;font-weight:900;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 20px #0003}.landing-hero__btn-secondary:hover{color:#fff;background:#93b6dd;border-color:#ffffff40;transform:translateY(-2px)}.landing-hero__metrics-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem;max-width:1000px;margin:3rem auto 0;display:grid}.landing-hero__metric-card{-webkit-backdrop-filter:blur(12px);text-align:left;background:#02143ec8;border:1px solid #ffffff14;border-radius:20px;padding:1.35rem 1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000005e}.landing-hero__metric-card:hover{background:#02143ed7;border-color:#818cf866;transform:translateY(-4px);box-shadow:0 12px 40px #6366f133}.landing-hero__metric-num{color:#fff;letter-spacing:-.03em;font-family:Manrope,DM Sans,sans-serif;font-size:2.25rem;font-weight:800;line-height:1.1}.metric--indigo{background:linear-gradient(135deg,#c5caf6,#b0b1ef);color:#0000;-webkit-background-clip:text}.metric--emerald{background:linear-gradient(135deg,#a2e5cd,#74edc7);color:#0000;-webkit-background-clip:text}.metric--amber{background:linear-gradient(135deg,#fbbf24,#d97706);color:#0000;-webkit-background-clip:text}.landing-hero__metric-label{color:#94a3b8;letter-spacing:.01em;margin-top:.5rem;font-size:.95rem;font-weight:600}@media (width<=860px){.landing-hero{padding:5rem 1.25rem 7rem}.landing-hero__metrics-grid{grid-template-columns:repeat(2,1fr);margin-top:3.5rem}}@media (width<=480px){.landing-hero__cta-group{flex-direction:column}.landing-hero__btn-primary,.landing-hero__btn-secondary{width:100%}.landing-hero__metrics-grid{grid-template-columns:1fr}}.landing-features{background-color:#f8fafc;padding:3rem 1.5rem}.landing-features__container{max-width:1280px;margin:0 auto}.landing-features__header{text-align:center;max-width:740px;margin:0 auto 3.5rem}.landing-features__title{color:#0f172a;letter-spacing:-.025em;margin-top:.5rem;font-family:Manrope,DM Sans,sans-serif;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800}.landing-features__desc{color:#64748b;margin-top:.75rem;font-size:.95rem;line-height:1.6}.landing-features__grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.landing-features__card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:.85rem;padding:1.65rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.landing-features__card:hover{border-color:solid #fbefef8b;transform:translateY(-2px);box-shadow:0 10px 25px -5px #0f172a14}.landing-features__icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.landing-features__card-title{color:#0f172a;font-family:Manrope,DM Sans,sans-serif;font-size:1.05rem;font-weight:700}.landing-features__card-desc{color:#475569;font-size:.85rem;line-height:1.55}@media (width<=1024px){.landing-features__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.landing-features{padding:3.5rem 1rem}.landing-features__grid{grid-template-columns:1fr}}.landing-how{background-color:#f2efe7;padding:3rem 1.5rem}.landing-how__container{max-width:1280px;margin:0 auto}.landing-how__header{text-align:center;max-width:640px;margin:0 auto 3.5rem}.landing-how__tag{text-transform:uppercase;letter-spacing:.08em;color:#4f46e5;font-size:.75rem;font-weight:800}.landing-how__title{color:#0f172a;letter-spacing:-.025em;margin-top:.5rem;font-family:Manrope,DM Sans,sans-serif;font-size:clamp(1.8rem,3vw,2.35rem);font-weight:800}.landing-how__grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.landing-how__card{background:#fff;border-radius:18px;flex-direction:column;gap:.75rem;padding:1.75rem;transition:all .2s;display:flex;position:relative}.landing-how__card:hover{border-color:#e2e8f080;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a12}.landing-how__number{color:#a5b5f6;font-family:Manrope,DM Sans,sans-serif;font-size:2.5rem;font-weight:900;line-height:1}.landing-how__step-title{color:#0f172a;font-family:Manrope,DM Sans,sans-serif;font-size:1.05rem;font-weight:700}.landing-how__step-desc{color:#475569;font-size:.82rem;line-height:1.55}@media (width<=1024px){.landing-how__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.landing-how{padding:3.5rem 1rem}.landing-how__grid{grid-template-columns:1fr}}.landing-roles{background-color:#f8fafc;padding:3rem 1.5rem}.landing-roles__container{max-width:1280px;margin:0 auto}.landing-roles__header{text-align:center;max-width:740px;margin:0 auto 3.5rem}.landing-roles__tag{text-transform:uppercase;letter-spacing:.08em;color:#4f46e5;font-size:.75rem;font-weight:800}.landing-roles__title{color:#0f172a;letter-spacing:-.025em;margin-top:.5rem;font-family:Manrope,DM Sans,sans-serif;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800}.landing-roles__desc{color:#64748b;margin-top:.75rem;font-size:.95rem;line-height:1.6}.landing-roles__desc code{color:#0f172a;background:#e2e8f0;border-radius:6px;padding:.15rem .4rem;font-size:.85em}.landing-roles__grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.landing-roles__card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:space-between;padding:1.75rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.landing-roles__card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 25px -5px #0f172a14}.landing-roles__icon-box{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1rem;display:flex}.box--amber{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.box--indigo{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe}.box--emerald{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.landing-roles__role-tag{text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:800}.tag--amber{color:#d97706}.tag--indigo{color:#4f46e5}.tag--emerald{color:#059669}.landing-roles__role-title{color:#0f172a;margin-top:.25rem;font-family:Manrope,DM Sans,sans-serif;font-size:1.25rem;font-weight:800}.landing-roles__role-desc{color:#475569;margin-top:.5rem;font-size:.82rem;line-height:1.6}.landing-roles__card-footer{color:#64748b;border-top:1px solid #f1f5f9;align-items:center;gap:.4rem;margin-top:1.25rem;padding-top:1.25rem;font-size:.75rem;display:flex}.landing-roles__route-code{border-radius:6px;padding:.15rem .45rem;font-family:monospace;font-size:.72rem;font-weight:600}.route--amber{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.route--indigo{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}.route--emerald{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}@media (width<=900px){.landing-roles__grid{grid-template-columns:1fr}}.landing-preview{background-color:#f2efe7;padding:3rem 1.5rem}.landing-preview__container{max-width:1280px;margin:0 auto}.landing-preview__header{text-align:center;max-width:640px;margin:0 auto 2.5rem}.landing-preview__tag{text-transform:uppercase;letter-spacing:.08em;color:#4f46e5;font-size:.75rem;font-weight:800}.landing-preview__title{color:#0f172a;letter-spacing:-.025em;margin-top:.5rem;font-family:Manrope,DM Sans,sans-serif;font-size:clamp(1.8rem,3vw,2.35rem);font-weight:800}.landing-preview__tab-wrapper{justify-content:center;margin-bottom:2.5rem;display:flex}.landing-preview__tab-bar{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:center;gap:.25rem;padding:.35rem;display:inline-flex}.landing-preview__tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.6rem 1.15rem;font-size:.8rem;font-weight:700;transition:all .2s}.landing-preview__tab-btn:hover{color:#0f172a}.landing-preview__tab-btn.active{color:#4f46e5;background-color:#fff;box-shadow:0 2px 8px #0f172a14}.landing-preview__canvas{background:#fff;border:1px solid #e2e8f0;border-radius:20px;max-width:980px;margin:0 auto;padding:2rem;box-shadow:0 10px 30px -5px #0f172a14}.landing-preview__canvas-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.landing-preview__canvas-title{color:#0f172a;font-family:Manrope,DM Sans,sans-serif;font-size:1.05rem;font-weight:800}.landing-preview__canvas-sub{color:#64748b;margin-top:.25rem;font-size:.75rem}.landing-preview__status-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.72rem;font-weight:700}.status--emerald{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.status--blue{color:#0284c7;background-color:#f0f9ff;border:1px solid #bae6fd}.status--indigo{color:#4f46e5;background-color:#eef2ff;border:1px solid #c7d2fe}.landing-preview__cards-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.landing-preview__mini-card{background:#f8fafc;border:1px solid #e8edf5;border-radius:14px;flex-direction:column;gap:.35rem;padding:1.25rem;display:flex}.landing-preview__mini-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-size:.68rem;font-weight:800}.landing-preview__mini-val{color:#0f172a;letter-spacing:-.02em;font-family:Manrope,DM Sans,sans-serif;font-size:1.45rem;font-weight:800}.landing-preview__mini-sub{font-size:.75rem;font-weight:500}.text--emerald{color:#059669}.text--indigo{color:#4f46e5}.text--amber{color:#d97706}.text--slate{color:#64748b}.text--cyan{color:#0891b2}@media (width<=768px){.landing-preview__cards-grid{grid-template-columns:1fr}}.landing-security{background-color:#f8fafc;padding:3rem 1.5rem}.landing-security__container{max-width:1280px;margin:0 auto}.landing-security__grid{grid-template-columns:repeat(2,1fr);align-items:center;gap:3.5rem;display:grid}.landing-security__content{flex-direction:column;gap:1.25rem;display:flex}.landing-security__tag{text-transform:uppercase;letter-spacing:.08em;color:#4f46e5;font-size:.75rem;font-weight:800}.landing-security__title{color:#0f172a;letter-spacing:-.025em;font-family:Manrope,DM Sans,sans-serif;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;line-height:1.2}.landing-security__desc{color:#475569;font-size:.95rem;line-height:1.65}.landing-security__bullets{flex-direction:column;gap:.85rem;margin-top:.5rem;display:flex}.landing-security__bullet{color:#334155;align-items:center;gap:.75rem;font-size:.88rem;font-weight:500;display:flex}.landing-security__bullet-icon{color:#059669;flex-shrink:0}.landing-security__card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:1.25rem;padding:2.25rem;display:flex;box-shadow:0 10px 30px -5px #0f172a14}.landing-security__card-header{color:#4f46e5;align-items:center;gap:.6rem;font-size:.9rem;font-weight:800;display:flex}.landing-security__code-box{color:#f8fafc;background:#0f172a;border:1px solid #1e293b;border-radius:14px;flex-direction:column;gap:.65rem;padding:1.25rem 1.5rem;font-family:monospace;font-size:.82rem;display:flex;box-shadow:inset 0 2px 6px #0003}.code-key--indigo{color:#818cf8;font-weight:700}.code-key--amber{color:#fbbf24;font-weight:700}.code-key--emerald{color:#34d399;font-weight:700}.code-key--cyan{color:#38bdf8;font-weight:700}@media (width<=900px){.landing-security__grid{grid-template-columns:1fr;gap:2.5rem}}.landing-pricing{background-color:#f2efe7;padding:3rem 1.5rem}.landing-pricing__container{max-width:1280px;margin:0 auto}.landing-pricing__header{text-align:center;max-width:720px;margin:0 auto 3.5rem}.landing-pricing__tag{text-transform:uppercase;letter-spacing:.08em;color:#3f8db4;font-size:.75rem;font-weight:800}.landing-pricing__title{color:#0f172a;letter-spacing:-.025em;margin-top:.5rem;font-family:Manrope,DM Sans,sans-serif;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800}.landing-pricing__desc{color:#64748b;margin-top:.75rem;font-size:.95rem;line-height:1.6}.landing-pricing__grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.landing-pricing__card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:space-between;padding:1.75rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.landing-pricing__card:hover{border:2px solid #3f8db4;transform:translateY(-4px);box-shadow:0 8px 24px #3f8db41f}.landing-pricing__card-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.landing-pricing__tier-label{text-transform:uppercase;letter-spacing:.06em;color:#3f8db4;font-size:.72rem;font-weight:800}.landing-pricing__badge{border-radius:9999px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.badge--normal{color:#475569;background-color:#f1f5f9}.badge--featured{color:#fff;background-color:#3f8db4}.landing-pricing__plan-name{color:#0f172a;font-family:Manrope,DM Sans,sans-serif;font-size:1.25rem;font-weight:800}.landing-pricing__price-row{align-items:baseline;gap:.25rem;margin-top:.5rem;display:flex}.landing-pricing__price{color:#0f172a;font-family:Manrope,DM Sans,sans-serif;font-size:1.85rem;font-weight:900}.landing-pricing__period{color:#64748b;font-size:.75rem;font-weight:500}.landing-pricing__features{border-top:1px solid #f1f5f9;flex-direction:column;gap:.65rem;margin-top:1.25rem;padding-top:1.25rem;padding-left:0;list-style:none;display:flex}.landing-pricing__feature-item{color:#334155;align-items:center;gap:.5rem;font-size:.78rem;font-weight:500;display:flex}.landing-pricing__check{color:#059669;flex-shrink:0}.landing-pricing__btn{border-radius:10px;justify-content:center;align-items:center;width:100%;margin-top:1.5rem;padding:.65rem 1rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.btn--normal{color:#334155;background-color:#f8fafc;border:1px solid #cbd5e1}.btn--normal:hover{color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.btn--featured{color:#fff;background-color:#3f8db4;box-shadow:0 4px 12px #4f46e540}.btn--featured:hover{background-color:#337292;box-shadow:0 6px 16px #3f8db459}@media (width<=1100px){.landing-pricing__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.landing-pricing__grid{grid-template-columns:1fr}}.landing-cta{background-color:#f8fafc;padding:3rem 1.5rem}.landing-cta__container{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:820px;margin:0 auto;display:flex}.landing-cta__title{color:#0f172a;letter-spacing:-.025em;font-family:Manrope,DM Sans,sans-serif;font-size:clamp(1.85rem,3.8vw,2.75rem);font-weight:800;line-height:1.2}.landing-cta__desc{color:#475569;max-width:640px;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.65}.landing-cta__btn{color:#fff;background:#3f8db4;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;margin-top:.75rem;padding:.9rem 2.2rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 8px 24px #4f46e54d}.landing-cta__btn:hover{background:#295c76;transform:translateY(-2px);box-shadow:0 12px 28px #4f46e566}@media (width<=600px){.landing-cta{padding:3.5rem 1rem}.landing-cta__btn{width:100%}}.landing-footer{color:#64748b;background:#f2efe7;border-top:1px solid #e6ddc7;width:100%;padding:2rem 2rem 1rem;font-size:.875rem}.landing-footer__container{flex-direction:column;gap:1.5rem;max-width:1280px;margin:0 auto;display:flex}.landing-footer__grid{grid-template-columns:1.5fr 1fr;align-items:center;gap:2rem;display:grid}.landing-footer__brand{align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.landing-footer__logo-box{background:#fff;border:1px solid #e6ddc7;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.landing-footer__logo-box img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.landing-footer__brand-info{flex-direction:column;display:flex}.landing-footer__brand-title{color:#0b2e52;letter-spacing:-.02em;font-family:Manrope,DM Sans,sans-serif;font-size:1.05rem;font-weight:800;line-height:1.2}.landing-footer__brand-sub{color:#64748b;margin-top:.2rem;font-size:.7rem;font-weight:500}.landing-footer__brand-desc{color:#64748b;max-width:520px;margin:0;font-size:.82rem;line-height:1.5}.landing-footer__col{border-left:1px solid #e6ddc7;padding-left:2rem}.landing-footer__col-title{color:#083059;margin:0 0 .45rem;font-family:Manrope,DM Sans,sans-serif;font-size:.9rem;font-weight:700}.landing-footer__contact-text{color:#64748b;margin:0 0 .65rem;font-size:.8rem;line-height:1.4}.landing-footer__contact-info{color:#64748b;flex-wrap:wrap;gap:.8rem 1.25rem;font-size:.78rem;display:flex}.landing-footer__contact-info div{align-items:center;gap:.4rem;display:flex}.landing-footer__bottom{color:#64748b;border-top:1px solid #dcd4c1;justify-content:center;align-items:center;padding-top:.9rem;font-size:.75rem;display:flex}.landing-footer__copy{text-align:center}@media (width<=768px){.landing-footer{padding:1.75rem 1.5rem 1rem}.landing-footer__grid{grid-template-columns:1fr;gap:1.5rem}.landing-footer__col{border-top:1px solid #e6ddc7;border-left:none;padding-top:1.25rem;padding-left:0}}@media (width<=600px){.landing-footer{padding:1.5rem 1.25rem .9rem}.landing-footer__container{gap:1.25rem}.landing-footer__brand-desc{font-size:.78rem}.landing-footer__contact-info{flex-direction:column;gap:.5rem}}html{scroll-behavior:smooth}.landing-page{color:#0f172a;background-color:#fff;min-height:100vh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}.landing-page section{scroll-margin-top:86px}.landing-page ::selection{color:#fff;background-color:#4f46e5}.login-page{background:radial-gradient(circle at top,#4f46e51f,#0000 35%),#f8fafc;place-items:center;min-height:100vh;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.login-container{width:100%;max-width:440px}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0f172a1a}.login-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.login-close-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:rotate(90deg)}.login-header{text-align:center;border-bottom:1px solid #f1f5f9;padding:36px 32px 24px}.login-logo{color:#fff;background:linear-gradient(135deg,#4f46e5,#2563eb);border-radius:16px;place-items:center;width:54px;height:54px;margin:0 auto 16px;display:grid}.login-header h1{color:#0f172a;margin:0 0 8px;font-size:26px;font-weight:700}.login-header p{color:#64748b;margin:0;font-size:14px;line-height:1.6}.login-form{flex-direction:column;gap:20px;padding:28px 32px 32px;display:flex}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;font-size:13px;line-height:1.5;display:flex}.login-error svg{flex-shrink:0}.password-label-row{justify-content:space-between;align-items:center;display:flex}.optional-text{color:#94a3b8;margin-left:6px;font-size:12px;font-weight:400}.forgot-password-link{color:#4f46e5;font-size:13px;font-weight:500;text-decoration:none}.forgot-password-link:hover{text-decoration:underline}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper>svg{color:#94a3b8;pointer-events:none;position:absolute;left:14px}.input-wrapper input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:48px;padding:0 14px 0 44px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input-wrapper input::placeholder{color:#94a3b8}.input-wrapper input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.password-wrapper input{padding-right:48px}.password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;right:10px}.password-toggle:hover{color:#4f46e5}.login-submit-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;margin-top:4px;font-size:15px;font-weight:600;transition:background .2s,transform .2s;display:flex}.login-submit-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:6px;font-size:13px;display:flex}.login-footer a{color:#4f46e5;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (width<=480px){.login-page{padding:16px}.login-header{padding:28px 20px 20px}.login-form{padding:24px 20px}.login-header h1{font-size:23px}.password-label-row{flex-direction:column;align-items:flex-start;gap:8px}}.register-page-container{color:#1e293b;box-sizing:border-box;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem 1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;overflow-y:auto}.register-header-section{text-align:center;max-width:28rem;margin:0 auto}.register-logo-link{margin-bottom:1rem;text-decoration:none;display:inline-flex}.register-logo-icon{color:#fff;background:#2563eb;border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 10px 15px -3px #2563eb4d}.register-title{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:1.875rem;font-weight:800}.register-subtitle{color:#64748b;margin-top:.5rem;font-size:.875rem}.register-card-wrapper{width:100%;max-width:36rem;margin-top:0}.register-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.75rem 2rem;box-shadow:0 20px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.register-security-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.75rem;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;display:flex}.register-security-icon{color:#2563eb;flex-shrink:0;margin-top:.125rem}.register-security-text{color:#1e40af;font-size:.75rem;line-height:1.5}.register-error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.register-error-icon{color:#dc2626;flex-shrink:0}.register-success-container{text-align:center;padding:1rem 0}.register-success-icon-wrapper{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0;border-radius:9999px;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 1rem;display:flex}.register-success-title{color:#0f172a;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.register-success-message{color:#475569;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.register-success-actions{justify-content:center;gap:1rem;display:flex}.register-form{flex-direction:column;gap:1rem;display:flex}.register-section-heading{color:#2563eb;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.8125rem;font-weight:700}.register-grid-2{grid-template-columns:1fr;gap:.875rem;display:grid}@media (width>=640px){.register-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.register-mt{margin-top:.875rem}.register-mb{margin-bottom:.875rem}.register-field{flex-direction:column;display:flex}.register-label{color:#475569;margin-bottom:.375rem;font-size:.75rem;font-weight:600;display:block}.register-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:.5rem;outline:none;width:100%;padding:.5rem .875rem;font-size:.875rem;transition:all .2s}.register-input::placeholder{color:#94a3b8}.register-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.uppercase-input{text-transform:uppercase}.register-divider{border-top:1px solid #e2e8f0;padding-top:1rem}.register-password-wrapper{position:relative}.register-password-input{padding-right:2.5rem}.register-password-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;position:absolute;top:.5rem;right:.75rem}.register-password-toggle:hover{color:#1e293b}.register-select{appearance:none;cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.364%22%20height%3D%22292.364%22%3E%3Cpath%20fill%3D%22%2364748b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right .875rem center;background-repeat:no-repeat;background-size:.65rem;padding-right:2.25rem}.register-submit-wrapper{padding-top:.5rem}.register-primary-btn{color:#fff;cursor:pointer;box-sizing:border-box;background:#2563eb;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.625rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #2563eb33,0 2px 4px -1px #2563eb1a}.register-primary-btn:hover:not(:disabled){background:#1d4ed8;box-shadow:0 6px 8px -1px #2563eb4d}.register-primary-btn:disabled{opacity:.6;cursor:not-allowed}.register-footer-link-wrapper{text-align:center;border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:.875rem}.register-footer-text{color:#64748b;font-size:.75rem}.register-footer-action{color:#2563eb;font-size:.75rem;font-weight:600;text-decoration:none}.register-footer-action:hover{text-decoration:underline}.superadmin-dashboard{flex-direction:column;gap:2rem;width:100%;max-width:1400px;margin:0 auto;display:flex}.superadmin-dashboard__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.superadmin-dashboard__title{color:#0f172a;letter-spacing:-.025em;font-family:Manrope,DM Sans,sans-serif;font-size:1.75rem;font-weight:800}.superadmin-dashboard__subtitle{color:#64748b;margin-top:.25rem;font-size:.875rem}.superadmin-dashboard__btn-primary{color:#fff;background-color:#4f46e5;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #4f46e540}.superadmin-dashboard__btn-primary:hover{background-color:#4338ca;transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.superadmin-dashboard__kpis{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.superadmin-dashboard__kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1rem;padding:1.35rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0d}.superadmin-dashboard__kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a12}.superadmin-dashboard__kpi-top{justify-content:space-between;align-items:center;display:flex}.superadmin-dashboard__kpi-label{color:#64748b;font-size:.78rem;font-weight:600}.superadmin-dashboard__kpi-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 10px #0f172a1a}.icon-emerald{background:linear-gradient(135deg,#059669,#10b981)}.icon-indigo{background:linear-gradient(135deg,#4f46e5,#6366f1)}.icon-purple{background:linear-gradient(135deg,#7c3aed,#a855f7)}.icon-amber{background:linear-gradient(135deg,#d97706,#f59e0b)}.superadmin-dashboard__kpi-val{color:#0f172a;letter-spacing:-.025em;font-family:Manrope,DM Sans,sans-serif;font-size:1.65rem;font-weight:800;line-height:1.2}.superadmin-dashboard__kpi-sub{color:#94a3b8;margin-top:.35rem;font-size:.75rem}.superadmin-dashboard__grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.superadmin-dashboard__card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0f172a0d}.superadmin-dashboard__card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.superadmin-dashboard__card-title-row{align-items:center;gap:.6rem;display:flex}.superadmin-dashboard__card-title{color:#0f172a;font-size:1rem;font-weight:700}.superadmin-dashboard__card-link{color:#4f46e5;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.superadmin-dashboard__card-link:hover{color:#4338ca}.superadmin-dashboard__list{flex-direction:column;gap:.75rem;display:flex}.superadmin-dashboard__list-item{background:#f8fafc;border:1px solid #e8edf5;border-radius:12px;justify-content:space-between;align-items:center;padding:.85rem 1rem;transition:all .2s;display:flex}.superadmin-dashboard__list-item:hover{background:#f1f5f9;border-color:#cbd5e1}.superadmin-dashboard__item-info{flex-direction:column;gap:.25rem;display:flex}.superadmin-dashboard__item-title-row{align-items:center;gap:.5rem;display:flex}.superadmin-dashboard__item-name{color:#0f172a;font-size:.875rem;font-weight:700}.superadmin-dashboard__code-tag{color:#475569;background:#e2e8f0;border-radius:6px;padding:.15rem .45rem;font-family:monospace;font-size:.65rem;font-weight:700}.superadmin-dashboard__item-sub{color:#64748b;font-size:.75rem}.superadmin-dashboard__item-sub strong{color:#4f46e5;font-weight:600}.superadmin-dashboard__item-right{text-align:right;flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.superadmin-dashboard__date{color:#94a3b8;font-size:.7rem}.sa-badge{letter-spacing:.03em;border-radius:8px;padding:.25rem .65rem;font-size:.7rem;font-weight:700;display:inline-block}.sa-badge--active{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.sa-badge--trial{color:#0284c7;background-color:#f0f9ff;border:1px solid #bae6fd}.sa-badge--suspended{color:#e11d48;background-color:#fff1f2;border:1px solid #fecdd3}.sa-badge--paid{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.sa-badge--pending{color:#d97706;background-color:#fffbeb;border:1px solid #fde68a}.superadmin-dashboard__loader{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.superadmin-dashboard__spinner{border:4px solid #e0e7ff;border-top-color:#4f46e5;border-radius:50%;width:40px;height:40px;animation:.9s linear infinite sa-spin}@keyframes sa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.superadmin-dashboard__loader-text{color:#64748b;font-size:.85rem;font-weight:500}.superadmin-dashboard__error{text-align:center;background:#fff1f2;border:1px solid #fecdd3;border-radius:16px;flex-direction:column;align-items:center;gap:.75rem;max-width:500px;margin:3rem auto;padding:2.5rem;display:flex}.superadmin-dashboard__error-title{color:#9f1239;font-size:1rem;font-weight:700}.superadmin-dashboard__error-desc{color:#be123c;font-size:.85rem}.superadmin-dashboard__empty-text{color:#94a3b8;text-align:center;padding:2rem 0;font-size:.8rem}@media (width<=1200px){.superadmin-dashboard__kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.superadmin-dashboard__grid-2{grid-template-columns:1fr}}@media (width<=600px){.superadmin-dashboard__kpis{grid-template-columns:1fr}}.institutes-page{flex-direction:column;gap:2rem;width:100%;max-width:1400px;margin:0 auto;display:flex}.institutes-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.institutes-page__title{color:#0f172a;letter-spacing:-.025em;font-family:Manrope,DM Sans,sans-serif;font-size:1.75rem;font-weight:800}.institutes-page__subtitle{color:#64748b;margin-top:.25rem;font-size:.875rem}.institutes-page__btn-primary{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #4f46e540}.institutes-page__btn-primary:hover{background-color:#4338ca;transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.institutes-page__filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 3px #0f172a0a}.institutes-page__search-form{flex:1;align-items:center;gap:.5rem;display:flex}.institutes-page__search-box{flex:1;position:relative}.institutes-page__search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.institutes-page__search-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:.6rem .85rem .6rem 2.35rem;font-size:.82rem;transition:all .2s}.institutes-page__search-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.institutes-page__search-input::placeholder{color:#94a3b8}.institutes-page__btn-search{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;padding:.6rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s}.institutes-page__btn-search:hover{color:#0f172a;background:#e2e8f0}.institutes-page__filter-group{align-items:center;gap:.75rem;display:flex}.institutes-page__select{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:.6rem .85rem;font-size:.8rem;font-weight:500;transition:border-color .2s}.institutes-page__select:focus{border-color:#4f46e5}.institutes-page__btn-icon{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.institutes-page__btn-icon:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.institutes-page__table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0f172a0d}.institutes-page__table-wrapper{overflow-x:auto}.institutes-page__table{border-collapse:collapse;text-align:left;width:100%;font-size:.82rem}.institutes-page__thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.institutes-page__th{text-transform:uppercase;letter-spacing:.06em;color:#64748b;padding:.85rem 1.25rem;font-size:.72rem;font-weight:700}.institutes-page__tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.institutes-page__tr:hover{background-color:#f8fafc}.institutes-page__td{color:#334155;vertical-align:middle;padding:1rem 1.25rem}.institutes-page__inst-info{flex-direction:column;gap:.25rem;display:flex}.institutes-page__inst-name{color:#0f172a;font-size:.9rem;font-weight:700}.institutes-page__inst-meta{color:#64748b;align-items:center;gap:.5rem;font-size:.72rem;display:flex}.institutes-page__code-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:.15rem .45rem;font-family:monospace;font-size:.68rem;font-weight:600}.institutes-page__domain{color:#4f46e5;font-family:monospace}.institutes-page__plan-info{flex-direction:column;gap:.25rem;display:flex}.institutes-page__plan-badge{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9999px;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.institutes-page__cycle{color:#94a3b8;font-size:.7rem}.institutes-page__quota-container{flex-direction:column;gap:.35rem;width:130px;display:flex}.institutes-page__quota-numbers{justify-content:space-between;font-size:.72rem;display:flex}.institutes-page__quota-numbers strong{color:#0f172a}.institutes-page__quota-numbers span{color:#94a3b8}.institutes-page__quota-bar{background:#e2e8f0;border-radius:999px;width:100%;height:6px;overflow:hidden}.institutes-page__quota-fill{border-radius:999px;height:100%;transition:width .3s}.quota-fill--green{background-color:#10b981}.quota-fill--amber{background-color:#f59e0b}.quota-fill--rose{background-color:#ef4444}.institutes-page__actions{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.institutes-page__btn-plan{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.4rem .8rem;font-size:.75rem;font-weight:600;transition:all .2s}.institutes-page__btn-plan:hover{background:#eef2ff;border-color:#c7d2fe}.institutes-page__btn-suspend{color:#e11d48;cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;padding:.4rem .8rem;font-size:.75rem;font-weight:600;transition:all .2s}.institutes-page__btn-suspend:hover{background:#ffe4e6}.institutes-page__btn-activate{color:#059669;cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:.4rem .8rem;font-size:.75rem;font-weight:600;transition:all .2s}.institutes-page__btn-activate:hover{background:#d1fae5}.institutes-page__modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);background:#0f172a73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.institutes-page__modal{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:1.25rem;width:100%;max-width:580px;margin:2rem auto;padding:1.75rem;display:flex;box-shadow:0 20px 25px -5px #0f172a26,0 8px 10px -6px #0f172a1a}.institutes-page__modal--sm{max-width:460px}.institutes-page__modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.institutes-page__modal-title-row{align-items:center;gap:.6rem;display:flex}.institutes-page__modal-title{color:#0f172a;font-family:Manrope,DM Sans,sans-serif;font-size:1.15rem;font-weight:800}.institutes-page__modal-subtitle{color:#64748b;margin-top:.15rem;font-size:.75rem}.institutes-page__modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem;line-height:1;transition:color .2s}.institutes-page__modal-close:hover{color:#0f172a}.institutes-page__modal-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8rem;display:flex}.institutes-page__form-grid-2{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.institutes-page__field{flex-direction:column;gap:.35rem;display:flex}.institutes-page__label{color:#475569;font-size:.75rem;font-weight:600}.institutes-page__input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.6rem .8rem;font-size:.82rem;transition:all .2s}.institutes-page__input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.institutes-page__summary-box{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.5rem;padding:.85rem 1rem;font-size:.8rem;display:flex}.institutes-page__summary-row{justify-content:space-between;align-items:center;display:flex}.institutes-page__summary-row strong{color:#0f172a}.institutes-page__modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:.75rem;padding-top:1.25rem;display:flex}.institutes-page__btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.6rem 1.25rem;font-size:.82rem;font-weight:600;transition:all .2s}.institutes-page__btn-cancel:hover{color:#0f172a;background:#f8fafc}.institutes-page__btn-submit{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;padding:.6rem 1.35rem;font-size:.82rem;font-weight:600;transition:all .2s;box-shadow:0 4px 10px #4f46e540}.institutes-page__btn-submit:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}.institutes-page__btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.institutes-page__filter-bar{flex-direction:column;align-items:stretch}.institutes-page__filter-group{flex-wrap:wrap}}@media (width<=600px){.institutes-page__form-grid-2{grid-template-columns:1fr}}.plans-page{flex-direction:column;gap:2rem;width:100%;max-width:1400px;margin:0 auto;display:flex}.plans-page__header{flex-direction:column;gap:.25rem;display:flex}.plans-page__title{color:#0f172a;letter-spacing:-.025em;font-family:Manrope,DM Sans,sans-serif;font-size:1.75rem;font-weight:800}.plans-page__subtitle{color:#64748b;font-size:.875rem}.plans-page__grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:1.5rem;display:grid}.plans-page__card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:space-between;padding:1.65rem;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #0f172a0d}.plans-page__card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 25px -5px #0f172a14}.plans-page__card--featured{border:2px solid #4f46e5;box-shadow:0 10px 25px -5px #4f46e526}.plans-page__ribbon{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:9999px;padding:.25rem .85rem;font-size:.65rem;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #4f46e54d}.plans-page__card-top{flex-direction:column;gap:1.25rem;display:flex}.plans-page__tier-row{justify-content:space-between;align-items:center;display:flex}.plans-page__tier-name{color:#0f172a;font-family:Manrope,DM Sans,sans-serif;font-size:1.2rem;font-weight:800}.plans-page__tier-tag{text-transform:uppercase;color:#475569;background:#f1f5f9;border-radius:6px;padding:.2rem .55rem;font-size:.65rem;font-weight:800}.plans-page__tier-desc{color:#64748b;min-height:38px;margin-top:.35rem;font-size:.8rem;line-height:1.45}.plans-page__price-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:1rem}.plans-page__price-row{align-items:baseline;gap:.25rem;display:flex}.plans-page__price-amount{color:#0f172a;font-family:Manrope,DM Sans,sans-serif;font-size:1.65rem;font-weight:800}.plans-page__price-period{color:#64748b;font-size:.75rem}.plans-page__annual-note{color:#059669;margin-top:.25rem;font-size:.75rem;font-weight:600}.plans-page__section-label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-top:.5rem;font-size:.68rem;font-weight:800}.plans-page__quota-list{flex-direction:column;gap:.6rem;display:flex}.plans-page__quota-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:.5rem;font-size:.8rem;display:flex}.plans-page__quota-left{color:#64748b;align-items:center;gap:.5rem;display:flex}.plans-page__quota-val{color:#0f172a;font-weight:700}.plans-page__features-list{flex-direction:column;gap:.65rem;display:flex}.plans-page__feature-item{align-items:center;gap:.6rem;font-size:.8rem;display:flex}.feature--included{color:#1e293b;font-weight:500}.feature--excluded{color:#94a3b8;text-decoration:line-through}.plans-page__card-bottom{border-top:1px solid #f1f5f9;margin-top:1.25rem;padding-top:1.25rem}.plans-page__btn-configure{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.plans-page__btn-configure:hover{color:#4f46e5;background:#f8fafc;border-color:#4f46e5}.plans-page__checkboxes-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.5rem;display:grid}.plans-page__checkbox-label{color:#334155;cursor:pointer;align-items:center;gap:.6rem;font-size:.8rem;display:flex}.plans-page__checkbox{accent-color:#4f46e5;cursor:pointer;border-radius:4px;width:16px;height:16px}@media (width<=1200px){.plans-page__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.plans-page__grid{grid-template-columns:1fr}}.billing-page{flex-direction:column;gap:2rem;width:100%;max-width:1400px;margin:0 auto;display:flex}.billing-page__header{flex-direction:column;gap:.25rem;display:flex}.billing-page__title{color:#0f172a;letter-spacing:-.025em;font-family:Manrope,DM Sans,sans-serif;font-size:1.75rem;font-weight:800}.billing-page__subtitle{color:#64748b;font-size:.875rem}.billing-page__stats-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.billing-page__stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:.5rem;padding:1.35rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0d}.billing-page__stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a12}.billing-page__stat-label{color:#64748b;font-size:.78rem;font-weight:600}.billing-page__stat-val{color:#0f172a;letter-spacing:-.025em;font-family:Manrope,DM Sans,sans-serif;font-size:1.65rem;font-weight:800;line-height:1.2}.val--emerald{color:#059669}.val--amber{color:#d97706}.billing-page__stat-sub{color:#94a3b8;font-size:.75rem}.billing-page__filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex;box-shadow:0 1px 3px #0f172a0a}.billing-page__filter-select{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:.6rem .85rem;font-size:.8rem;font-weight:500;transition:border-color .2s}.billing-page__filter-select:focus{border-color:#4f46e5}.billing-page__btn-refresh{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.billing-page__btn-refresh:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.billing-page__table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0f172a0d}.billing-page__inv-number{color:#4f46e5;font-family:monospace;font-size:.85rem;font-weight:700}.billing-page__tenant-name{color:#0f172a;font-size:.85rem;font-weight:700}.billing-page__tenant-code{color:#64748b;font-family:monospace;font-size:.72rem}.billing-page__tax-sub{color:#94a3b8;font-size:.7rem;display:block}.billing-page__total-amount{color:#0f172a;font-family:Manrope,DM Sans,sans-serif;font-size:.9rem;font-weight:800}.billing-page__btn-pay{color:#059669;cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:.45rem .95rem;font-size:.75rem;font-weight:600;transition:all .2s}.billing-page__btn-pay:hover{background:#d1fae5}.billing-page__paid-text{color:#64748b;font-size:.75rem;font-weight:500}@media (width<=900px){.billing-page__stats-grid{grid-template-columns:1fr}}.teacher-navbar{z-index:40;background:#fff;border-bottom:1px solid #e8edf5;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 1.5rem;display:flex;position:relative;box-shadow:0 2px 10px #0f172a08}.teacher-navbar__brand{align-items:center;gap:.85rem;display:flex}.teacher-navbar__menu-button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:flex}.teacher-navbar__menu-button:hover{color:#0f172a;background:#f1f5f9}.teacher-navbar__logo-image{-o-object-fit:contain;object-fit:contain;border-radius:8px;width:auto;max-width:140px;height:40px}.teacher-navbar__logo-fallback{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#3730a3 100%);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 4px 12px #4f46e540}.teacher-navbar__brand-info{flex-direction:column;display:flex}.teacher-navbar__brand-title{color:#0f172a;font-size:1.05rem;font-weight:700;line-height:1.25}.teacher-navbar__brand-subtitle{color:#64748b;font-size:.75rem;font-weight:500}.teacher-navbar__actions{align-items:center;gap:1rem;display:flex}.teacher-navbar__user-profile{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:.75rem;padding:.4rem .85rem;transition:all .2s;display:flex}.teacher-navbar__user-profile:hover{background:#f1f5f9;border-color:#cbd5e1}.teacher-navbar__user-avatar{color:#4f46e5;background:#e0e7ff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.teacher-navbar__user-info{flex-direction:column;display:flex}.teacher-navbar__user-name{color:#1e293b;font-size:.85rem;font-weight:700;line-height:1.2}.teacher-navbar__user-role{color:#64748b;font-size:.7rem;font-weight:500}.teacher-navbar__role-badge{color:#4f46e5;letter-spacing:.04em;background:#e0e7ff;border-radius:6px;padding:.2rem .5rem;font-size:.65rem;font-weight:800}.teacher-navbar__logout-button{color:#dc2626;cursor:pointer;background:#fff5f5;border:1px solid #fee2e2;border-radius:12px;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.teacher-navbar__logout-button:hover{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}@media (width>=1024px){.teacher-navbar__menu-button{display:none}}@media (width<=640px){.teacher-navbar{padding:0 1rem}.teacher-navbar__user-info,.teacher-navbar__role-badge,.teacher-navbar__logout-button span{display:none}}.teacher-sidebar__overlay{z-index:45;-webkit-backdrop-filter:blur(3px);background:#0f172a73;animation:.2s teacher-sidebar-fade-in;position:fixed;inset:0}.teacher-sidebar{color:#1e293b;background:#fff;border-right:1px solid #e8edf5;flex-direction:column;flex-shrink:0;width:290px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:4px 0 20px #0f172a05}.teacher-sidebar__mobile-header{border-bottom:1px solid #e5e7eb;justify-content:flex-end;align-items:center;height:64px;padding:0 1rem;display:flex}.teacher-sidebar__close-button{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:flex}.teacher-sidebar__close-button:hover{color:#0f172a;background:#f1f5f9}.teacher-sidebar__navigation{flex:1;padding:1.5rem .75rem;overflow-y:auto}.teacher-sidebar__navigation::-webkit-scrollbar{width:4px}.teacher-sidebar__navigation::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.teacher-sidebar__section-title{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem;padding:0 .75rem;font-size:.7rem;font-weight:700}.teacher-sidebar__nav-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.teacher-sidebar__nav-item{margin:0}.teacher-sidebar__nav-link{color:#64748b;border:1px solid #0000;border-radius:12px;align-items:center;gap:.75rem;min-height:46px;padding:.65rem .8rem;font-size:.84rem;font-weight:650;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex;position:relative}.teacher-sidebar__nav-link:hover{color:#1e293b;background:#f8fafc;border-color:#edf1f7;transform:translate(2px)}.teacher-sidebar__nav-link--active{color:#4f46e5;background:#e0e7ff;font-weight:700}.teacher-sidebar__nav-link--active:hover{background:#c7d2fe}.teacher-sidebar__nav-icon{flex-shrink:0;transition:color .2s}.teacher-sidebar__nav-icon--active{color:#4f46e5}.teacher-sidebar__nav-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.teacher-sidebar__footer{background:#f8fafcb3;border-top:1px solid #e8edf5;flex-shrink:0;padding:1rem 1.25rem}.teacher-sidebar__term-status{align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.teacher-sidebar__status-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 4px #10b98126}.teacher-sidebar__status-text{color:#334155;font-size:.72rem;font-weight:700}.teacher-sidebar__session{color:#94a3b8;padding-left:1rem;font-size:.65rem;font-weight:500}@keyframes teacher-sidebar-fade-in{0%{opacity:0}to{opacity:1}}@media (width>=1024px){.teacher-sidebar{z-index:30;height:calc(100vh - 72px);position:sticky;top:72px;overflow:hidden;transform:none!important}.teacher-sidebar__overlay,.teacher-sidebar__mobile-header{display:none!important}}@media (width<=1023px){.teacher-sidebar{z-index:50;width:min(290px,85vw);height:100vh;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:12px 0 35px #0f172a26}.teacher-sidebar--open{transform:translate(0)}}:root{--teacher-primary:#4f46e5;--teacher-primary-dark:#3730a3;--teacher-primary-light:#e0e7ff;--teacher-bg:#f8fafc;--teacher-surface:#fff;--teacher-border:#e8edf5;--teacher-text:#172033;--teacher-text-secondary:#64748b;--teacher-text-muted:#94a3b8;--teacher-radius-sm:10px;--teacher-radius-md:14px;--teacher-radius-lg:20px}.teacher-layout{width:100%;max-width:100vw;height:100vh;max-height:100vh;color:var(--teacher-text);background:radial-gradient(circle at 100% 0,#4f46e50d,#0000 30%),#f8fafc;flex-direction:column;font-family:DM Sans,sans-serif;display:flex;overflow:hidden}.teacher-layout__container{flex-direction:row;flex:1;width:100%;height:calc(100vh - 72px);min-height:0;display:flex;position:relative;overflow:hidden}.teacher-layout__main{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;padding:2rem 2.25rem;display:flex;overflow:hidden auto}.teacher-layout__main::-webkit-scrollbar{width:8px}.teacher-layout__main::-webkit-scrollbar-track{background:0 0}.teacher-layout__main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.teacher-layout__main::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1024px){.teacher-layout__main{padding:1.5rem}}@media (width<=768px){.teacher-layout__container{height:calc(100vh - 64px)}.teacher-layout__main{padding:1rem}}.teacher-profile-page{flex-direction:column;gap:1.5rem;padding-bottom:2rem;display:flex}.teacher-profile-header h1{color:var(--color-text-main,#0f172a);margin:0;font-size:1.6rem;font-weight:800}.teacher-profile-header p{color:var(--color-text-muted,#64748b);margin-top:.25rem;font-size:.875rem}.teacher-profile-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.teacher-profile-grid{grid-template-columns:1fr}}.teacher-profile-col{flex-direction:column;gap:1.25rem;display:flex}.badge-code{color:#334155;background:#f1f5f9;font-family:monospace;font-weight:600}.badge-role{color:#4338ca;background:#e0e7ff;font-weight:700}@media (width<=640px){.identity-details-grid{grid-template-columns:1fr}}.student-timetable{flex-direction:column;gap:1.5rem;display:flex}.student-timetable__header h1{margin-bottom:.25rem;font-size:1.5rem}.student-timetable__header p{color:var(--color-text-muted);font-size:.875rem}.student-timetable__day-tabs{border-bottom:1px solid var(--color-border);gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.student-timetable__day-button{background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-main);white-space:nowrap;cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.student-timetable__day-button--today{color:var(--color-primary);background:#eff6ff;font-weight:700}.student-timetable__day-button--selected{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm);font-weight:700}.student-timetable__today-badge{color:var(--color-primary);background:#dbeafe;border-radius:999px;padding:.1rem .4rem;font-size:.65rem}.student-timetable__day-button--selected .student-timetable__today-badge{color:#fff;background:#ffffff40}.student-timetable__schedule-title{align-items:center;gap:.5rem;display:flex}.student-timetable__schedule-title h2{font-size:1.1rem}.student-timetable__calendar-icon{color:var(--color-primary)}.student-timetable__empty{color:var(--color-text-muted);text-align:center;padding:3rem 1rem}.student-timetable__empty svg{color:#cbd5e1;margin-bottom:.75rem}.student-timetable__empty div{color:var(--color-text-main);font-size:1.05rem;font-weight:600}.student-timetable__empty p{margin-top:.25rem;font-size:.85rem}.student-timetable__slots{flex-direction:column;gap:1rem;display:flex}.student-timetable__slot{border-radius:var(--radius-md);background:#f8fafc;border:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.student-timetable__slot-main{align-items:center;gap:1.25rem;display:flex}.student-timetable__time-box{min-width:110px;color:var(--color-primary);text-align:center;background:#eff6ff;border-radius:10px;flex-direction:column;align-items:center;padding:.75rem 1rem;display:flex}.student-timetable__time-box span{color:#60a5fa;text-transform:uppercase;font-size:.75rem}.student-timetable__time-box strong{font-size:.95rem}.student-timetable__class-info h3{color:var(--color-text-main);margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.student-timetable__class-meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:1rem;font-size:.85rem;display:flex}.student-timetable__class-meta div{align-items:center;gap:.3rem;display:flex}.student-timetable__offline-status{color:#059669;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}@media (width<=768px){.student-timetable__slot-main{flex-direction:column;align-items:flex-start}.student-timetable__time-box{align-items:flex-start;width:100%}.student-timetable__slot-action{width:100%}.student-timetable__slot-action .btn{justify-content:center;width:100%}}.student-materials{flex-direction:column;gap:1.5rem;display:flex}.student-materials__header h1{margin-bottom:.25rem;font-size:1.5rem}.student-materials__header p{color:var(--color-text-muted);font-size:.875rem}.student-materials__filters-card{padding:1rem 1.25rem}.student-materials__filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.student-materials__search{flex:1;min-width:260px;position:relative}.student-materials__search-icon{color:var(--color-text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.student-materials__search input{border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;width:100%;padding:.6rem 1rem .6rem 2.5rem;font-size:.875rem}.student-materials__search input:focus{border-color:var(--color-primary)}.student-materials__type-filters{flex-wrap:wrap;gap:.4rem;display:flex}.student-materials__filter-button{padding:.45rem .85rem;font-size:.8rem}.student-materials__list{flex-direction:column;gap:1rem;display:flex}.student-materials__item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.student-materials__content{flex:1;align-items:flex-start;gap:1rem;min-width:280px;display:flex}.student-materials__icon-box{background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.student-materials__file-icon--pdf{color:#ef4444}.student-materials__file-icon--video{color:#3b82f6}.student-materials__file-icon--link{color:#10b981}.student-materials__file-icon--default{color:#64748b}.student-materials__badges{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.student-materials__details h3{margin-bottom:.3rem;font-size:1.05rem;font-weight:700}.student-materials__description{color:var(--color-text-muted);font-size:.85rem;line-height:1.5}.student-materials__meta{color:var(--color-text-muted);flex-wrap:wrap;gap:.4rem;margin-top:.5rem;font-size:.75rem;display:flex}.student-materials__action{padding:.5rem 1rem;font-size:.85rem}@media (width<=768px){.student-materials__search{min-width:100%}.student-materials__item{align-items:stretch}.student-materials__action{justify-content:center;width:100%}}.student-tests{flex-direction:column;gap:1.5rem;display:flex}.student-tests__header h1{margin-bottom:.25rem;font-size:1.5rem}.student-tests__header p{color:var(--color-text-muted);font-size:.875rem}.student-tests__list{flex-direction:column;gap:1.25rem;display:flex}.student-tests__item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.student-tests__content{flex:1;align-items:flex-start;gap:1.25rem;min-width:300px;display:flex}.student-tests__icon-box{width:52px;height:52px;color:var(--color-primary);background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.student-tests__icon-box--completed{color:#059669;background:#ecfdf5}.student-tests__badges{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.student-tests__status-badge{align-items:center;gap:.25rem;display:inline-flex}.student-tests__details h2{margin-bottom:.35rem;font-size:1.2rem;font-weight:700}.student-tests__description{color:var(--color-text-muted);margin-bottom:.75rem;font-size:.875rem;line-height:1.5}.student-tests__info{color:var(--color-text-muted);flex-wrap:wrap;gap:1.25rem;font-size:.8rem;display:flex}.student-tests__info div{align-items:center;gap:.3rem;display:flex}.student-tests__action{padding:.75rem 1.5rem;font-size:.9rem}@media (width<=768px){.student-tests__item{align-items:stretch}.student-tests__content{min-width:100%}.student-tests__action{justify-content:center;width:100%}}.student-results{flex-direction:column;gap:1.5rem;display:flex}.student-results__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.student-results__header h1{margin-bottom:.25rem;font-size:1.5rem}.student-results__header p{color:var(--color-text-muted);font-size:.875rem}.student-results__back-button{gap:.4rem;font-size:.85rem}.student-results__scorecard{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);grid-template-columns:2fr 1fr;gap:1.5rem;padding:2rem;display:grid}.student-results__official-badge{color:#fff;background:#ffffff26;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.8rem;display:inline-flex}.student-results__scorecard-info h2{color:#fff;margin-bottom:.5rem;font-size:1.4rem}.student-results__student-info{color:#dbeafe;flex-wrap:wrap;gap:1.25rem;font-size:.85rem;display:flex}.student-results__student-info strong{color:#fff;margin-left:.25rem}.student-results__scorecard-stats{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.student-results__highlight-card{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;padding:1rem 1.25rem}.student-results__highlight-label{color:#bfdbfe;text-transform:uppercase;font-size:.75rem}.student-results__highlight-value{color:#fff;justify-content:center;align-items:center;gap:.25rem;margin-top:.2rem;font-size:1.75rem;font-weight:800;display:flex}.student-results__highlight-value svg{color:#fbbf24}.student-results__total-marks{color:#93c5fd;font-size:.9rem}.student-results__metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.student-results__metric{padding:1.25rem}.student-results__metric-label{color:var(--color-text-muted);margin-bottom:.25rem;font-size:.8rem;font-weight:600}.student-results__metric-value{font-size:1.75rem;font-weight:800}.student-results__metric-value--primary{color:var(--color-primary)}.student-results__metric-value--purple{color:#8b5cf6}.student-results__metric-value--success{color:var(--color-success)}.student-results__metric-value--danger{color:var(--color-danger)}.student-results__metric-description{color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem}.student-results__metric-description--success{color:var(--color-success)}.student-results__metric-description--danger{color:#dc2626}.student-results__review-title{align-items:center;gap:.5rem;display:flex}.student-results__review-title svg{color:var(--color-primary)}.student-results__review-title h3{font-size:1.1rem}.student-results__questions{flex-direction:column;gap:1.25rem;display:flex}.student-results__question{border-radius:var(--radius-md);background:#f8fafc;border:1px solid #e2e8f0;padding:1.25rem}.student-results__question-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.student-results__answer-status{align-items:center;gap:.25rem;display:inline-flex}.student-results__question-text{color:var(--color-text-main);margin-bottom:1rem;font-size:.95rem;font-weight:600}.student-results__options{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.student-results__option{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .85rem;font-size:.85rem;display:flex}.student-results__option--correct{background:#dcfce7;border-color:#86efac}.student-results__option--wrong{background:#fee2e2;border-color:#fca5a5}.student-results__option-status{flex-shrink:0;font-size:.75rem;font-weight:700}.student-results__option-status--correct{color:#15803d}.student-results__option-status--wrong{color:#b91c1c}.student-results__explanation{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:.75rem 1rem;font-size:.85rem}.student-results__explanation strong{color:#1e40af}.student-results__explanation p{color:#1e3a8a;margin-top:.25rem;line-height:1.5}@media (width<=1024px){.student-results__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.student-results__scorecard{grid-template-columns:1fr}.student-results__scorecard-stats{justify-content:flex-start}}@media (width<=640px){.student-results__metrics{grid-template-columns:1fr}.student-results__scorecard{padding:1.25rem}.student-results__scorecard-stats{flex-direction:column;width:100%}.student-results__highlight-card{width:100%}.student-results__option{flex-direction:column;align-items:flex-start}.student-results__back-button{justify-content:center;width:100%}}.student-notifications{flex-direction:column;gap:1.5rem;display:flex}.student-notifications__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.student-notifications__header h1{margin-bottom:.25rem;font-size:1.5rem}.student-notifications__header p{color:var(--color-text-muted);font-size:.875rem}.student-notifications__mark-all{gap:.4rem;font-size:.85rem}.student-notifications__filters-card{padding:.75rem 1rem}.student-notifications__filters{flex-wrap:wrap;gap:.5rem;display:flex}.student-notifications__filter-button{padding:.4rem .85rem;font-size:.8rem}.student-notifications__list{flex-direction:column;gap:1rem;display:flex}.student-notifications__item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.student-notifications__item--read{background:var(--color-surface);border-left:1px solid var(--color-border)}.student-notifications__item--unread{border-left:4px solid var(--color-primary);background:#f8fafc}.student-notifications__content{flex:1;align-items:flex-start;gap:1rem;min-width:280px;display:flex}.student-notifications__icon-box{background:#f1f5f9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.student-notifications__icon--test{color:#3b82f6}.student-notifications__icon--result{color:#8b5cf6}.student-notifications__icon--fee{color:#10b981}.student-notifications__icon--timetable{color:#f59e0b}.student-notifications__icon--default{color:#6366f1}.student-notifications__meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.student-notifications__new-badge{font-size:.65rem}.student-notifications__date{color:var(--color-text-muted);font-size:.75rem}.student-notifications__details h3{margin-bottom:.3rem;font-size:1.05rem;font-weight:700}.student-notifications__details p{color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.student-notifications__actions{align-items:center;gap:.75rem;display:flex}.student-notifications__details-button{gap:.3rem;padding:.45rem .85rem;font-size:.8rem}.student-notifications__read-button{padding:.45rem .75rem;font-size:.8rem}@media (width<=768px){.student-notifications__actions{width:100%}.student-notifications__details-button{flex:1;justify-content:center}}.student-profile-page{flex-direction:column;gap:1.5rem;padding-bottom:2rem;display:flex}.student-profile-header h1{color:var(--color-text-main,#0f172a);margin:0;font-size:1.6rem;font-weight:800}.student-profile-header p{color:var(--color-text-muted,#64748b);margin-top:.25rem;font-size:.875rem}.student-profile-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.student-profile-grid{grid-template-columns:1fr}}.student-profile-col{flex-direction:column;gap:1.25rem;display:flex}.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.identity-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.identity-avatar{color:#2563eb;background:#eff6ff;border:2px solid #bfdbfe;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:800;display:flex}.identity-info h2{color:#0f172a;margin:0 0 .35rem;font-size:1.25rem;font-weight:700}.identity-badge-row{align-items:center;gap:.5rem;display:flex}.badge-admission{color:#334155;background:#f1f5f9;font-family:monospace;font-weight:600}.badge-status{color:#15803d;background:#dcfce7;font-weight:700}.identity-details-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=640px){.identity-details-grid{grid-template-columns:1fr}}.detail-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:flex-start;gap:.6rem;padding:.75rem .85rem;display:flex}.detail-icon{color:#2563eb;flex-shrink:0;margin-top:2px}.detail-item label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:.72rem;font-weight:700;display:block}.detail-item span{color:#1e293b;word-break:break-all;font-size:.85rem;font-weight:600}.detail-item .code-text{color:#0369a1;background:#e0f2fe;border-radius:4px;padding:.15rem .4rem;font-family:monospace}.card-title{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.card-title h3{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.card-subtitle{color:#64748b;margin:0 0 1.25rem;font-size:.82rem}.batches-list{flex-direction:column;gap:.65rem;margin-top:.75rem;display:flex}.batch-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem 1rem}.batch-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.course-name{color:#2563eb;font-size:.875rem;font-weight:700}.batch-code{color:#334155;background:#e2e8f0;border-radius:4px;padding:.15rem .45rem;font-family:monospace;font-size:.72rem;font-weight:700}.batch-details{color:#475569;gap:1rem;font-size:.8rem;display:flex}.alert{border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600;display:flex}.alert-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.password-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-group label{color:#334155;font-size:.8rem;font-weight:600}.input-input-wrapper{align-items:center;display:flex;position:relative}.field-icon{color:#94a3b8;position:absolute;left:10px}.input-input-wrapper input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.6rem 2.25rem;font-size:.85rem;transition:border-color .15s}.input-input-wrapper input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:8px}.password-rules{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:.75rem 1rem}.rules-title{color:#475569;margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:block}.password-rules ul{color:#94a3b8;margin:0;padding-left:1.2rem;font-size:.75rem}.password-rules li.rule-met{color:#16a34a;font-weight:600}.btn-submit-password{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-top:.5rem;padding:.7rem 1.25rem;font-size:.875rem;font-weight:700;transition:background-color .15s}.btn-submit-password:hover:not(:disabled){background:#1d4ed8}.btn-submit-password:disabled{opacity:.6;cursor:not-allowed}.empty-box{text-align:center;color:#94a3b8;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:1.5rem;font-size:.85rem}.loading-text{color:#64748b;font-size:.85rem}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.left-0{left:0}.left-3{left:.75rem}.right-3{right:.75rem}.top-1\/2{top:50%}.top-2\.5{top:.625rem}.top-3{top:.75rem}.z-50{z-index:50}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1\.5{margin-left:.375rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.max-h-48{max-height:12rem}.min-h-screen{min-height:100vh}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.min-w-\[640px\]{min-width:640px}.max-w-5xl{max-width:64rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:1s linear infinite spin}.cursor-pointer{cursor:pointer}.select-all{-webkit-user-select:all;user-select:all}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg,16px)}.rounded-md{border-radius:var(--radius-md,10px)}.rounded-xl{border-radius:.75rem}.rounded-b-2xl{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-dashed{border-style:dashed}.border-amber-500\/40{border-color:#f59e0b66}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-emerald-500\/30{border-color:#10b9814d}.border-emerald-500\/40{border-color:#10b98166}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-indigo-100{--tw-border-opacity:1;border-color:rgb(224 231 255/var(--tw-border-opacity,1))}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.border-indigo-500\/20{border-color:#6366f133}.border-indigo-500\/30{border-color:#6366f14d}.border-indigo-500\/40{border-color:#6366f166}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-rose-200{--tw-border-opacity:1;border-color:rgb(254 205 211/var(--tw-border-opacity,1))}.border-rose-500\/30{border-color:#f43f5e4d}.border-rose-500\/40{border-color:#f43f5e66}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:#0000}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-amber-600{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.bg-amber-950\/70{background-color:#451a03b3}.bg-amber-950\/80{background-color:#451a03cc}.bg-black\/40{background-color:#0006}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-emerald-300{--tw-bg-opacity:1;background-color:rgb(110 231 183/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-500\/20{background-color:#10b98133}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-emerald-950\/60{background-color:#022c2299}.bg-emerald-950\/70{background-color:#022c22b3}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-50\/50{background-color:#f9fafb80}.bg-gray-50\/60{background-color:#f9fafb99}.bg-gray-50\/70{background-color:#f9fafbb3}.bg-gray-50\/80{background-color:#f9fafbcc}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-indigo-50\/30{background-color:#eef2ff4d}.bg-indigo-50\/40{background-color:#eef2ff66}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.bg-indigo-500\/10{background-color:#6366f11a}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-indigo-600\/20{background-color:#4f46e533}.bg-indigo-700\/50{background-color:#4338ca80}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}.bg-rose-500\/20{background-color:#f43f5e33}.bg-rose-950\/70{background-color:#4c0519b3}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-900\/90{background-color:#0f172ae6}.bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:#fff3}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:#f9fafb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);--tw-gradient-to:#4f46e500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-50{--tw-gradient-from:#f8fafc var(--tw-gradient-from-position);--tw-gradient-to:#f8fafc00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-indigo-50\/40{--tw-gradient-to:#eef2ff66 var(--tw-gradient-to-position)}.to-indigo-800{--tw-gradient-to:#3730a3 var(--tw-gradient-to-position)}.to-slate-200{--tw-gradient-to:#e2e8f0 var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-3\.5{padding-left:.875rem}.pl-4{padding-left:1rem}.pl-9{padding-left:2.25rem}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-3\.5{padding-right:.875rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter,system-ui,-apple-system,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-amber-200{--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.text-amber-200\/90{color:#fde68ae6}.text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-amber-300\/80{color:#fcd34dcc}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-indigo-100{--tw-text-opacity:1;color:rgb(224 231 255/var(--tw-text-opacity,1))}.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-800{--tw-text-opacity:1;color:rgb(107 33 168/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-rose-200{--tw-text-opacity:1;color:rgb(254 205 211/var(--tw-text-opacity,1))}.text-rose-300{--tw-text-opacity:1;color:rgb(253 164 175/var(--tw-text-opacity,1))}.text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-rose-800{--tw-text-opacity:1;color:rgb(159 18 57/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.placeholder-slate-400::placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184/var(--tw-placeholder-opacity,1))}.placeholder-slate-500::placeholder{--tw-placeholder-opacity:1;color:rgb(100 116 139/var(--tw-placeholder-opacity,1))}.accent-indigo-600{accent-color:#4f46e5}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-blue-600\/20{--tw-shadow-color:#2563eb33;--tw-shadow:var(--tw-shadow-colored)}.shadow-blue-600\/30{--tw-shadow-color:#2563eb4d;--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-100{--tw-shadow-color:#d1fae5;--tw-shadow:var(--tw-shadow-colored)}.shadow-indigo-100{--tw-shadow-color:#e0e7ff;--tw-shadow:var(--tw-shadow-colored)}.shadow-indigo-600\/30{--tw-shadow-color:#4f46e54d;--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}:root{--font-family:"Inter", system-ui, -apple-system, sans-serif;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-light:#eff6ff;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-bg:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-sidebar:#0f172a;--color-sidebar-text:#94a3b8;--color-sidebar-active:#3b82f6;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-container{min-height:100vh;display:flex}.main-content{background-color:var(--color-bg);flex-direction:column;flex:1;min-width:0;display:flex}.page-body{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 2rem 3rem}h1,h2,h3,h4,h5,h6{color:var(--color-text-main);letter-spacing:-.02em;font-weight:700}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .2s}.card:hover{box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#15803d;background:#dcfce7}.badge-primary{color:#1d4ed8;background:#dbeafe}.badge-warning{color:#b45309;background:#fef3c7}.badge-danger{color:#b91c1c;background:#fee2e2}.badge-gray{color:#475569;background:#f1f5f9}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-outline{border-color:var(--color-border);color:var(--color-text-main);background:0 0}.btn-outline:hover{background:#f1f5f9}.btn-danger{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.btn-danger:hover{background:#fecaca}.grid-cols-1{grid-template-columns:1fr;gap:1.5rem;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.page-body{padding:1rem}}@media (width<=640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}.table-container{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.data-table th{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:#f8fafc;padding:.75rem 1rem;font-weight:600}.data-table td{border-bottom:1px solid #f1f5f9;padding:.875rem 1rem}.data-table tr:hover td{background-color:#f8fafc}.hover\:border-gray-200:hover{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.hover\:bg-amber-500:hover{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-50\/60:hover{background-color:#f9fafb99}.hover\:bg-indigo-100:hover{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.hover\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.hover\:bg-indigo-500:hover{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.hover\:bg-rose-50:hover{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-emerald-700:hover{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-indigo-600:hover{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.hover\:text-indigo-800:hover{--tw-text-opacity:1;color:rgb(55 48 163/var(--tw-text-opacity,1))}.hover\:text-rose-600:hover{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.hover\:text-rose-700:hover{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.hover\:text-slate-200:hover{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.hover\:text-slate-800:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow:hover{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:border-transparent:focus{border-color:#0000}.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=640px){.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:w-full{width:100%}.sm\:max-w-md{max-width:28rem}.sm\:max-w-xl{max-width:36rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (width>=768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:w-80{width:20rem}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}}@media (width>=1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}