:root{--text:#202020;--text-h:#001776;--bg:#f7f8fc;--bg-soft:#d6dbee;--border:#00177624;--code-bg:#d6dbee;--accent:#001776;--accent-bg:#00177614;--accent-border:#00177638;--social-bg:#d6dbee80;--shadow:#0017761a 0 10px 15px -3px, #0017760d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}body{background:var(--bg);color:var(--text);margin:0}:root{--text:#202020;--text-h:#001776;--bg:#f7f8fc;--bg-soft:#d6dbee;--border:#00177624;--accent-bg:#00177614;--shadow:#0017761a 0 10px 15px -3px, #0017760d 0 4px 6px -2px}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{color:var(--text);margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.main-content{background:var(--bg)}.dashboard-page{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:24px 0}.dashboard-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.dashboard-head-left{flex-direction:column;gap:6px;display:flex}.dashboard-head-right{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.dashboard-title{color:var(--text-h);margin:0;font-size:clamp(28px,5vw,52px);font-weight:800}.dashboard-subtitle{color:var(--text);margin:0;font-size:15px}.dashboard-filter{flex-wrap:wrap;gap:10px;display:flex}.dashboard-filter button{border:1px solid var(--border);background:var(--bg-soft);color:var(--text-h);cursor:pointer;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.dashboard-filter button:hover{background:var(--bg);color:var(--text-h)}.dashboard-filter button.active{background:var(--accent);color:#f7f8fc;border-color:#0000;box-shadow:0 8px 20px #00177640}.dashboard-followup-highlight{background:linear-gradient(135deg,#001776,#2f4fb8);border:1px solid #ffffff29;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-width:220px;padding:20px 30px;display:flex;box-shadow:0 14px 30px #00177647}.followup-label{color:#f7f8fce0;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:14px;font-weight:700}.followup-value{color:#fff;font-size:34px;font-weight:800;line-height:1}.dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px;display:grid}.dashboard-table-section{background:var(--bg-soft);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:20px}.dashboard-section-header{margin-bottom:16px}.dashboard-section-header h2{color:var(--text-h);margin:0;font-size:22px}.dashboard-table-wrapper{width:100%;color:var(--text-h);overflow-x:auto}.dashboard-table{border-collapse:collapse;width:100%;min-width:760px;color:var(--text)}.dashboard-table thead tr{background:var(--bg)}.dashboard-table th,.dashboard-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:14px 16px}.dashboard-table th{color:var(--text-h);text-transform:uppercase;letter-spacing:.04em;font-size:14px;font-weight:700}.dashboard-table td{color:var(--text);font-size:15px}.dashboard-table tbody tr:hover{background:var(--accent-bg)}.dashboard-empty{text-align:center;color:var(--text);padding:20px}h4{color:var(--text-h)}@media (width<=768px){.dashboard-page{padding:18px 0}.dashboard-head{flex-direction:column;align-items:stretch;gap:18px;margin-bottom:22px}.dashboard-head-right{align-items:stretch;width:100%}.dashboard-filter{justify-content:flex-start;width:100%}.dashboard-followup-highlight{width:100%;min-width:100%;padding:18px 20px}.followup-value{font-size:30px}.dashboard-stats-grid{gap:16px;margin-bottom:20px}.dashboard-table-section{border-radius:14px;padding:14px}.dashboard-section-header h2{font-size:18px}.dashboard-table th,.dashboard-table td{padding:12px 14px;font-size:14px}}.dashboard-followup-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dashboard-followup-highlight{color:#fff;cursor:pointer;background:linear-gradient(#001776 0%,#2f4fb8 100%);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-width:220px;padding:26px 28px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 18px 40px #0017764d}.dashboard-followup-highlight:hover{transform:translateY(-2px);box-shadow:0 22px 44px #0017765c}.dashboard-followup-highlight.secondary{background:linear-gradient(#2038a0 0%,#001776 100%)}.followup-value{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:48px;font-weight:800;line-height:1;display:flex}.followup-overdue-count{color:#ef4444;cursor:pointer;font-size:24px;font-weight:800;line-height:1;transition:color .2s,transform .2s}.followup-overdue-count:hover{color:#f87171;text-decoration:underline;transform:scale(1.05)}.followup-label{letter-spacing:.08em;text-transform:uppercase;opacity:.95;font-size:15px;font-weight:700}.followup-value{margin-top:10px;font-size:48px;font-weight:800;line-height:1}.followup-modal-overlay{z-index:9999;background:#00177633;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.followup-modal{background:var(--bg);border:1px solid var(--border);border-radius:20px;width:min(1150px,95vw);max-height:85vh;overflow:hidden;box-shadow:0 24px 60px #00177638}.followup-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.followup-modal-header h2{color:var(--text-h);margin:0;font-size:22px;font-weight:700}.followup-modal-header button{color:var(--text-h);cursor:pointer;background:0 0;border:none;font-size:30px}.followup-modal-body{max-height:calc(85vh - 80px);padding:20px;overflow:auto}.followup-table{border-collapse:collapse;width:100%;min-width:900px}.followup-table th,.followup-table td{text-align:left;white-space:nowrap;border-bottom:1px solid var(--border);padding:12px 14px}.followup-table th{color:var(--text-h);text-transform:uppercase;letter-spacing:.05em;font-size:13px}.followup-table td{color:var(--text);font-size:14px}@media (width<=992px){.dashboard-followup-grid{grid-template-columns:1fr}.dashboard-followup-highlight{min-width:unset}}.lead-table-wrapper{border-radius:8px;width:100%;margin-top:20px;overflow-x:auto}.lead-table{border-collapse:collapse;color:#aeb8d0;background-color:#0d111b;border:1px solid #ffffffd9;width:100%;min-width:900px}.lead-table th,.lead-table td{text-align:center;vertical-align:middle;white-space:nowrap;border:1px solid #ffffffd9;padding:18px 22px}.lead-table th{color:#c3cbe0;background-color:#0d111b;font-size:18px;font-weight:700}.lead-table td{font-size:16px;font-weight:400}.clickable-row{cursor:pointer;transition:background-color .2s}.clickable-row:hover{background-color:#151b28}.clickable-row:focus{background-color:#1a2233;outline:none}.clickable-row:focus-visible{outline-offset:-2px;outline:2px solid #60a5fa}@media (width<=768px){.lead-table{min-width:700px}.lead-table th,.lead-table td{padding:14px 16px;font-size:14px}.lead-table th{font-size:16px}}.lead-view-link{color:#c4a7ff;cursor:pointer;font-weight:500;text-decoration:underline}.lead-view-link:hover{color:#dcc8ff}.lead-table-section{background:var(--bg-soft);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:16px}.lead-hero{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.lead-table-wrap{background:var(--bg-soft);border:1px solid var(--border);width:100%;box-shadow:var(--shadow);border-radius:16px;overflow-x:auto}.lead-table{border-collapse:collapse;background:var(--bg);width:100%;min-width:900px;color:var(--text)}.lead-table thead tr{background:var(--bg-soft)}.lead-table th,.lead-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px}.lead-table th{color:var(--text-h);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background-color:#d6dbee;font-size:13px;font-weight:700}.lead-table td{color:var(--text);background:var(--bg);font-size:15px}.lead-table tbody tr:nth-child(2n) td{background:#eef2fb}.lead-table tbody tr:hover td{background:var(--accent-bg);color:var(--text-h)}.lead-message{color:var(--text);margin:0;padding:16px 4px;font-size:15px}.lead-message.error{color:#c62828}.lead-add-btn{background:var(--accent);color:#f7f8fc;cursor:pointer;border:none;border-radius:12px;gap:10px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 10px 24px #0017762e}@media (width<=768px){.lead-page{gap:18px}.lead-title{color:#c62828;font-size:42px}.lead-subtitle{font-size:15px}.lead-description{font-size:14px}.lead-add-btn{color:#f7f8f6;background-color:#001776;width:100%}.lead-toolbar{justify-content:stretch}.lead-search-wrap{max-width:100%}.lead-table-section{background:var(--bg-soft);border-radius:14px;padding:12px}.lead-table-wrap{border-radius:14px}.lead-table th,.lead-table td{padding:12px 14px}}._1mUuW{background:#fff}._bBYU7{border:solid #000}._3b2pY{background:#eb2f06}._3fQ0n{border:solid #fff}._3fNxl{background:#3867d6}._16z_f{border:solid #fff}._CLB6y{background:#05c46b}._O7ihw{border:solid #fff}._-Ua3q{background:#34495e}._28F1u{border:solid #fff}._P6QvD{background:#34495e}._1jvha{border:solid #fff}._1Op28{flex-direction:row;justify-content:space-between;padding:5px 0;display:flex}._1GhOp{align-self:center}._3fmCl{cursor:pointer;border-width:0 2px 2px 0;margin-top:15px;padding:5px;display:inline-block}._1ydFT{margin-left:8px;transform:rotate(135deg)}._1Pw8c{margin-right:8px;transform:rotate(-45deg)}._2aNF9{padding:2px;font-size:16px;line-height:1.5}*{box-sizing:border-box}._2xcMq{color:#000;background-color:#fff;max-width:300px;font-size:16px;line-height:1.35;position:absolute;box-shadow:5px 3px 12px #10245e33;z-index:1000!important}._1oYOS{font-size:16px;line-height:1.5}._d8Qqp{text-align:center;background-color:#fff;display:flex}._1yGdK{flex-basis:14.2857%}._1hh2I{background-color:#fff;flex-wrap:wrap;justify-content:space-between;display:flex}._249_g{text-align:center;flex-basis:42px;padding:10px 7px}._3zttl{padding:10px 21px}._3zVi3:hover,._1plWg:hover{color:#000;background-color:#e6e6e6}._WrIdy{color:#008ffd}._1ImcB,._WrIdy:hover,._1ImcB:hover{color:#fff;background-color:#008ffd}._1EpF_{color:#c3c3c3}._1EpF_:hover{color:#c3c3c3;cursor:not-allowed;background:#e6e6e6;border-radius:50%}._ZCqJx:hover,._3e-oj:hover{color:#000;background-color:#e6e6e6}._3vljT{color:#eb2f06}._3VNRW{color:#fff;background-color:#eb2f06}._3vljT:hover,._3VNRW:hover{color:#fff;background-color:#c23616}._2wmIR:hover,._3EzT1:hover{color:#000;background-color:#e6e6e6}._3gFNc{color:#3867d6}._2nANS{color:#fff;background-color:#3867d6}._3gFNc:hover,._2nANS:hover{color:#fff;background-color:#00487c}._3xYsN:hover,._2_YcJ:hover{color:#000;background-color:#e6e6e6}._3SPPg{color:#05c46b}._3sNLR{color:#fff;background-color:#05c46b}._3SPPg:hover,._3sNLR:hover{color:#fff;background-color:#0be881}._2eP5_:hover,._24Vzw:hover{color:#000;background-color:#e6e6e6}._162w5{color:#34495e}._hp0wX{color:#fff;background-color:#34495e}._162w5:hover,._hp0wX:hover{color:#fff;background-color:#2c3e50}._3EEI2,._39dGG{color:#fff}._3Rbbx{background-color:#34495e}._2ssp5{color:#fff;background-color:#34495e}._3EEI2:hover,._39dGG:hover{color:#fff;background-color:#2c3e50}._31Ucq{color:#fff;background-color:#1c3f61}._3KUO-,._31Ucq:hover,._3KUO-:hover{color:#fff;background-color:#2c3e50}._3NEDk{background-color:#2c3e50}._24nn5{color:#c3c3c3}._24nn5:hover{color:#c3c3c3;cursor:not-allowed;border-radius:50%;background:#34495e!important}._249_g:hover,._3zttl:hover{cursor:pointer}._1oebL,._FsLy_{border-radius:50%}._1oebL:hover,._FsLy_:hover{cursor:pointer}._3_2T4{color:#c3c3c3}._3_2T4:hover{color:#c3c3c3;cursor:not-allowed;background:#e6e6e6;border-radius:50%}.lead-form{max-width:1100px;margin:0 auto;padding:24px}.lead-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.lead-form-grid input,.lead-form-grid select,.lead-form-textareas textarea{color:#fff;background:#2b2b2b;border:1px solid #555;border-radius:8px;width:100%;padding:12px 14px;font-size:14px}.lead-form-grid input::placeholder,.lead-form-textareas textarea::placeholder{color:#bdbdbd}.lead-form-textareas{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px;display:grid}.lead-form-textareas textarea{resize:vertical;min-height:120px}.lead-form-actions{justify-content:center;margin-top:24px;display:flex}.lead-form-actions button{color:#fff;cursor:pointer;background:#60a5fa;border:none;border-radius:8px;padding:12px 24px;font-size:16px}.lead-form-actions button:hover{background:#60a5fa}.lead-nepali-date{color:#fff;box-sizing:border-box;background:#ffffff1f;border:1px solid #ffffff24;border-radius:12px;outline:none;width:100%;min-height:44px;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.lead-nepali-date::placeholder{color:#ffffff94}.lead-nepali-date:hover{background:#ffffff24;border-color:#fff3}.lead-nepali-date:focus,.lead-nepali-date:focus-visible{background:#ffffff29;border-color:#6ea8ff;box-shadow:0 0 0 3px #6ea8ff33}.lead-nepali-calendar,.lead-nepali-calendar *{box-sizing:border-box}.lead-nepali-calendar{color:#fff;background:#2f2f32;border:1px solid #ffffff24;border-radius:16px;min-width:300px;overflow:hidden;box-shadow:0 18px 40px #00000059}.lead-nepali-calendar .calendar-header,.lead-nepali-calendar .header,.lead-nepali-calendar .picker-header-container{color:#2d2b2b;background:#3a3a3e;border-bottom:1px solid #ffffff14;padding:12px 14px}.lead-nepali-calendar select,.lead-nepali-calendar .month-select,.lead-nepali-calendar .year-select{color:#302e2e;background:#47474c;border:1px solid #ffffff24;border-radius:10px;outline:none;padding:6px 10px}.lead-nepali-calendar button,.lead-nepali-calendar .prev-btn,.lead-nepali-calendar .next-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:10px;transition:background .2s,color .2s}.lead-nepali-calendar button:hover,.lead-nepali-calendar .prev-btn:hover,.lead-nepali-calendar .next-btn:hover{background:#ffffff1a}.lead-nepali-calendar .week-days,.lead-nepali-calendar .days-header{color:#ffffffb8;font-size:13px}.lead-nepali-calendar .day,.lead-nepali-calendar .daybutton,.lead-nepali-calendar .daynormal,.lead-nepali-calendar td{color:#fff;border-radius:10px;transition:background .2s,color .2s,transform .15s}.lead-nepali-calendar .day:hover,.lead-nepali-calendar .daybutton:hover,.lead-nepali-calendar .daynormal:hover,.lead-nepali-calendar td:hover{color:#fff;background:#6ea8ff2e}.lead-nepali-calendar .selected,.lead-nepali-calendar .dayselected,.lead-nepali-calendar .active{color:#fff;background:#6ea8ff;font-weight:600}.lead-nepali-calendar .today{color:#cfe0ff;border:1px solid #6ea8ff}.lead-nepali-calendar .disabled,.lead-nepali-calendar .muted,.lead-nepali-calendar [aria-disabled=true]{color:#ffffff47;cursor:not-allowed;pointer-events:none}.lead-nepali-calendar .calendar-footer,.lead-nepali-calendar .footer{background:#343438;border-top:1px solid #ffffff14}.lead-nepali-calendar .calendar-footer button,.lead-nepali-calendar .footer button{color:#8ab4ff;font-weight:500}.lead-nepali-calendar .calendar-footer button:hover,.lead-nepali-calendar .footer button:hover{background:#8ab4ff1f}@media (width<=768px){.lead-nepali-calendar{min-width:100%}.lead-nepali-date{min-height:42px;font-size:14px}}.create-lead-page{background:var(--bg);width:100%;color:var(--text);flex-direction:column;gap:24px;padding:8px 0 0;display:flex}.create-lead-hero{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.create-lead-title{color:var(--text-h);margin:0;font-size:clamp(42px,6vw,64px);font-weight:800;line-height:1}.create-lead-subtitle{color:var(--text);margin:0;font-size:16px}.create-lead-description{max-width:760px;color:var(--text);opacity:.8;margin:4px 0 0;font-size:15px;line-height:1.7}.create-lead-form-wrap{width:100%}@media (width<=768px){.create-lead-page{gap:18px}.create-lead-title{font-size:42px}.create-lead-subtitle{font-size:15px}.create-lead-description{font-size:14px}}.tutor-page{background:var(--bg);width:100%;color:var(--text);flex-direction:column;gap:24px;padding:8px 0 0;display:flex}.tutor-hero{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.tutor-title{color:var(--text-h);margin:0;font-size:clamp(42px,6vw,64px);font-weight:800;line-height:1}.tutor-subtitle{color:var(--text);margin:0;font-size:16px}.tutor-description{max-width:720px;color:var(--text);opacity:.8;margin:4px 0 0;font-size:15px;line-height:1.7}.tutor-add-link{margin-top:10px;text-decoration:none}.tutor-add-btn{background:var(--accent);color:#f7f8fc;cursor:pointer;border:none;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 10px 24px #0017762e}.tutor-add-btn:hover{background:#00145f;transform:translateY(-1px);box-shadow:0 14px 28px #00177638}.tutor-table-card{background:var(--bg-soft);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:16px}.tutor-table-wrap{width:100%;overflow-x:auto}.tutor-table{border-collapse:collapse;width:100%;min-width:980px;color:var(--text);background:var(--bg)}.tutor-table thead tr{background:var(--bg-soft)}.tutor-table th,.tutor-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px}.tutor-table th{color:var(--text-h);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:13px;font-weight:700}.tutor-table td{color:var(--text);background:var(--bg);font-size:15px}.tutor-table tbody tr:hover td{background:var(--accent-bg)}.tutor-table td:nth-child(5),.tutor-table td:nth-child(6){min-width:160px}.tutor-table td:last-child,.tutor-table th:last-child{width:140px;min-width:140px}.tutor-empty{text-align:center;color:var(--text);opacity:.75;padding:24px}.tutor-form{flex-direction:column;gap:22px;display:flex}.tutor-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tutor-form-grid input,.tutor-form-grid select{color:#f8fafc;background:#1f2937;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:all .2s}.tutor-form-grid input::placeholder{color:#94a3b8}.tutor-form-grid input:focus,.tutor-form-grid select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.tutor-form-actions{justify-content:center;margin-top:4px;display:flex}.tutor-form-actions button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:14px 30px;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 10px 24px #2563eb47}.tutor-form-actions button:hover{background:#1d4ed8;transform:translateY(-1px)}.tutor-form-actions button:active{background:#1e40af}@media (width<=640px){.tutor-form-grid{grid-template-columns:1fr}.tutor-form-actions button{width:100%}}.tutor-create-page{background:var(--bg);justify-content:center;width:100%;padding:10px 0 30px;display:flex}.tutor-create-card{background:var(--bg-soft);border:1px solid var(--border);width:100%;max-width:900px;box-shadow:var(--shadow);border-radius:20px;padding:28px}.tutor-create-title{text-align:center;color:var(--text-h);margin:0 0 28px;font-size:clamp(34px,6vw,62px);font-weight:800}@media (width<=768px){.tutor-create-card{border-radius:16px;padding:18px}.tutor-create-title{margin-bottom:20px}}.app-layout{background:#020817;min-height:100vh}.main-content{width:100%;min-height:100vh;overflow-x:hidden}.page-content{width:100%;padding:0}.app-sidebar{color:#fff;z-index:1000;background:linear-gradient(#101728 0%,#0b1220 100%);border-right:1px solid #ffffff0f;flex-direction:column;width:250px;height:100vh;padding:20px 16px;transition:transform .3s;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.sidebar-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.sidebar-logo{color:#f8fafc;margin:0;font-size:28px;font-weight:800}.sidebar-close-btn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;width:34px;height:34px;font-size:16px}.sidebar-menu{flex-direction:column;gap:10px;display:flex}.sidebar-link{color:#cbd5e1;border-radius:10px;align-items:center;padding:12px 14px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff0f}.sidebar-link.active{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 20px #2563eb40}.app-header{z-index:900;background:#020817;justify-content:flex-start;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:14px;display:flex}.menu-btn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:inline-flex}.header-title{color:#f8fafc;margin:0;font-size:clamp(24px,3vw,40px);font-weight:800}.payments-page{box-sizing:border-box;background:var(--bg);width:100%;max-width:100%;color:var(--text);margin:0;padding:24px 16px}.payments-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.payments-title{color:var(--text-h);margin:0;font-size:clamp(30px,5vw,54px);font-weight:800}.payments-subtitle{color:var(--text);opacity:.8;margin-top:8px;margin-bottom:0;font-size:15px}.payments-dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px;display:grid}.payment-summary-card{background:var(--bg-soft);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;min-width:0;padding:20px}.payment-summary-card h3{color:var(--text-h);margin:8px 0;font-size:34px;line-height:1}.payment-summary-card span{color:var(--accent);font-size:15px;font-weight:600;display:inline-block}.summary-label{color:var(--text);opacity:.75;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:13px;font-weight:700}.overdue-card{background:#fff1f2;border-color:#ef44442e}.overdue-card span{color:#dc2626}.payments-table-section{background:var(--bg-soft);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:18px;overflow:hidden}.payments-table-wrapper{-webkit-overflow-scrolling:touch;background:var(--bg);border-radius:14px;width:100%;overflow-x:auto}.payments-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1200px;color:var(--text);background:var(--bg)}.payments-table thead tr{background:var(--bg-soft)}.payments-table th,.payments-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px}.payments-table th{color:var(--text-h);text-transform:uppercase;letter-spacing:.05em;z-index:2;background:var(--bg-soft);white-space:nowrap;font-size:13px;font-weight:700;position:sticky;top:0}.payments-table td{color:var(--text);background:var(--bg);white-space:normal;font-size:14px}.payments-table tbody tr:nth-child(2n) td{background:#eef2fb}.payments-table tbody tr:hover td{background:var(--accent-bg)}.payments-message{color:var(--text);padding:18px 0;font-size:15px}.payments-message.error{color:#c62828}.payments-status-select{border:1px solid var(--border);background:var(--bg);min-width:120px;color:var(--text-h);cursor:pointer;border-radius:999px;outline:none;padding:8px 12px;font-size:13px;font-weight:600}.status-select.pending{color:#b45309;radius:10px;background:#f59e0b1f;border-color:#f59e0b47}.status-select.paid{color:#1f7a36;background:#22c55e1f;border-color:#22c55e47}.status-select.overdue{color:#b42318;background:#ef44441f;border-color:#ef444447}.payments-status-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0017761f}.payments-status-select:disabled{opacity:.7;cursor:not-allowed}.activities-page{background:var(--bg);width:100%;color:var(--text);padding:24px}.activities-title{text-align:center;color:var(--text-h);margin:0 0 24px;font-size:clamp(34px,5vw,56px);font-weight:800}.activities-message{text-align:center;color:var(--text);margin:0;padding:16px 4px;font-size:15px}.activities-error{color:#c62828}.activities-table-wrap{background:var(--bg-soft);border:1px solid var(--border);width:100%;box-shadow:var(--shadow);border-radius:16px;overflow-x:auto}.activities-table{border-collapse:collapse;background:var(--bg);width:100%;min-width:900px;color:var(--text)}.activities-table thead tr{background:var(--bg-soft)}.activities-table th,.activities-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px}.activities-table th{color:var(--text-h);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:13px;font-weight:700}.activities-table td{color:var(--text);background:var(--bg);font-size:15px}.activities-table tbody tr:nth-child(2n) td{background:#eef2fb}.activities-table tbody tr:hover td{background:var(--accent-bg);color:var(--text-h)}@media (width<=768px){.activities-page{padding:16px}.activities-title{margin-bottom:20px;font-size:40px}.activities-message{font-size:14px}.activities-table-wrap{border-radius:14px}.activities-table th,.activities-table td{padding:12px 14px}}.reminders-page{width:100%;color:var(--text);background:var(--bg);padding:24px}.reminders-title{text-align:center;color:var(--text-h);margin-bottom:24px;font-size:40px;font-weight:700}.reminders-message{color:var(--text);text-align:center;font-size:16px}.reminders-table{border-collapse:collapse;background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.reminders-table th,.reminders-table td{border:1px solid var(--border);text-align:left;padding:14px 16px}.reminders-table th{background:var(--bg-soft);color:var(--text-h);font-size:15px;font-weight:700}.reminders-table td{background:var(--bg);color:var(--text);font-size:15px}.reminders-table tbody tr:nth-child(2n) td{background:#eef2fb}.reminders-table tbody tr:hover td{background:var(--accent-bg);color:var(--text-h)}