:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}html,body,#root{min-height:100%}body{background:#f5f7fb;margin:0}#root{text-align:left;box-sizing:border-box;width:100%;max-width:none;margin:0}html{background:#f8fafc}@media (width<=700px){html,body{background:#f8fafc;min-height:100%}body{margin:0}#root{background:#f8fafc;min-height:100vh}}.mobile-header{display:none}.mobile-menu-button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;width:42px;height:42px;font-size:26px;line-height:1}.mobile-menu-button:hover,.mobile-menu-button:focus-visible{background:#0f172a14;outline:none}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{color:#1f2937;background:#f8fafc}button,input,select,textarea{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:inherit}input,select,textarea{color:#1f2937;background:#fff}input::placeholder,textarea::placeholder{color:#64748b;opacity:1}.form-group{gap:8px;display:grid}.form-group label{color:#334155;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.app{width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{color:#fff;background:#0f2a43;flex-direction:column;flex-shrink:0;gap:15px;width:250px;height:100vh;padding:30px 20px;display:flex;position:relative;overflow-y:auto}.sidebar h2{margin-bottom:20px;font-size:24px}.sidebar-user{background:#d97706;border-radius:6px;flex-direction:column;gap:3px;padding:10px 12px;font-size:13px;display:flex}.sidebar-user span{color:#cbd5e1}.sidebar-signout{margin-top:auto}.sidebar button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:12px;font-size:17px;transition:all .3s}.sidebar button:hover,.sidebar button.active{background:#d97706}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#d97706;border-radius:10px}.content{background:#f8fafc;flex:1;min-width:0;padding:40px;overflow:hidden auto}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#fff;border-radius:14px;width:min(100%,420px);padding:32px;box-shadow:0 4px 12px #0f172a12}.auth-card h1{letter-spacing:normal;color:#0f2a43;margin:0 0 12px;font-size:32px;line-height:1.15}.auth-card p{color:#64748b;margin-bottom:20px}.auth-card form{gap:10px;display:grid}.auth-card input{border:1px solid #cbd5e1;border-radius:8px;margin-bottom:8px;padding:11px 12px}.auth-error{color:#b91c1c!important}.page{width:100%;padding:30px}.page h1{color:#0f2a43;margin-bottom:25px;font-size:32px}.page-card{background:#fff;border-radius:14px;padding:25px;box-shadow:0 4px 12px #0f172a12}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:15px;transition:all .3s}.primary-btn{color:#fff;background:#0f2a43}.secondary-btn{color:#1f2937;background:#e2e8f0}.secondary-btn:hover{background:#cbd5e1}.dashboard-page{width:100%;padding:30px}.dashboard-page h1{color:#0f172a;margin-bottom:25px;font-size:32px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:35px;display:grid}.stat-card{background:#fff;border-radius:14px;min-width:0;padding:25px;transition:all .3s;box-shadow:0 6px 18px #0f172a12}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{color:#64748b;margin-bottom:12px;font-size:15px}.stat-card h2{overflow-wrap:anywhere;min-width:0;font-size:30px}.dashboard-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-bottom:25px;display:grid}.table-section{background:#fff;border-radius:14px;min-width:0;padding:25px;overflow:hidden;box-shadow:0 6px 18px #0f172a12}.table-section h2{margin-bottom:20px}.section-heading,.section-heading>div{min-width:0}.attendance-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.attendance-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:0;padding:18px 16px;overflow:hidden}.attendance-box span{color:#64748b;margin-bottom:10px;font-size:15px;display:block}.attendance-box strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:26px;display:block;overflow:hidden}.attendance-box strong[data-money],.attendance-box strong{overflow-wrap:anywhere;word-break:normal}table{border-collapse:collapse;width:100%}th{text-align:left;color:#64748b;background:#f1f5f9;padding:15px;font-weight:600}td{color:#64748b;border-bottom:1px solid #e2e8f0;padding:15px}tr:hover{background:#f8fafc}.table-controls{flex-wrap:wrap;align-items:center;gap:15px;margin:25px 0;display:flex}.search-input{color:#1f2937;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;min-width:300px;padding:12px 16px;font-size:15px;transition:all .2s}.search-input:focus{border-color:#d97706;box-shadow:0 0 0 2px #2563eb1a}.search-input::placeholder{color:#6b7280}.filter-select{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;min-width:170px;padding:12px 14px;font-size:15px}.filter-select:focus{border-color:#d97706}.status-active,.status-paid{color:#15803d;font-weight:600}.status-inactive{color:#b91c1c;font-weight:600}.status-pending{color:#b45309;font-weight:600}.attendance-page{width:100%;padding:30px}.attendance-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.attendance-controls{flex-wrap:wrap;gap:15px;margin-bottom:25px;display:flex}.attendance-table{background:#fff;border-radius:14px;width:100%;overflow-x:auto;box-shadow:0 4px 12px #0f172a12}.attendance-table table{min-width:800px}.attendance-present{color:#15803d;font-weight:600}.attendance-absent{color:#b91c1c;font-weight:600}.attendance-late{color:#b45309;font-weight:600}.attendance-percentage{color:#0f2a43;font-weight:700}.percentage-good{color:#15803d}.percentage-warning{color:#b45309}.percentage-danger{color:#b91c1c}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-section-grid{grid-template-columns:1fr}}@media (width<=1000px){.content{padding:25px}}@media (width<=700px){body{overflow-x:visible}.app{flex-direction:column;height:auto;min-height:100dvh;overflow:visible}.mobile-header{color:#fff;z-index:210;background:#0f2a43;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 15px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0f172a1f}.mobile-header strong{letter-spacing:.1px;font-size:20px}.mobile-menu-button{color:#fff}.mobile-menu-button:hover,.mobile-menu-button:focus-visible{background:#ffffff1f}.mobile-nav-backdrop{z-index:199;cursor:default;background:#0f172a6b;border:0;width:100%;height:100dvh;margin:0;padding:0;display:block;position:fixed;inset:0}.sidebar{z-index:200;width:100%;height:100dvh;max-height:none;box-shadow:none;flex-flow:column;gap:8px;padding:78px 14px 18px;display:none;position:fixed;inset:0;overflow-y:auto}.sidebar.mobile-open{display:flex}.sidebar h2{width:auto;margin-bottom:2px;font-size:22px}.sidebar-user{width:100%;margin-bottom:4px}.sidebar button{width:100%;padding:12px 13px;font-size:15px}.sidebar-signout{margin-top:4px}.content{width:100%;min-height:0;padding:79px 15px 15px;overflow:visible}.stats-grid{grid-template-columns:1fr}.page,.dashboard-page{min-width:0;max-width:100%;padding:15px 0;overflow-x:hidden}.page-card{-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;overflow:auto hidden}.page-card>table{width:100%;min-width:620px}.table-controls{flex-direction:column;align-items:stretch}.search-input{width:100%;min-width:0;max-width:100%}.filter-select{width:100%}.attendance-summary{grid-template-columns:1fr}.table-section{padding:18px}}.receipts-page{min-width:0}.receipt-list-card{min-width:0;overflow:hidden}.receipt-list-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;max-width:100%;overflow:auto hidden}.receipt-list-wrapper table{width:100%;min-width:900px}.receipt-list-wrapper th,.receipt-list-wrapper td{white-space:nowrap}.receipt-list-wrapper td:last-child{min-width:145px}.receipt-screen{width:100%}.receipt-actions{justify-content:center;gap:10px;margin-bottom:25px;display:flex}.thermal-receipt{color:#000;background:#fff;border:1px solid #cbd5e1;width:80mm;max-width:100%;margin:0 auto;padding:8mm 5mm;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.35}.receipt-header{text-align:center}.receipt-header h1{color:#000;margin:0 0 4px;font-size:20px}.receipt-header p{letter-spacing:.5px;color:#000;margin:0;font-size:10px;font-weight:700}.receipt-divider{border-top:1px dashed #000;margin:10px 0}.receipt-meta,.receipt-info{flex-direction:column;gap:6px;display:flex}.receipt-meta>div,.receipt-info>div,.receipt-received{justify-content:space-between;gap:12px;display:flex}.receipt-meta span,.receipt-info span,.receipt-received span{font-weight:400}.receipt-meta strong,.receipt-info strong,.receipt-received strong{text-align:right;font-weight:700}.receipt-items{width:100%}.receipt-item{justify-content:space-between;gap:12px;padding:4px 0;display:flex}.receipt-item span:last-child{text-align:right;white-space:nowrap}.receipt-item-heading{border-bottom:1px solid #000;padding-bottom:5px;font-weight:700}.receipt-total{justify-content:space-between;align-items:center;font-size:15px;font-weight:700;display:flex}.receipt-total strong{font-size:17px}.receipt-status{text-align:center;letter-spacing:.5px;margin-top:8px;font-weight:700}.receipt-received{margin-top:8px}.receipt-thanks{text-align:center;margin-top:18px;font-weight:700}@media print{body{background:#fff}.sidebar,.receipt-actions{display:none!important}.app,.content,.receipt-screen{width:100%;min-height:auto;margin:0;padding:0;display:block;overflow:visible}.thermal-receipt{width:80mm;max-width:80mm;box-shadow:none;border:none}}.fee-account-page{min-width:0}.fee-account-actions{justify-content:flex-end;margin-bottom:16px;display:flex}.fee-account-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.assign-fee-modal-content{-webkit-overflow-scrolling:touch;max-height:min(82vh,760px);overflow-y:auto}@media (width<=700px){.fee-account-page{padding-top:6px}.fee-account-header{z-index:80;background:#f8fafc;margin-bottom:8px;padding:8px 0 12px;position:sticky;top:0}.fee-account-header .page-header{margin-bottom:10px}.fee-account-header .page-header>div{min-width:0}.fee-account-header .page-header h1{font-size:26px}.fee-account-header .page-header>button{white-space:nowrap;flex-shrink:0}.fee-account-tabs{z-index:79;background:#f8fafc;padding-bottom:4px;position:sticky;top:72px;margin-bottom:14px!important}.fee-account-tabs button{padding:10px 14px!important;font-size:14px!important}.fee-account-table-wrapper table{min-width:900px}.assign-fee-modal-content{max-height:86vh;margin:12px;width:calc(100vw - 24px)!important;max-width:none!important}.assign-fee-modal-content form{padding-bottom:8px}.assign-fee-modal-content .form-row{grid-template-columns:1fr!important;gap:0!important}.assign-fee-modal-content .modal-header{z-index:2;background:#fff;position:sticky;top:0}}.modal-overlay{z-index:1000;background:#0f172a6b;justify-content:center;align-items:flex-start;padding:28px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:#fff;border-radius:14px;width:min(650px,100%);margin:0 auto;padding:24px;box-shadow:0 20px 50px #0f172a38}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.modal-close{color:#334155;cursor:pointer;background:#f1f5f9;border:0;border-radius:8px;flex-shrink:0;width:38px;height:38px;font-size:22px;line-height:1}.modal-close:hover{background:#e2e8f0}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}@media (width<=700px){.modal-overlay{align-items:flex-start;padding:12px}.modal-card{border-radius:12px;width:100%;max-height:calc(100vh - 24px);padding:18px;overflow-y:auto}.modal-header{margin-bottom:18px}.modal-actions{background:#fff;padding-top:12px;position:sticky;bottom:0}.page{padding:18px 0}.page-header{flex-wrap:wrap;align-items:flex-start;gap:12px}.page-header>div{flex:220px;min-width:0}.page-header>button{flex:none}.table-section{overflow:hidden}.table-section>table{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.fee-accounts-table-wrapper,.fee-structures-table-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;overflow-x:auto}.fee-accounts-table-wrapper table,.fee-structures-table-wrapper table{min-width:900px}.fee-structures-table-wrapper td:last-child,.fee-structures-table-wrapper th:last-child{min-width:130px}.fee-items-editor{-webkit-overflow-scrolling:touch;overflow-x:auto}.fee-item-row{min-width:520px}.assign-fee-modal-content{width:100%;max-width:none;margin:0}}.fee-structure-mobile-cell{color:#1f2937;width:100%;border-bottom:0!important;padding:0!important;display:block!important}.fee-structure-mobile-summary{color:#1f2937;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 16px;display:flex}.fee-structure-mobile-summary:hover{background:#f8fafc}.fee-structure-mobile-summary>span:first-child{gap:5px;min-width:0;display:grid}.fee-structure-mobile-summary strong{color:#0f172a;font-size:17px}.fee-structure-mobile-summary small{color:#64748b;font-size:13px;line-height:1.35}.fee-structure-chevron{color:#0f2a43;background:#eff6ff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:22px;font-weight:700;display:grid}.fee-structure-mobile-details{padding:0 16px 18px;display:block!important}.fee-structure-mobile-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:12px;padding:16px;display:grid}.fee-structure-mobile-grid>div{justify-content:space-between;gap:20px;display:flex}.fee-structure-mobile-grid>div>span:first-child{color:#64748b;font-size:13px}.fee-structure-mobile-grid>div>strong{text-align:right;color:#0f172a}.fee-structure-mobile-items{display:block!important}.fee-structure-mobile-items>span{color:#64748b;margin-bottom:8px;font-size:13px;display:block}.fee-structure-mobile-items>div{border-bottom:1px solid #e2e8f0;justify-content:space-between;gap:14px;padding:7px 0;display:flex}.fee-structure-mobile-items>div:last-child{border-bottom:0}.fee-structure-mobile-actions{gap:8px;padding-top:4px;justify-content:flex-end!important;display:flex!important}.fee-structures-table-wrapper{overflow:visible}.fee-structures-table-wrapper table{width:100%;min-width:0}.fee-structures-table-wrapper thead{display:none}.fee-structures-table-wrapper tbody,.fee-structures-table-wrapper tr{width:100%;display:block}.fee-structures-table-wrapper tr{border-bottom:1px solid #e2e8f0}.fee-structures-table-wrapper tr>td:not(.fee-structure-mobile-cell){display:none}@media (width<=700px){.fee-structure-mobile-summary{padding:18px 4px}.fee-structure-mobile-details{padding:0 4px 18px}.fee-structure-mobile-grid{padding:14px}}.fee-structure-details{border-bottom:1px solid #e2e8f0;width:100%}.fee-structure-summary{color:#1f2937;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 16px;list-style:none;display:flex}.fee-structure-summary::-webkit-details-marker{display:none}.fee-structure-summary:hover{background:#f8fafc}.fee-structure-summary>span:first-child{gap:5px;min-width:0;display:grid}.fee-structure-summary strong{color:#0f172a;font-size:17px}.fee-structure-summary small{color:#64748b;font-size:13px;line-height:1.35}.fee-structure-details-panel{padding:0 16px 18px}.fee-structure-details[open] .fee-structure-chevron{font-size:0}.fee-structure-details[open] .fee-structure-chevron:after{content:"−";font-size:22px}@media (width<=700px){.fee-structure-summary{padding:18px 4px}.fee-structure-details-panel{padding:0 4px 18px}}.auth-switch{text-align:center;margin-top:18px!important;margin-bottom:0!important}.link-btn{color:#0f2a43;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.link-btn:hover{color:#d97706}.auth-success{color:#15803d!important}.settings-page{color:#0f172a;width:100%;max-width:1180px;margin:0 auto;padding:30px}.settings-header{margin-bottom:24px}.settings-header h1{color:#0f172a;margin:0 0 8px;font-size:32px;line-height:1.15}.settings-header p{color:#64748b;margin:0;font-size:16px}.settings-success,.settings-error{box-sizing:border-box;border-radius:10px;width:100%;margin:0 0 18px;padding:12px 14px;font-size:14px;line-height:1.45}.settings-success{color:#166534;background:#ecfdf5;border:1px solid #a7f3d0}.settings-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.settings-navigation{z-index:10;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;gap:6px;width:100%;margin-bottom:20px;padding:8px;display:flex;position:sticky;top:12px;box-shadow:0 4px 16px #0f172a14}.settings-navigation a{border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:8px 13px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;color:#334155!important;background:0 0!important;text-decoration:none!important}.settings-navigation a:hover,.settings-navigation a:focus-visible{outline:none;color:#0f2a43!important;background:#eff6ff!important}.settings-section{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;margin-bottom:20px;padding:24px;scroll-margin-top:90px;box-shadow:0 4px 14px #0f172a0d}.settings-section-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.settings-section-header h2{color:#0f172a;margin:0 0 5px;font-size:22px;line-height:1.25}.settings-section-header p{color:#64748b;margin:0;font-size:14px;line-height:1.5}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;min-width:0;padding:14px 16px;display:flex}.settings-item span{color:#64748b;font-size:13px;font-weight:500}.settings-item strong{color:#0f172a;overflow-wrap:anywhere;min-width:0;font-size:15px;line-height:1.4}.settings-item small{color:#64748b;margin-top:2px;font-size:12px;line-height:1.45;display:block}.settings-small-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px!important}.settings-form{width:100%}.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-field{flex-direction:column;gap:7px;min-width:0;display:flex}.settings-field label{color:#334155;font-size:14px;font-weight:600}.settings-field input,.settings-field select,.settings-field textarea{box-sizing:border-box;color:#0f172a;width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:11px 12px}.settings-field textarea{resize:vertical;min-height:100px}.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{border-color:#d97706;box-shadow:0 0 0 3px #2563eb1a}.settings-form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.settings-section button{font:inherit}.settings-section table{width:100%}.settings-section .staff-accounts-table,.settings-section .settings-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (width<=700px){.settings-page{max-width:none;padding:18px 0}.settings-header{margin-bottom:18px}.settings-header h1{font-size:28px}.settings-header p{font-size:15px}.settings-navigation{scrollbar-width:none;flex-wrap:nowrap;gap:5px;margin-bottom:14px;padding:6px;position:sticky;top:6px;overflow-x:auto}.settings-navigation::-webkit-scrollbar{display:none}.settings-navigation a{flex:none;min-height:36px;padding:7px 11px;font-size:13px}.settings-section{border-radius:12px;margin-bottom:14px;padding:17px}.settings-section-header{margin-bottom:14px}.settings-section-header h2{font-size:20px}.settings-grid,.settings-form-grid{grid-template-columns:1fr;gap:10px}.settings-item{padding:12px 13px}.settings-form-actions{flex-direction:column}.settings-form-actions button{width:100%}}.student-name-link{color:#0f2a43;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.student-name-link:hover,.student-name-link:focus-visible{color:#d97706;outline:none;text-decoration:underline}.student-contact-modal{max-width:720px}.student-contact-modal .modal-header p{color:#64748b;margin:5px 0 0;font-size:14px}.student-contact-section{margin-top:20px}.student-contact-section h3{color:#0f172a;margin:0 0 10px;font-size:16px}.student-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.student-contact-grid>div,.student-contact-grid>label{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;gap:6px;min-width:0;padding:12px 13px;display:flex}.student-contact-grid span{color:#64748b;font-size:12px;font-weight:600}.student-contact-grid strong{color:#0f172a;overflow-wrap:anywhere;font-size:14px;line-height:1.4}.student-contact-grid input,.student-contact-grid textarea{box-sizing:border-box;color:#0f172a;width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none;padding:10px 11px}.student-contact-grid textarea{resize:vertical;min-height:76px}.student-contact-grid input:focus,.student-contact-grid textarea:focus{border-color:#d97706;box-shadow:0 0 0 3px #2563eb1a}.student-contact-field-full{grid-column:1/-1}.student-contact-edit-note{color:#64748b;margin:-4px 0 12px;font-size:13px;line-height:1.45}@media (width<=700px){.student-contact-modal{width:100%}.student-contact-grid{grid-template-columns:1fr}}:root{--meka-navy:#0f2a43;--meka-gold:#d97706;--meka-bg:#f8fafc;--meka-card:#fff;--meka-text:#0f172a;--meka-muted:#64748b;--meka-border:#e5e7eb}body,.content{background:var(--meka-bg);color:var(--meka-text)}.sidebar{background:var(--meka-navy)}.sidebar-user,.sidebar button:hover,.sidebar button.active{background:var(--meka-gold)}.sidebar::-webkit-scrollbar-track{background:var(--meka-navy)}.sidebar::-webkit-scrollbar-thumb{background:var(--meka-gold)}.mobile-header,.primary-btn{background:var(--meka-navy)}.primary-btn:hover{background:var(--meka-gold)}.page h1,.auth-card h1{color:var(--meka-navy)}.search-input:focus,.filter-select:focus,.student-contact-grid input:focus,.student-contact-grid textarea:focus{border-color:var(--meka-gold)}.dashboard-page h1{color:var(--meka-text)}.stat-card,.table-section,.page-card{background:var(--meka-card)}@media (width<=700px){.mobile-header,.sidebar{background:var(--meka-navy)}.sidebar button:hover,.sidebar button.active{background:var(--meka-gold)}}.mobile-brand{align-items:center;gap:10px;min-width:0;display:flex}.mobile-brand strong{white-space:nowrap}.meka-logo-mark{color:#fff;letter-spacing:-1px;background:#d97706;border:2px solid #d97706;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:19px;font-weight:800;line-height:1;display:grid}@media (width<=700px){.sidebar h2{display:none}}.sidebar-developer-credit{text-align:center;color:#ffffffa6;letter-spacing:.02em;flex:none;margin-top:0;padding:12px 8px 4px;font-size:11px;line-height:1.35}.sidebar-developer-credit span{display:block}.sidebar-developer-credit strong{color:#d97706;letter-spacing:.04em;margin-top:2px;font-size:13px;display:block}