:root{--color-primary: #5B8DD6;--color-primary-accent: #8BB3E3;--color-primary-surface: #E8F0FA;--color-primary-surface-muted: #b5d4f0;--color-primary-dark: #3D6BA8;--color-primary-darker: #2d4f7a;--color-primary-light: #8BB3E3;--color-secondary: #475569;--color-secondary-light: #94A3B8;--color-secondary-dark: #334155;--color-success: #10b981;--color-success-light: #34d399;--color-success-dark: #059669;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #ef4444;--color-error-light: #f87171;--color-error-dark: #dc2626;--color-info: #0ea5e9;--color-info-light: #7dd3fc;--color-info-dark: #0284c7;--color-whatsapp: #25d366;--bg-default: #f1f5f9;--bg-paper: #ffffff;--bg-secondary: #f8fafc;--text-primary: #0f172a;--text-secondary: #64748b;--text-disabled: #94a3b8;--border-color: #e2e8f0;--border-color-hover: #cbd5e1;--border-color-primary: rgba(91, 141, 214, .1);--border-color-primary-hover: rgba(91, 141, 214, .3);--divider-color: #e2e8f0;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-primary: 0 20px 25px -5px rgba(91, 141, 214, .12), 0 10px 10px -5px rgba(91, 141, 214, .08);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--transition-slower: .4s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-default);color:var(--text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-base);height:100%}#root{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*:focus{outline:2px solid var(--color-primary);outline-offset:2px}*:focus:not(:focus-visible){outline:none}*{transition:all var(--transition-base)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-default, #f1f5f9);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color-hover, #cbd5e1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary-light, #94a3b8)}*{scrollbar-width:thin;scrollbar-color:var(--border-color-hover, #cbd5e1) var(--bg-default, #f1f5f9)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-down{animation:slideDown .3s ease-out}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-left{animation:slideInLeft .3s ease-out}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-right{animation:slideInRight .3s ease-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating{animation:float 6s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating{animation:rotate 8s linear infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pulsing{animation:pulse 2s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.gradient-shift{background-size:200% 200%;animation:gradientShift 3s ease infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:bounce 1s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.shake{animation:shake .5s ease-in-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.scale-in{animation:scaleIn .3s ease-out}.app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.app-body{display:flex;flex:1;min-height:0;overflow:hidden}.app-header-slot{flex-shrink:0;z-index:var(--z-fixed)}.app-header{width:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);box-shadow:var(--shadow-md);flex-shrink:0}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-md)}.header-left{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.header-center{flex:1;min-width:0}.header-right{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.app-sidebar{width:280px;flex-shrink:0;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;background:var(--bg-paper);border-right:1px solid var(--divider-color)}.app-sidebar--collapsed{width:0;overflow:hidden;border-right:none}.sidebar-nav{padding:var(--spacing-md)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--spacing-xs)}.sidebar-nav-item:hover{background-color:#5b8dd61a}.sidebar-nav-item.active{background-color:#5b8dd626;color:var(--color-primary);font-weight:var(--font-weight-semibold)}.main-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-default)}.page-content-header{flex-shrink:0;z-index:2}.content-header.page-content-header .leftside-content-header,.content-header.page-content-header .rightside-content-header{display:flex;align-items:center}.content-header.page-content-header .breadcrumbs li{list-style:none}.content-header.page-content-header .rightside-content-header .MuiIconButton-root{color:#fff;background-color:#ffffff1f;border-color:#ffffff59}.content-header.page-content-header .rightside-content-header .MuiIconButton-root:hover{background-color:#ffffff38}.content-header.page-content-header .rightside-content-header .MuiIconButton-root.Mui-disabled{color:#fff6;background-color:#ffffff0f}.content-header.page-content-header .rightside-content-header .page-header-action-btn{color:#fff;border-color:#ffffff80;background-color:#ffffff1f;text-transform:none}.content-header.page-content-header .rightside-content-header .page-header-action-btn:hover{border-color:#ffffffb3;background-color:#ffffff38}.content-header.page-content-header .rightside-content-header .page-header-action-btn.Mui-disabled{color:#fff6;border-color:#ffffff40}.main-content-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-lg)}.content-wrapper{max-width:1400px;margin:0 auto}.page-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--divider-color)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.page-subtitle{font-size:var(--font-size-base);color:var(--text-secondary)}.card-container{background:var(--bg-paper);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--divider-color);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.card-content{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--divider-color);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md)}@media (max-width: 768px){.app-sidebar{display:none}.main-content-scroll{padding:var(--spacing-md)}.header-content{padding:var(--spacing-sm) var(--spacing-md)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:10px 24px;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;border:none;transition:all var(--transition-base);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,#2D4F7A 100%);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:var(--bg-paper);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-color-hover)}.card{background:linear-gradient(145deg,var(--bg-paper) 0%,var(--bg-secondary) 100%);border-radius:var(--radius-xl);box-shadow:none;border:1px solid var(--border-color);transition:all var(--transition-slower);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);opacity:0;transition:opacity var(--transition-base)}.card:hover{box-shadow:var(--shadow-primary);transform:translateY(-4px) scale(1.01);border-color:var(--border-color-hover)}.card:hover:before{opacity:1}.stat-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--bg-paper);border:1px solid var(--border-color);transition:all var(--transition-base);cursor:pointer}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-color-hover)}.stat-card-title{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.stat-card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.stat-card-trend{font-size:var(--font-size-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.form-input{width:100%;padding:10px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-base);background:var(--bg-paper)}.form-input:hover{border-color:var(--color-primary)}.form-input:focus{outline:none;border-color:var(--color-primary);border-width:2px;box-shadow:0 0 0 3px #5b8dd61a}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.badge-success{background-color:#10b9811a;color:var(--color-success-dark)}.badge-warning{background-color:#f59e0b1a;color:var(--color-warning-dark)}.badge-error{background-color:#ef44441a;color:var(--color-error-dark)}.badge-info{background-color:#5b8dd61a;color:var(--color-primary-dark)}.chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.chip-clickable{cursor:pointer;transition:all var(--transition-base)}.chip-clickable:hover{background:var(--color-primary-light);color:#fff;border-color:var(--color-primary)}.spinner{border:3px solid rgba(91,141,214,.1);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.spinner-lg{width:60px;height:60px;border-width:4px}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.empty-state-icon{font-size:64px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);color:var(--text-primary)}.empty-state-description{font-size:var(--font-size-base);color:var(--text-secondary)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.dashboard-section{margin-bottom:var(--spacing-xl)}.dashboard-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:var(--spacing-lg)}.login-card{width:100%;max-width:450px;background:var(--bg-paper);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);padding:var(--spacing-xl)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.login-subtitle{font-size:var(--font-size-base);color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.schools-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.schools-filters{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.school-card{transition:all var(--transition-base)}.school-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.whatsapp-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--divider-color);gap:var(--spacing-md)}.whatsapp-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.whatsapp-content{padding:var(--spacing-lg)}.message-composer{margin-bottom:var(--spacing-lg)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--bg-secondary);padding:var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom:2px solid var(--divider-color)}.data-table td{padding:var(--spacing-md);border-bottom:1px solid var(--divider-color)}.data-table tr:hover{background:var(--bg-secondary)}@media (max-width: 768px){.data-table{display:block;overflow-x:auto;white-space:nowrap}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.m-6{margin:var(--spacing-2xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mt-6{margin-top:var(--spacing-2xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mb-6{margin-bottom:var(--spacing-2xl)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-xs)}.ml-2{margin-left:var(--spacing-sm)}.ml-3{margin-left:var(--spacing-md)}.ml-4{margin-left:var(--spacing-lg)}.ml-5{margin-left:var(--spacing-xl)}.ml-6{margin-left:var(--spacing-2xl)}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-xs)}.mr-2{margin-right:var(--spacing-sm)}.mr-3{margin-right:var(--spacing-md)}.mr-4{margin-right:var(--spacing-lg)}.mr-5{margin-right:var(--spacing-xl)}.mr-6{margin-right:var(--spacing-2xl)}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mx-2{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mx-3{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.mx-4{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.mx-5{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.mx-6{margin-left:var(--spacing-2xl);margin-right:var(--spacing-2xl)}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.my-2{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.my-3{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.my-4{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.my-5{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.my-6{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.p-6{padding:var(--spacing-2xl)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-xs)}.pt-2{padding-top:var(--spacing-sm)}.pt-3{padding-top:var(--spacing-md)}.pt-4{padding-top:var(--spacing-lg)}.pt-5{padding-top:var(--spacing-xl)}.pt-6{padding-top:var(--spacing-2xl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-xs)}.pb-2{padding-bottom:var(--spacing-sm)}.pb-3{padding-bottom:var(--spacing-md)}.pb-4{padding-bottom:var(--spacing-lg)}.pb-5{padding-bottom:var(--spacing-xl)}.pb-6{padding-bottom:var(--spacing-2xl)}.pl-0{padding-left:0}.pl-1{padding-left:var(--spacing-xs)}.pl-2{padding-left:var(--spacing-sm)}.pl-3{padding-left:var(--spacing-md)}.pl-4{padding-left:var(--spacing-lg)}.pl-5{padding-left:var(--spacing-xl)}.pl-6{padding-left:var(--spacing-2xl)}.pr-0{padding-right:0}.pr-1{padding-right:var(--spacing-xs)}.pr-2{padding-right:var(--spacing-sm)}.pr-3{padding-right:var(--spacing-md)}.pr-4{padding-right:var(--spacing-lg)}.pr-5{padding-right:var(--spacing-xl)}.pr-6{padding-right:var(--spacing-2xl)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-2{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-3{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-4{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-5{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.px-6{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-2{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-3{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-4{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-5{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.py-6{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-grid{display:grid}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-stretch{align-items:stretch}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.gap-5{gap:var(--spacing-xl)}.gap-6{gap:var(--spacing-2xl)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.position-static{position:static}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}