*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif}#root{min-height:100vh}.dashboard-layout{background:#f5f7f9;min-height:100vh;display:flex}.sidebar{color:#fff;box-sizing:border-box;background:#2f3a4a;flex-shrink:0;width:250px;height:100vh;padding:24px 16px;position:sticky;top:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid #ffffff1f;padding:0 12px 28px}.sidebar-logo h2{margin:0;font-size:24px}.sidebar-logo p{color:#a3b1cc;margin:6px 0 0;font-size:12px;line-height:1.5}.sidebar-nav{flex-direction:column;gap:6px;margin-top:24px;display:flex}.sidebar-nav a{color:#d9dee3;border-radius:7px;padding:11px 12px;font-size:14px;text-decoration:none;transition:background .2s,color .2s}.sidebar-nav a:hover{color:#fff;background:#4b6276}.sidebar-nav a.active{color:#fff;background:#80919f}.dashboard-content{flex:1;min-width:0;padding:28px 32px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dashboard-header h1{color:#26313f;align-items:center;gap:10px;margin:0;font-size:24px;display:flex}.dashboard-header p{color:#6b7280;margin:6px 0 0}.dashboard-user{align-items:center;gap:16px;display:flex}.dashboard-user span{color:#26313f;font-size:14px;font-weight:600}.dashboard-user button{color:#fff;cursor:pointer;background:#80919f;border:none;border-radius:7px;padding:9px 16px;font-size:14px}.dashboard-user button:hover{background:#4b6276}.dashboard-overview{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.overview-card{background:#fff;border:1px solid #d9dee3;border-radius:10px;padding:24px}.overview-card h3{color:#26313f;margin:0;font-size:18px}.overview-card p{color:#6b7280;margin:8px 0 0;font-size:14px}.dashboard-loading{color:#6b7280;text-align:center;background:#fff;border:1px solid #d9dee3;border-radius:10px;padding:30px}.dashboard-summary{grid-template-columns:repeat(6,1fr);gap:20px;margin-bottom:20px;display:grid}.dashboard-summary.teacher-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-summary-card{background:#fff;border:1px solid #d9dee3;border-radius:10px;min-width:0;padding:12px}.dashboard-summary-card span{color:#6b7280;font-size:13px;display:block}.dashboard-summary-card strong{color:#26313f;overflow-wrap:anywhere;margin-top:8px;font-size:18px;font-weight:700;display:block}.dashboard-summary-card small{color:#8a94a3;margin-top:6px;font-size:12px;display:block}.dashboard-chart-grid{grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:20px;display:grid}.dashboard-panel{box-sizing:border-box;background:#fff;border:1px solid #d9dee3;border-radius:10px;min-width:0;margin-bottom:20px;padding:22px}.dashboard-chart-grid .dashboard-panel{margin-bottom:0}.dashboard-panel-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.dashboard-panel-header h2{color:#26313f;margin:0;font-size:18px}.dashboard-panel-header p{color:#6b7280;margin:5px 0 0;font-size:13px}.dashboard-chart{width:100%;min-height:280px}.dashboard-pie{width:100%;min-width:0}.dashboard-pie-legend{justify-content:center;gap:22px;margin-top:4px;display:flex}.dashboard-pie-legend>div{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.dashboard-pie-legend strong{color:#26313f;margin-left:2px}.dashboard-legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.dashboard-legend-dot.paid{background:#22c55e}.dashboard-legend-dot.partial{background:#f59e0b}.dashboard-legend-dot.due{background:#ef4444}.dashboard-teacher-chart{width:100%;min-height:300px}.dashboard-two-column{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dashboard-two-column .dashboard-panel{margin-bottom:20px}.dashboard-class-list{flex-direction:column;display:flex}.dashboard-class-item{border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.dashboard-class-item:first-child{padding-top:0}.dashboard-class-item:last-child{border-bottom:none;padding-bottom:0}.dashboard-class-item>div:first-child,.dashboard-class-subject,.dashboard-class-teacher{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.dashboard-class-item strong{color:#26313f;font-size:14px}.dashboard-class-item span,.dashboard-class-item small{color:#6b7280;font-size:12px}.dashboard-class-time{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.dashboard-class-time strong{color:#26313f;font-size:14px}.dashboard-class-time span{color:#8a94a3;margin-top:3px}.dashboard-birthday-wish{color:#fff;cursor:pointer;background:#80919f;border:none;border-radius:6px;padding:7px 13px;font-size:12px}.dashboard-birthday-wish:hover:not(:disabled){background:#4b6276}.dashboard-birthday-wish:disabled{color:#8a94a3;cursor:not-allowed;background:#d9dee3}.dashboard-notification-list{flex-direction:column;display:flex}.dashboard-notification-item{border-bottom:1px solid #edf0f2;padding:14px 0}.dashboard-notification-item:first-child{padding-top:0}.dashboard-notification-item:last-child{border-bottom:none;padding-bottom:0}.dashboard-notification-item strong{color:#26313f;font-size:13px;line-height:1.5;display:block}.dashboard-notification-item p{color:#6b7280;-webkit-box-orient:vertical;margin:5px 0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.dashboard-notification-item small{color:#8a94a3;font-size:11px}.dashboard-empty{color:#8a94a3;text-align:center;padding:30px 10px;font-size:13px}.dashboard-table-wrapper{width:100%;overflow-x:auto}.dashboard-table{border-collapse:collapse;width:100%;min-width:760px}.dashboard-table th{color:#5f6b78;text-align:left;white-space:nowrap;background:#f5f7f9;border-bottom:1px solid #d9dee3;padding:12px 10px;font-size:12px;font-weight:600}.dashboard-table td{color:#5f6b78;white-space:nowrap;border-bottom:1px solid #edf0f2;padding:14px 10px;font-size:13px}.dashboard-table tbody tr:last-child td{border-bottom:none}.dashboard-table td strong{color:#26313f;font-weight:600}.dashboard-payment-method{color:#5f6b78;text-transform:capitalize;background:#f1f3f5;border-radius:5px;padding:4px 8px;font-size:11px;display:inline-block}.dashboard-table-empty{text-align:center;color:#8a94a3!important;padding:30px!important}.sidebar-notification-item{align-items:left;gap:10px;display:flex}.sidebar-notification-badge{width:20px;height:20px;color:inherit;box-sizing:border-box;background:0 0;border:1px solid;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.student-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.student-dashboard-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:20px;display:grid}.student-dashboard-grid .dashboard-panel,.student-schedule-panel{min-width:0}.student-schedule-list{flex-direction:column;display:flex}.student-schedule-item{border-bottom:1px solid #edf0f2;grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) minmax(55px,.7fr) minmax(0,1fr);align-items:center;gap:12px;padding:14px 0;display:grid}.student-schedule-item:first-child{padding-top:0}.student-schedule-item:last-child{border-bottom:none;padding-bottom:0}.student-schedule-column{flex-direction:column;gap:4px;min-width:0;display:flex}.student-schedule-column>span{color:#6b7280;font-size:12px}.student-schedule-column strong{color:#26313f;overflow-wrap:anywhere;font-size:14px;font-weight:600}.student-schedule-column small{color:#8a94a3;font-size:12px}.student-notifications-panel{min-width:0;height:auto;max-height:none;overflow:visible}.student-notifications-panel .dashboard-notification-list{height:auto;max-height:none;overflow:visible}.student-notifications-panel .dashboard-notification-item strong{overflow-wrap:anywhere}.student-notifications-panel .dashboard-notification-item p{white-space:normal;overflow-wrap:anywhere;display:block;overflow:visible}.student-fee-panel,.student-fees-panel{min-width:0}.student-fee-panel .dashboard-table,.student-fees-panel .dashboard-table{min-width:680px}.student-fee-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.student-fee-summary .dashboard-summary-card{min-width:0}.status{text-transform:capitalize;white-space:nowrap;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}@media (width<=1100px){.dashboard-summary{grid-template-columns:repeat(2,1fr)}.dashboard-chart-grid{grid-template-columns:1fr}.dashboard-chart-grid .dashboard-panel{margin-bottom:20px}.dashboard-chart-grid .dashboard-panel:last-child{margin-bottom:0}.dashboard-two-column{grid-template-columns:1fr;gap:0}.student-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.student-dashboard-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.student-schedule-item{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (width<=900px){.sidebar{width:210px}.dashboard-content{padding:24px}.dashboard-overview{grid-template-columns:1fr}.dashboard-summary{grid-template-columns:repeat(2,1fr)}.student-dashboard-grid{grid-template-columns:1fr}.student-schedule-item{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=650px){.dashboard-content{padding:20px 16px}.dashboard-header{align-items:flex-start;gap:15px}.dashboard-header h1{font-size:24px}.dashboard-user{flex-direction:column;align-items:flex-end;gap:8px}.dashboard-summary{grid-template-columns:1fr}.student-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-pie-legend{flex-direction:column;align-items:center;gap:8px}.dashboard-panel{padding:18px}.student-schedule-item{grid-template-columns:repeat(2,minmax(0,1fr))}.student-fee-summary{grid-template-columns:1fr}}.sidebar-support-item{justify-content:flex-start;align-items:center;gap:10px;width:100%;display:flex}.sidebar-support-icon{flex-shrink:0;display:block;position:relative}.sidebar-link-content{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.sidebar-link-content>svg{flex-shrink:0}.sidebar-link-label{flex:1;min-width:0}.sidebar-notification-badge{flex-shrink:0}.dashboard-summary-label{align-items:center;gap:8px;min-width:0;display:flex}.dashboard-summary-label svg{color:#80919f;flex-shrink:0}.dashboard-section-title{align-items:center;gap:9px;display:flex}.dashboard-section-title svg{color:#80919f;flex-shrink:0}.dashboard-logout-button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.login-page{background:#f5f7f9;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:12px;width:100%;max-width:420px;padding:40px;box-shadow:0 8px 30px #00000014}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#26313f;margin:0;font-size:32px}.login-header p{color:#6b7280;margin-top:8px;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:#26313f;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{box-sizing:border-box;border:1px solid #d9dee3;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:15px}.form-group input:focus{border-color:#80919f}.password-field{position:relative}.password-field input{padding-right:45px}.password-toggle{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:16px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-message{color:#dc2626;margin-bottom:16px;font-size:14px}.login-button{color:#fff;cursor:pointer;background:#80919f;border:none;border-radius:8px;width:100%;padding:12px;font-size:15px;font-weight:600}.login-button:hover{background:#4b6276}.forgot-password{justify-content:flex-end;margin-bottom:18px;display:flex}.forgot-password button{color:#4b6276;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.forgot-password button:hover{text-decoration:underline}.forgot-page{background:#f5f7f9;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.forgot-card{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:420px;padding:40px;box-shadow:0 8px 30px #00000014}.forgot-header{text-align:center;margin-bottom:30px}.forgot-header h1{color:#26313f;margin:0;font-size:28px}.forgot-header p{color:#6b7280;margin-top:10px;font-size:14px;line-height:1.6}.forgot-card .form-group{margin-bottom:20px}.forgot-card .form-group label{color:#26313f;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.forgot-card .form-group input{box-sizing:border-box;border:1px solid #d9dee3;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:15px}.forgot-card .form-group input:focus{border-color:#80919f}.forgot-message{margin-bottom:16px;font-size:14px;line-height:1.5}.forgot-message.error{color:#dc2626}.forgot-message.success{color:#15803d}.forgot-button{color:#fff;cursor:pointer;background:#80919f;border:none;border-radius:8px;width:100%;padding:12px;font-size:15px;font-weight:600}.forgot-button:hover{background:#4b6276}.forgot-button:disabled{opacity:.7;cursor:not-allowed}.back-to-login{color:#4b6276;cursor:pointer;background:0 0;border:none;margin:20px auto 0;padding:0;font-size:14px;display:block}.back-to-login:hover{text-decoration:underline}@media (width<=480px){.forgot-card{padding:28px 22px}}.reset-page{background:#f5f7f9;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.reset-card{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:420px;padding:40px;box-shadow:0 8px 30px #00000014}.reset-header{text-align:center;margin-bottom:30px}.reset-header h1{color:#26313f;margin:0;font-size:28px}.reset-header p{color:#6b7280;margin-top:10px;font-size:14px}.reset-card .form-group{margin-bottom:20px}.reset-card .form-group label{color:#26313f;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.reset-password-field{position:relative}.reset-password-field input{box-sizing:border-box;border:1px solid #d9dee3;border-radius:8px;outline:none;width:100%;padding:12px 45px 12px 14px;font-size:15px}.reset-password-field input:focus{border-color:#80919f}.reset-password-toggle{cursor:pointer;color:#6b7280;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.reset-message{margin-bottom:16px;font-size:14px;line-height:1.5}.reset-message.error{color:#dc2626}.reset-message.success{color:#15803d}.reset-button{color:#fff;cursor:pointer;background:#80919f;border:none;border-radius:8px;width:100%;padding:12px;font-size:15px;font-weight:600}.reset-button:hover{background:#4b6276}.reset-button:disabled{opacity:.7;cursor:not-allowed}.reset-back-button{color:#4b6276;cursor:pointer;background:0 0;border:none;margin:20px auto 0;padding:0;font-size:14px;display:block}.reset-back-button:hover{text-decoration:underline}@media (width<=480px){.reset-card{padding:28px 22px}}.page-header p{color:#6b7280;margin:6px 0 0}.primary-button{color:#fff;cursor:pointer;background:#80919f;border:none;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:11px 18px;font-size:14px;font-weight:600;display:inline-flex}.page-message{color:#dc2626;margin-bottom:20px}.student-summary{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.student-summary .summary-card .summary-card-label{white-space:nowrap;text-align:left;align-items:center;gap:12px;width:auto;flex-direction:row!important;display:inline-flex!important}.student-summary .summary-card .summary-card-label svg{color:#80919f;flex:0 0 18px;width:18px;height:18px;margin:0;display:block}.students-card{background:#fff;border:1px solid #d9dee3;border-radius:10px;padding:24px}.students-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.students-card-header h2{color:#26313f;margin:0;font-size:18px}.students-search{align-items:center;gap:8px;min-width:0;display:flex}.students-search>svg{color:#80919f;flex-shrink:0}.search-input{border:1px solid #d9dee3;border-radius:7px;outline:none;width:240px;padding:10px 12px;font-size:14px}.students-search .search-input{min-width:0}.search-input:focus{border-color:#80919f}.student-filters{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}.student-filters select{color:#26313f;background:#fff;border:1px solid #d9dee3;border-radius:7px;outline:none;width:100%;padding:10px 12px;font-size:14px}.student-filters select:focus{border-color:#80919f}.students-table{border-collapse:collapse;width:100%}.students-table th,.students-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px 12px;font-size:14px}.students-table th{color:#6b7280;background:#f5f7f9;font-weight:600}.students-table th svg{vertical-align:middle;color:#80919f;margin-right:5px;display:inline-block}.students-table td{color:#26313f}.students-table tbody tr:hover{background:#f8fafc}.view-button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.empty-message{color:#6b7280;text-align:center;margin:20px 0 0}.status-badge{text-transform:capitalize;border-radius:5px;padding:5px 9px;font-size:12px;font-weight:600;display:inline-block}.status-badge.active{color:#3f6b4d;background:#e8f0eb}.status-badge.paused{color:#806b36;background:#f4efe3}.status-badge.left{color:#7a4a4a;background:#f2e8e8}@media (width<=1100px){.student-summary,.student-filters{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.page-header,.students-card-header{flex-direction:column;align-items:flex-start;gap:16px}.search-input{box-sizing:border-box;width:100%}.primary-button{width:100%}.student-summary,.student-filters{grid-template-columns:1fr}}.admission-form{flex-direction:column;gap:24px;display:flex}.form-section{background:#fff;border:1px solid #d9dee3;border-radius:10px;padding:24px}.form-section h2{color:#26313f;margin:0 0 20px;font-size:18px}.form-section p{color:#6b7280;margin:6px 0 0;font-size:14px}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:#26313f;margin-bottom:8px;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea,.subject-row input,.subject-row select,.discount-row input{box-sizing:border-box;color:#26313f;background:#fff;border:1px solid #d9dee3;border-radius:7px;outline:none;width:100%;padding:11px 12px;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.subject-row input:focus,.subject-row select:focus,.discount-row input:focus{border-color:#80919f}.form-group textarea{resize:vertical}.full-width{margin-top:20px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-heading h2{margin:0}.subject-header,.subject-row{grid-template-columns:1.2fr 1.2fr .8fr 90px;align-items:center;gap:12px;display:grid}.subject-header{margin-bottom:8px;padding:0 4px}.subject-header span{color:#6b7280;font-size:13px;font-weight:600}.subject-row{margin-bottom:12px}.subject-row select:disabled{color:#9ca3af;cursor:not-allowed;background:#f5f7f9}.discount-row{border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:12px;margin-top:20px;padding-top:20px;display:flex}.discount-row label{color:#26313f;font-size:14px;font-weight:600}.discount-row input{width:120px}@media (width<=900px){.form-grid{grid-template-columns:1fr}.subject-header{display:none}.subject-row{grid-template-columns:1fr 1fr}.subject-row input,.subject-row select{width:100%}.remove-button{text-align:left}}@media (width<=700px){.form-section{padding:20px}.section-heading{flex-direction:column;align-items:flex-start;gap:14px}.secondary-button{width:100%}.subject-row{border-bottom:1px solid #e5e7eb;grid-template-columns:1fr;padding-bottom:16px}.discount-row{flex-direction:column;align-items:flex-start}.discount-row input{width:100%}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.student-details-card{background:#fff;border:1px solid #d9dee3;border-radius:10px;margin-bottom:24px;padding:24px}.student-details-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.student-details-header h2{color:#26313f;margin:0;font-size:18px}.student-details-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.details-grid{gap:20px;display:grid;grid-template-columns:repeat(4,1fr)!important}.student-details-card .table-container{overflow-x:auto}.status-management{align-items:flex-end;gap:16px;display:flex}.status-control{flex-direction:column;gap:8px;display:flex}.status-control label{color:#26313f;font-size:14px;font-weight:600}.status-control select{color:#26313f;background:#fff;border:1px solid #d9dee3;border-radius:7px;outline:none;width:220px;padding:11px 12px;font-size:14px}.status-control select:focus{border-color:#80919f}.status-message{color:#3f6b4d;margin:16px 0 0;font-size:14px}.secondary-button{color:#4b6276;cursor:pointer;background:#fff;border:1px solid #80919f;border-radius:7px;padding:9px 14px;font-size:14px;font-weight:600}.secondary-button:hover{background:#f5f7f9}.add-subject-form{background:#f5f7f9;border:1px solid #d9dee3;border-radius:8px;margin-bottom:24px;padding:20px}.add-subject-grid{grid-template-columns:1.2fr 1.2fr .8fr;gap:16px;display:grid}.add-subject-form .form-group{flex-direction:column;display:flex}.add-subject-form .form-group label{color:#26313f;margin-bottom:8px;font-size:14px;font-weight:600}.add-subject-form .form-group select,.add-subject-form .form-group input{box-sizing:border-box;color:#26313f;background:#fff;border:1px solid #d9dee3;border-radius:7px;outline:none;width:100%;padding:11px 12px;font-size:14px}.add-subject-form .form-group select:focus,.add-subject-form .form-group input:focus{border-color:#80919f}.add-subject-form .form-group select:disabled{color:#9ca3af;cursor:not-allowed;background:#f5f7f9}.add-subject-actions{justify-content:flex-end;margin-top:16px;display:flex}.remove-button{color:#7a4a4a;cursor:pointer;background:0 0;border:none;font-size:13px}.remove-button:hover{text-decoration:underline}.remove-button:disabled{color:#9ca3af;cursor:not-allowed;text-decoration:none}@media (width<=900px){.details-grid{grid-template-columns:repeat(2,1fr)}.add-subject-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.student-details-card{padding:20px}.student-details-header{flex-direction:column;align-items:flex-start;gap:14px}.details-grid{grid-template-columns:1fr}.status-management{flex-direction:column;align-items:stretch}.status-control select{width:100%}.add-subject-grid{grid-template-columns:1fr}.add-subject-actions{justify-content:stretch}.add-subject-actions .primary-button,.secondary-button{width:100%}}.teacher-summary{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.teachers-card{background:#fff;border:1px solid #d9dee3;border-radius:10px;padding:24px}.teachers-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-header h1{color:#26313f;align-items:center;gap:10px;margin:0;font-size:24px;display:flex}.teachers-card-header h2{color:#26313f;margin:0;font-size:18px}.teachers-search{align-items:center;gap:8px;min-width:0;display:flex}.teachers-search>svg{color:#80919f;flex-shrink:0}.teachers-search .search-input{min-width:0}.teacher-filters{margin-bottom:20px;display:flex}.teacher-filters select{color:#26313f;background:#fff;border:1px solid #d9dee3;border-radius:7px;outline:none;width:200px;padding:10px 12px;font-size:14px}.teacher-filters select:focus{border-color:#80919f}.teachers-table{border-collapse:collapse;width:100%}.teachers-table th,.teachers-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px 12px;font-size:14px}.teachers-table th{color:#6b7280;background:#f5f7f9;font-weight:600}.teachers-table th svg{vertical-align:middle;color:#80919f;margin-right:5px;display:inline-block}.teachers-table td{color:#26313f}.teachers-table tbody tr:hover{background:#f8fafc}.teacher-summary .summary-card .summary-card-label{white-space:nowrap;text-align:left;align-items:center;gap:12px;width:auto;flex-direction:row!important;display:inline-flex!important}.teacher-summary .summary-card .summary-card-label svg{color:#80919f;flex:0 0 18px;width:18px;height:18px;margin:0;display:block}.status-badge.inactive{color:#7a4a4a;background:#eef0f2}@media (width<=900px){.teacher-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.teacher-summary{grid-template-columns:1fr}.teachers-card-header{flex-direction:column;align-items:stretch;gap:16px}.teacher-filters select{width:100%}}@media (width<=700px){.teacher-form-section{padding:20px}.teacher-form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.teacher-details-card{background:#fff;border:1px solid #d9dee3;border-radius:10px;margin-bottom:24px;padding:24px}.teacher-details-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.teacher-details-header h2{color:#26313f;margin:0;font-size:18px}.teacher-details-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.subject-list{flex-wrap:wrap;gap:12px;display:flex}.subject-item{color:#26313f;background:#f5f7f9;border:1px solid #d9dee3;border-radius:7px;padding:10px 16px;font-size:14px;font-weight:500}.teacher-details-card .table-container{overflow-x:auto}.teacher-details-card .teachers-table{border-collapse:collapse;width:100%}.teacher-details-card .teachers-table th,.teacher-details-card .teachers-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px 12px;font-size:14px}.teacher-details-card .teachers-table th{color:#6b7280;background:#f5f7f9;font-weight:600}.teacher-details-card .teachers-table td{color:#26313f}.teacher-details-card .teachers-table tbody tr:hover{background:#f8fafc}@media (width<=900px){.details-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.teacher-details-card{padding:20px}.teacher-details-header{flex-direction:column;align-items:flex-start;gap:14px}.details-grid{grid-template-columns:1fr}.back-button{width:100%}}.teacher-header-actions{gap:10px;display:flex}@media (width<=700px){.teacher-header-actions{flex-direction:column;width:100%}.teacher-header-actions .back-button{width:100%}}.teacher-form{flex-direction:column;gap:24px;display:flex}.teacher-form-section{background:#fff;border:1px solid #d9dee3;border-radius:10px;padding:24px}.teacher-form-section h2{color:#26313f;margin:0 0 20px;font-size:18px}.form-description{color:#6b7280;margin:-10px 0 20px;font-size:14px}.teacher-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.teacher-form .form-group{flex-direction:column;display:flex}.teacher-form .form-group label{color:#26313f;margin-bottom:8px;font-size:14px;font-weight:600}.teacher-form .form-group input,.teacher-form .form-group select,.teacher-form .form-group textarea{box-sizing:border-box;color:#26313f;background:#fff;border:1px solid #d9dee3;border-radius:7px;outline:none;width:100%;padding:11px 12px;font-size:14px}.teacher-form .form-group input:focus,.teacher-form .form-group select:focus,.teacher-form .form-group textarea:focus{border-color:#80919f}.teacher-form .form-group textarea{resize:vertical}.teacher-form .form-group select[multiple]{min-height:130px}.teacher-form .form-group small{color:#6b7280;margin-top:7px;font-size:12px}.teacher-address{margin-top:20px}@media (width<=700px){.teacher-form-section{padding:20px}.teacher-form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.edit-teacher-message{color:#7a4a4a;margin:0 0 20px;font-size:14px}.subject-summary{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.subjects-card{background:#fff;border:1px solid #d9dee3;border-radius:10px;padding:24px}.subjects-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.subjects-card-header h2{color:#26313f;margin:0;font-size:18px}.subject-filters{margin-bottom:20px;display:flex}.subject-filters select{color:#26313f;background:#fff;border:1px solid #d9dee3;border-radius:7px;outline:none;width:200px;padding:10px 12px;font-size:14px}.subject-filters select:focus{border-color:#80919f}.subjects-table{border-collapse:collapse;width:100%}.subjects-table th,.subjects-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px 12px;font-size:14px}.subjects-table th{color:#6b7280;background:#f5f7f9;font-weight:600}.subjects-table td{color:#26313f}.subjects-table tbody tr:hover{background:#f8fafc}.subjects-table th svg{vertical-align:middle;color:#80919f;margin-right:5px;display:inline-block}.view-button{color:#4b6276;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.view-button:hover{text-decoration:underline}.primary-button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.subject-summary .summary-card .summary-card-label{white-space:nowrap;text-align:left;justify-content:flex-start;align-items:center;gap:12px;width:auto;flex-direction:row!important;display:inline-flex!important}.subject-summary .summary-card .summary-card-label svg{color:#80919f;flex:0 0 18px;width:18px;height:18px;margin:0;display:block}.summary-card strong{color:#26313f;margin-top:0;font-size:18px;font-weight:700;display:block}.subjects-search{align-items:center;gap:8px;min-width:0;display:flex}.subjects-search>svg{color:#80919f;flex-shrink:0}.subjects-search .search-input{min-width:0}@media (width<=900px){.subject-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.subject-summary{grid-template-columns:1fr}.subjects-card-header{flex-direction:column;align-items:stretch;gap:16px}.subjects-search,.subjects-search .search-input,.subject-filters select{width:100%}.subjects-card{padding:16px}}.subject-form .form-group input,.subject-form .form-group textarea{box-sizing:border-box;color:#26313f;background:#fff;border:1px solid #d9dee3;border-radius:7px;outline:none;width:100%;padding:11px 12px;font-size:14px}.subject-form .form-group input:focus,.subject-form .form-group textarea:focus{border-color:#80919f}@media (width<=700px){.subject-form-section{padding:20px}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.subject-details-card{background:#fff;border:1px solid #d9dee3;border-radius:10px;margin-bottom:24px;padding:24px}.subject-details-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.subject-details-header h2{color:#26313f;margin:0;font-size:18px}.subject-details-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.details-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.detail-item{flex-direction:column;gap:6px;display:flex}.detail-item span{color:#6b7280;font-size:13px}.detail-item strong{color:#26313f;font-size:14px;font-weight:600}.detail-description{grid-column:1/-1}.subject-header-actions{gap:10px;display:flex}.subject-details-card .table-container{overflow-x:auto}.subject-details-card .subjects-table{border-collapse:collapse;width:100%}.subject-details-card .subjects-table th,.subject-details-card .subjects-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px 12px;font-size:14px}.subject-details-card .subjects-table th{color:#6b7280;background:#f5f7f9;font-weight:600}.subject-details-card .subjects-table td{color:#26313f}.subject-details-card .subjects-table tbody tr:hover{background:#f8fafc}@media (width<=900px){.details-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.subject-details-card{padding:20px}.subject-details-header{flex-direction:column;align-items:flex-start;gap:14px}.details-grid{grid-template-columns:1fr}.detail-description{grid-column:1}.subject-header-actions{flex-direction:column;width:100%}.subject-header-actions .back-button{width:100%}}.subject-form{flex-direction:column;gap:24px;display:flex}.subject-form-section{background:#fff;border:1px solid #d9dee3;border-radius:10px;padding:24px}.subject-form-section h2{color:#26313f;margin:0 0 20px;font-size:18px}.subject-form .form-group{flex-direction:column;display:flex}.subject-form .form-group label{color:#26313f;margin-bottom:8px;font-size:14px;font-weight:600}.subject-form .form-group input,.subject-form .form-group select,.subject-form .form-group textarea{box-sizing:border-box;color:#26313f;background:#fff;border:1px solid #d9dee3;border-radius:7px;outline:none;width:100%;padding:11px 12px;font-size:14px}.subject-form .form-group input:focus,.subject-form .form-group select:focus,.subject-form .form-group textarea:focus{border-color:#80919f}.subject-form .form-group textarea{resize:vertical}.subject-description{margin-top:20px}.subject-status{width:250px;margin-top:20px}.form-actions{justify-content:flex-end;gap:12px;padding-bottom:10px;display:flex}.cancel-button{color:#26313f;cursor:pointer;background:#fff;border:1px solid #d9dee3;border-radius:7px;padding:11px 18px;font-size:14px;font-weight:600}.cancel-button:hover{background:#f5f7f9}@media (width<=700px){.subject-form-section{padding:20px}.subject-status{width:100%}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.primary-button,.back-button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:11px 18px;font-size:14px;font-weight:600;display:inline-flex}.primary-button{color:#fff;background:#80919f;border:none}.back-button{color:#26313f;background:#fff;border:1px solid #d9dee3}.fee-controls{background:#fff;border:1px solid #d9dee3;border-radius:10px;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;padding:18px 20px;display:flex}.fee-controls>div{flex-direction:column;gap:7px;display:flex}.fee-controls label,.search-box label,.teacher-filter label,.status-filter label{color:#6b7280;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.fee-controls input{color:#26313f;box-sizing:border-box;background:#fff;border:1px solid #d9dee3;border-radius:7px;width:180px;padding:10px 12px;font-size:14px}.fee-controls input:focus,.search-box input:focus,.teacher-filter select:focus,.status-filter select:focus{border-color:#80919f;outline:none}.summary-grid{gap:14px;margin-bottom:20px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))!important}.summary-card{box-sizing:border-box;background:#fff;border:1px solid #d9dee3;border-radius:10px;min-width:0;padding:16px 18px}.summary-card .summary-card-label{color:#6b7280;white-space:nowrap;align-items:center;gap:9px;margin-bottom:6px;font-size:13px;display:inline-flex}.summary-card-label svg{color:#80919f;flex-shrink:0}.summary-card strong{color:#26313f;font-size:20px;font-weight:600;display:block}.collection-value{align-items:center;gap:10px;display:flex}.full-tag{color:#2e7d32;background:#e8f5e9;border-radius:5px;padding:5px 9px;font-size:12px;font-weight:600;display:inline-block}.fees-card{background:#fff;border:1px solid #d9dee3;border-radius:10px;padding:20px}.fees-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.fees-card-header>div{min-width:0}.fees-card-header h2{color:#26313f;align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.fees-card-header h2 svg{color:#80919f;flex-shrink:0}.fees-card-header p{color:#6b7280;margin:4px 0 0;font-size:13px}.fee-count{color:#6b7280;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.fee-filters{align-items:flex-end;gap:15px;margin-bottom:18px;display:flex}.search-box,.teacher-filter,.status-filter{flex-direction:column;gap:7px;min-width:0;display:flex}.search-box label svg,.teacher-filter label svg,.status-filter label svg{color:#80919f;flex-shrink:0}.search-box input,.teacher-filter select,.status-filter select{color:#26313f;box-sizing:border-box;background:#fff;border:1px solid #d9dee3;border-radius:7px;padding:10px 12px;font-size:14px}.teacher-filter select{width:190px}.status-filter select{width:150px}.table-container{overflow-x:auto}.fees-table{table-layout:fixed;border-collapse:collapse;width:100%}.fees-table th:first-child,.fees-table td:first-child{width:10%}.fees-table th:nth-child(2),.fees-table td:nth-child(2){width:9%}.fees-table th:nth-child(3),.fees-table td:nth-child(3){width:12%}.fees-table th:nth-child(4),.fees-table td:nth-child(4){width:10%}.fees-table th:nth-child(5),.fees-table td:nth-child(5){width:12%}.fees-table th:nth-child(6),.fees-table td:nth-child(6),.fees-table th:nth-child(7),.fees-table td:nth-child(7){width:11%}.fees-table th:nth-child(8),.fees-table td:nth-child(8){width:8%}.fees-table th svg{vertical-align:middle;color:#80919f;margin-right:5px;display:inline-block}.fees-table td strong{color:#26313f;font-weight:600;display:block}.clickable-row{cursor:pointer}.empty-state{text-align:center;color:#6b7280;padding:35px 20px;font-size:14px}@media (width<=1100px){.fee-filters{flex-wrap:wrap}}@media (width<=900px){.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.search-box input,.teacher-filter select,.status-filter select{width:100%}}@media (width<=700px){.page-container{padding:20px}.page-header{flex-direction:column;align-items:flex-start;gap:15px}.page-header .back-button{width:100%}.fee-controls{flex-direction:column;align-items:stretch}.fee-controls input,.fee-controls .primary-button{width:100%}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fee-filters{flex-direction:column;align-items:stretch}.search-box input,.teacher-filter select,.status-filter select{width:100%}.fees-card{padding:16px}.fees-card-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=450px){.summary-grid{grid-template-columns:minmax(0,1fr)}.collection-value{flex-wrap:wrap}}.page-container .page-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.title-group{align-items:center;gap:12px;display:flex}.primary-button{color:#fff;cursor:pointer;background:#80919f;border:none;border-radius:7px;padding:11px 18px;font-size:14px;font-weight:600}.primary-button:hover{background:#4b6276}.primary-button:disabled{opacity:.6;cursor:not-allowed}.back-button{color:#26313f;cursor:pointer;background:#fff;border:1px solid #d9dee3;border-radius:7px;padding:11px 18px;font-size:14px;font-weight:600}.back-button:hover{background:#f5f7f9}.student-fee-card{background:#fff;border:1px solid #d9dee3;border-radius:10px;margin-bottom:20px;padding:10px}.student-info-row{align-items:center;gap:40px;display:flex}.student-info-row>div{align-items:center;gap:6px;display:flex}.student-info-row strong{color:#6b7280;font-size:13px}.student-info-row span{color:#26313f;font-size:14px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.summary-card{background:#fff;border:1px solid #d9dee3;border-radius:10px;padding:16px 18px}.summary-card span{color:#6b7280;margin-bottom:6px;font-size:13px;display:block}.summary-card strong{color:#26313f;font-size:20px;font-weight:600}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.student-fee-card h2{color:#677280;margin:0;font-size:18px}.card-header p{color:#6b7280;margin:4px 0 0;font-size:13px}.fees-table{border-collapse:collapse;width:100%;overflow:hidden}.fees-table th,.fees-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:12px;font-size:14px}.fees-table th{color:#6b7280;background:#f5f7f9;font-weight:600}.fees-table td{color:#26313f}.fees-table tbody tr:hover{background:#f8fafc}.status{text-transform:capitalize;border-radius:5px;padding:5px 9px;font-size:12px;font-weight:600;display:inline-block}.status.paid{color:#2e7d32;background:#e8f5e9}.status.due{color:#ef6c00;background:#fff3e0}.status.partial{color:#3949ab;background:#e8eaf6}.fee-message{color:#26313f;background:#fff;border:1px solid #d9dee3;border-radius:7px;margin-bottom:18px;padding:11px 16px;font-size:14px}.payment-card{background:#fff;border:1px solid #d9dee3;border-radius:10px;padding:20px}.payment-card h2{color:#26313f;margin:0 0 18px;font-size:18px}.payment-card form{align-items:flex-end;gap:15px;display:flex}.payment-card form>div{flex-direction:column;gap:7px;display:flex}.payment-card label{color:#6b7280;font-size:13px;font-weight:600}.payment-card input,.payment-card select{color:#26313f;box-sizing:border-box;background:#fff;border:1px solid #d9dee3;border-radius:7px;width:220px;padding:10px 12px;font-size:14px}.payment-card input:focus,.payment-card select:focus{border-color:#80919f;outline:none}.payment-card button{color:#fff;cursor:pointer;background:#80919f;border:none;border-radius:7px;padding:11px 18px;font-size:14px;font-weight:600}.payment-card button:hover{background:#4b6276}.payment-card button:disabled{opacity:.6;cursor:not-allowed}.loading{text-align:center;color:#6b7280;padding:30px;font-size:14px}@media (width<=1100px){.fees-table{display:block;overflow-x:auto}}@media (width<=900px){.summary-grid{grid-template-columns:repeat(2,1fr)}.payment-card form{flex-wrap:wrap;align-items:stretch}}@media (width<=600px){.page-container{padding:20px}.page-header{flex-direction:column;align-items:flex-start;gap:15px}.page-header button{width:100%}.summary-grid{grid-template-columns:1fr}.payment-card form{flex-direction:column;align-items:stretch}.payment-card input,.payment-card select,.payment-card button{width:100%}}.receipt-button{color:#fff;cursor:pointer;white-space:nowrap;background:#80919f;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500}.receipt-button:hover{background:#4b6276}.page-container{box-sizing:border-box;background:#f5f7f9;min-height:100vh;padding:30px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{color:#26313f;margin:0;font-size:24px}.page-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.back-button,.view-button{color:#26313f;cursor:pointer;background:#fff;border:1px solid #d9dee3;border-radius:7px;justify-content:center;align-items:center;gap:7px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.back-button{padding:11px 18px;font-size:14px}.view-button{border-radius:6px;padding:7px 13px;font-size:13px}.back-button:hover,.view-button:hover{background:#f5f7f9;border-color:#80919f}.back-button svg,.view-button svg{flex-shrink:0}.payment-controls{background:#fff;border:1px solid #d9dee3;border-radius:10px;align-items:flex-end;margin-bottom:18px;padding:18px 20px;display:flex}.payment-controls>div{flex-direction:column;gap:7px;display:flex}.payment-controls label,.search-box label{color:#6b7280;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.payment-controls label svg,.search-box label svg{color:#80919f;flex-shrink:0}.payment-controls input,.search-box input{box-sizing:border-box;color:#26313f;background:#fff;border:1px solid #d9dee3;border-radius:7px;padding:10px 12px;font-size:14px}.payment-controls input{width:180px}.search-box input{width:280px}.payment-controls input:focus,.search-box input:focus{border-color:#80919f;outline:none}.payment-message{color:#26313f;background:#fff;border:1px solid #d9dee3;border-radius:7px;margin-bottom:18px;padding:11px 16px;font-size:14px}.teacher-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.teacher-summary-card{box-sizing:border-box;background:#fff;border:1px solid #d9dee3;border-radius:10px;min-width:0;padding:18px 20px}.teacher-summary-card .teacher-summary-label{color:#6b7280;align-items:center;gap:10px;margin-bottom:7px;font-size:13px;line-height:1.4;display:inline-flex}.teacher-summary-label svg{color:#80919f;flex-shrink:0}.teacher-summary-card strong{color:#26313f;overflow-wrap:anywhere;font-size:21px;font-weight:600;display:block}.payments-card{background:#fff;border:1px solid #d9dee3;border-radius:10px;padding:20px}.payments-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.payments-card-header h2{color:#26313f;align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.payments-card-header h2 svg{color:#80919f;flex-shrink:0}.payments-card-header p{color:#6b7280;margin:4px 0 0;font-size:13px}.teacher-count{color:#6b7280;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.teacher-count svg{flex-shrink:0}.payment-filters{align-items:flex-end;gap:15px;margin-bottom:18px;display:flex}.search-box{flex-direction:column;gap:7px;min-width:0;display:flex}.table-container{width:100%;overflow-x:auto}.payments-table{border-collapse:collapse;width:100%}.payments-table th,.payments-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:12px;font-size:14px}.payments-table th{color:#6b7280;background:#f5f7f9;font-weight:600}.payments-table th svg{color:#80919f;vertical-align:middle;margin-right:5px;display:inline-block}.payments-table td{color:#26313f}.payments-table tbody tr:hover{background:#f8fafc}.payments-table td strong{color:#26313f;font-weight:600;display:block}.table-secondary{color:#6b7280;margin-top:3px;font-size:12px;display:block}.empty-state{color:#6b7280;text-align:center;padding:35px 20px;font-size:14px}@media (width<=1100px){.teacher-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.teacher-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.page-container{padding:20px}.page-header{flex-direction:column;align-items:flex-start;gap:15px}.page-header .back-button{width:100%}.payment-controls{align-items:stretch}.payment-controls input,.search-box input{width:100%}.teacher-summary-grid{grid-template-columns:minmax(0,1fr)}.payment-filters{flex-direction:column;align-items:stretch}.payments-card{padding:16px}.payments-card-header{flex-direction:column;align-items:flex-start;gap:8px}}.teacher-payment-details-page{color:#243247;box-sizing:border-box;background:#f5f7f9;width:100%;min-width:0;min-height:100vh;padding:24px 30px}.teacher-payment-details-page *,.teacher-payment-details-page :before,.teacher-payment-details-page :after{box-sizing:border-box}.teacher-payment-details-page .details-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.teacher-payment-details-page .details-header h1{color:#172b4d;margin:0 0 6px;font-size:25px;font-weight:700}.teacher-payment-details-page .details-header p{color:#64748b;margin:0;font-size:14px}.teacher-payment-details-page .details-back-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d5dde7;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;min-height:38px;padding:9px 16px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.teacher-payment-details-page .details-back-button:hover{background:#f1f5f9;border-color:#b8c5d5}.teacher-payment-details-page .details-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.teacher-payment-details-page .details-controls>div:first-child{flex-direction:column;gap:7px;display:flex}.teacher-payment-details-page .details-controls label{color:#475569;font-size:13px;font-weight:600}.teacher-payment-details-page .details-controls input{color:#243247;width:220px;max-width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #d5dde7;border-radius:7px;padding:9px 12px}.teacher-payment-details-page .selected-month{color:#475569;font-size:14px;font-weight:600}.teacher-payment-details-page .details-message,.teacher-payment-details-page .details-error{border-radius:7px;margin-bottom:18px;padding:12px 15px;font-size:14px}.teacher-payment-details-page .details-message{color:#166534;background:#f0fdf4;border:1px solid #b7e4c7}.teacher-payment-details-page .details-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.teacher-payment-details-page .teacher-payment-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;width:100%;min-width:0;margin-bottom:20px;display:grid}.teacher-payment-details-page .teacher-payment-summary-card{background:#fff;border:1px solid #d7dee8;border-radius:10px;flex-direction:column;justify-content:center;gap:8px;min-width:0;min-height:87px;padding:16px 18px;display:flex}.teacher-payment-details-page .teacher-payment-summary-label{color:#64748b;align-items:center;gap:8px;min-width:0;font-size:13px;line-height:1.4;display:flex}.teacher-payment-details-page .teacher-payment-summary-label svg{flex-shrink:0}.teacher-payment-details-page .teacher-payment-summary-card strong{color:#172b4d;overflow-wrap:anywhere;font-size:19px;font-weight:700;line-height:1.3}.teacher-payment-details-page .details-grid{align-items:stretch;margin-bottom:20px;grid-template-columns:minmax(0,7fr) minmax(0,3fr)!important;gap:20px!important;width:100%!important;min-width:0!important;max-width:none!important;display:grid!important}.teacher-payment-details-page .details-grid>.earnings-section,.teacher-payment-details-page .details-grid>.payment-form-section{width:100%!important;min-width:0!important;max-width:none!important}.teacher-payment-details-page .details-section{background:#fff;border:1px solid #d7dee8;border-radius:10px;padding:20px}.teacher-payment-details-page .details-section-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.teacher-payment-details-page .details-section-header h2{color:#172b4d;align-items:center;gap:8px;margin:0 0 7px;font-size:18px;font-weight:700;line-height:1.4;display:flex}.teacher-payment-details-page .details-section-header h2 svg{flex-shrink:0}.teacher-payment-details-page .details-section-header p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.teacher-payment-details-page .earnings-section{min-width:0}.teacher-payment-details-page .details-table-container{-webkit-overflow-scrolling:touch;border-radius:6px;width:100%;min-width:0;max-width:100%;display:block;overflow:auto hidden}.teacher-payment-details-page .details-table{border-collapse:collapse;border-spacing:0;color:#334155;width:100%;min-width:800px;font-size:13px}.teacher-payment-details-page .details-table th{color:#475569;text-align:left;white-space:nowrap;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:12px 13px;font-size:12px;font-weight:700}.teacher-payment-details-page .details-table th svg{vertical-align:middle;margin-right:5px;display:inline-block}.teacher-payment-details-page .details-table td{text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf1f5;padding:13px}.teacher-payment-details-page .details-table tbody tr:last-child td{border-bottom:none}.teacher-payment-details-page .details-table tbody tr:hover{background:#f8fafc}.teacher-payment-details-page .details-table td strong{color:#243247;font-weight:700;display:block}.teacher-payment-details-page .details-secondary{color:#64748b;white-space:normal;margin-top:4px;font-size:12px;font-weight:400;display:block}.teacher-payment-details-page .details-empty{color:#64748b;text-align:center;border:1px dashed #d5dde7;border-radius:7px;padding:28px 16px;font-size:14px}.teacher-payment-details-page .payment-form-section{min-width:0}.teacher-payment-details-page .teacher-payment-form{flex-direction:column;gap:22px;width:100%;min-width:0;display:flex}.teacher-payment-details-page .form-group{flex-direction:column;gap:9px;width:100%;min-width:0;display:flex}.teacher-payment-details-page .form-group label{color:#475569;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.teacher-payment-details-page .form-group input,.teacher-payment-details-page .form-group select,.teacher-payment-details-page .form-group textarea{color:#243247;background:#fff;border:1px solid #d5dde7;border-radius:7px;outline:none;width:100%;min-width:0;max-width:100%;padding:11px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s;display:block}.teacher-payment-details-page .form-group input,.teacher-payment-details-page .form-group select{min-height:40px}.teacher-payment-details-page .form-group textarea{resize:vertical;min-height:86px}.teacher-payment-details-page .form-group input:focus,.teacher-payment-details-page .form-group select:focus,.teacher-payment-details-page .form-group textarea:focus{border-color:#8b9eaf;box-shadow:0 0 0 3px #64748b1f}.teacher-payment-details-page .form-hint{color:#64748b;font-size:12px;line-height:1.5}.teacher-payment-details-page .teacher-payment-form button[type=submit]{color:#fff;cursor:pointer;background:#8294a3;border:none;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;margin-top:2px;padding:11px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s;display:inline-flex}.teacher-payment-details-page .teacher-payment-form button[type=submit]:hover{background:#647b8c}.teacher-payment-details-page .teacher-payment-form button[type=submit]:disabled{opacity:.65;cursor:not-allowed}.teacher-payment-details-page .payment-history-section{width:100%;min-width:0;margin-top:0;margin-bottom:20px}.teacher-payment-details-page .payment-history-section .details-table{min-width:650px}@media (width<=1200px){.teacher-payment-details-page .teacher-payment-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.teacher-payment-details-page{padding:22px}.teacher-payment-details-page .details-grid{grid-template-columns:minmax(0,1fr)!important}}@media (width<=600px){.teacher-payment-details-page{padding:16px}.teacher-payment-details-page .details-header{flex-direction:column;align-items:flex-start;gap:14px}.teacher-payment-details-page .details-header h1{font-size:22px}.teacher-payment-details-page .details-back-button{align-self:flex-start}.teacher-payment-details-page .details-controls{flex-direction:column;align-items:stretch}.teacher-payment-details-page .details-controls input{width:100%}.teacher-payment-details-page .teacher-payment-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.teacher-payment-details-page .teacher-payment-summary-card{padding:13px}.teacher-payment-details-page .teacher-payment-summary-card strong{font-size:17px}.teacher-payment-details-page .details-section{padding:16px}.teacher-payment-details-page .details-section-header h2{font-size:17px}}@media (width<=380px){.teacher-payment-details-page .teacher-payment-summary{grid-template-columns:minmax(0,1fr)}}.teacher-payment-details-page .details-controls label[for=billingMonth]{justify-content:flex-start;align-items:center;gap:8px;margin:0 0 8px;line-height:1;display:inline-flex}.teacher-payment-details-page .details-controls svg{vertical-align:middle;flex-shrink:0;margin-right:5px;position:relative;top:-1px}.schedule-page{box-sizing:border-box;width:100%}.schedule-page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.schedule-page-header h1{color:#26313f;align-items:center;gap:10px;margin:0;font-size:24px;display:flex}.schedule-page-header h1 svg{color:#80919f;flex-shrink:0}.schedule-page-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.schedule-add-button{color:#fff;cursor:pointer;background:#80919f;border:none;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:11px 18px;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.schedule-add-button:hover{background:#4b6276}.schedule-add-button svg{flex-shrink:0}.schedule-message{color:#26313f;background:#fff;border:1px solid #d9dee3;border-radius:7px;margin-bottom:18px;padding:11px 16px;font-size:14px}.schedule-day-selector{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:20px;display:grid}.schedule-day-button{color:#26313f;cursor:pointer;background:#fff;border:1px solid #d9dee3;border-radius:7px;padding:11px 8px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s}.schedule-day-button:hover{background:#f8fafc;border-color:#80919f}.schedule-day-button.active{color:#fff;background:#80919f;border-color:#80919f}.schedule-card{background:#fff;border:1px solid #d9dee3;border-radius:10px;padding:20px}.schedule-card-header{margin-bottom:18px}.schedule-card-header h2{color:#26313f;align-items:center;gap:8px;margin:0;font-size:19px;display:flex}.schedule-card-header h2 svg{color:#80919f;flex-shrink:0}.schedule-card-header p{color:#6b7280;margin:5px 0 0;font-size:13px}.schedule-table-container{width:100%;overflow-x:auto}.schedule-table{border-collapse:collapse;width:100%}.schedule-table th,.schedule-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:12px;font-size:14px}.schedule-table th{color:#6b7280;background:#f5f7f9;font-weight:600}.schedule-table th svg{color:#80919f;vertical-align:middle;margin-right:5px;display:inline-block}.schedule-table td{color:#26313f}.schedule-table tbody tr:hover{background:#f8fafc}.schedule-table td strong{color:#26313f;font-weight:600;display:block}.schedule-secondary{color:#6b7280;margin-top:3px;font-size:12px;display:block}.schedule-status{text-align:center;border-radius:5px;min-width:62px;padding:5px 9px;font-size:12px;font-weight:600;display:inline-block}.schedule-status.active{color:#4b6276;background:#edf3f6}.schedule-status.suspend{color:#6b7280;background:#f3f3f3}.schedule-status.delay{color:#7a6847;background:#f5f1e8}.schedule-actions{align-items:center;gap:7px;display:flex}.schedule-edit-button,.schedule-delete-button{cursor:pointer;background:#fff;border:1px solid #d9dee3;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.schedule-edit-button{color:#26313f}.schedule-edit-button:hover{background:#f5f7f9;border-color:#80919f}.schedule-delete-button{color:#6b7280}.schedule-delete-button:hover{background:#f5f7f9;border-color:#6b7280}.schedule-edit-button svg,.schedule-delete-button svg{flex-shrink:0}.schedule-empty{color:#6b7280;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;font-size:14px;display:flex}.schedule-empty svg{color:#80919f}.schedule-empty p{margin:0}@media (width<=1000px){.schedule-day-selector{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=700px){.schedule-page-header{flex-direction:column;align-items:flex-start;gap:15px}.schedule-add-button{width:100%}.schedule-day-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-card{padding:16px}.schedule-table th,.schedule-table td{padding:10px}.schedule-actions{gap:6px}.schedule-edit-button,.schedule-delete-button{padding:7px 9px}}.add-schedule-page{box-sizing:border-box;width:100%}.add-schedule-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.add-schedule-header h1{color:#26313f;margin:0;font-size:26px}.add-schedule-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.add-schedule-back-button{color:#26313f;cursor:pointer;background:#fff;border:1px solid #d9dee3;border-radius:7px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.add-schedule-back-button:hover{background:#f5f7f9;border-color:#80919f}.add-schedule-message{color:#26313f;background:#fff;border:1px solid #d9dee3;border-radius:7px;margin-bottom:18px;padding:11px 16px;font-size:14px}.add-schedule-card{box-sizing:border-box;background:#fff;border:1px solid #d9dee3;border-radius:10px;max-width:900px;padding:24px}.add-schedule-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.add-schedule-field{flex-direction:column;display:flex}.add-schedule-field label{color:#26313f;margin-bottom:7px;font-size:14px;font-weight:600}.add-schedule-field input,.add-schedule-field select{color:#26313f;box-sizing:border-box;background:#fff;border:1px solid #d9dee3;border-radius:7px;outline:none;width:100%;min-height:42px;padding:10px 12px;font-family:inherit;font-size:14px}.add-schedule-field input:focus,.add-schedule-field select:focus{border-color:#80919f}.add-schedule-field input::placeholder{color:#9ca3af}.add-schedule-form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;margin-top:26px;padding-top:20px;display:flex}.add-schedule-cancel-button,.add-schedule-save-button{cursor:pointer;border-radius:7px;padding:10px 18px;font-size:14px;font-weight:600}.add-schedule-cancel-button{color:#26313f;background:#fff;border:1px solid #d9dee3}.add-schedule-cancel-button:hover{background:#f5f7f9;border-color:#80919f}.add-schedule-save-button{color:#fff;background:#80919f;border:none}.add-schedule-save-button:hover{background:#4b6276}.add-schedule-save-button:disabled{opacity:.7;cursor:not-allowed}@media (width<=800px){.add-schedule-form-grid{grid-template-columns:1fr}.add-schedule-card{max-width:100%}}@media (width<=600px){.add-schedule-header{flex-direction:column;align-items:flex-start;gap:15px}.add-schedule-back-button{width:100%}.add-schedule-card{padding:18px}.add-schedule-form-actions{flex-direction:column-reverse}.add-schedule-cancel-button,.add-schedule-save-button{width:100%}}.edit-schedule-page{box-sizing:border-box;width:100%}.edit-schedule-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.edit-schedule-header h1{color:#26313f;margin:0;font-size:24px}.edit-schedule-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.edit-schedule-back-button{color:#26313f;cursor:pointer;background:#fff;border:1px solid #d9dee3;border-radius:7px;align-items:center;gap:7px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.edit-schedule-back-button:hover{background:#f5f7f9;border-color:#80919f}.edit-schedule-message{color:#26313f;background:#fff;border:1px solid #d9dee3;border-radius:7px;margin-bottom:18px;padding:11px 16px;font-size:14px}.edit-schedule-card{box-sizing:border-box;background:#fff;border:1px solid #d9dee3;border-radius:10px;max-width:900px;padding:24px}.edit-schedule-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.edit-schedule-field{flex-direction:column;display:flex}.edit-schedule-field label{color:#26313f;margin-bottom:7px;font-size:14px;font-weight:600}.edit-schedule-field input,.edit-schedule-field select{color:#26313f;box-sizing:border-box;background:#fff;border:1px solid #d9dee3;border-radius:7px;outline:none;width:100%;min-height:42px;padding:10px 12px;font-family:inherit;font-size:14px}.edit-schedule-field input:focus,.edit-schedule-field select:focus{border-color:#80919f}.edit-schedule-field input::placeholder{color:#9ca3af}.edit-schedule-form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;margin-top:26px;padding-top:20px;display:flex}.edit-schedule-cancel-button,.edit-schedule-save-button{cursor:pointer;border-radius:7px;padding:10px 18px;font-size:14px;font-weight:600}.edit-schedule-cancel-button{color:#26313f;background:#fff;border:1px solid #d9dee3}.edit-schedule-cancel-button:hover{background:#f5f7f9;border-color:#80919f}.edit-schedule-save-button{color:#fff;background:#80919f;border:none}.edit-schedule-save-button:hover{background:#4b6276}.edit-schedule-save-button:disabled{opacity:.7;cursor:not-allowed}@media (width<=800px){.edit-schedule-form-grid{grid-template-columns:1fr}.edit-schedule-card{max-width:100%}}@media (width<=600px){.edit-schedule-header{flex-direction:column;align-items:flex-start;gap:15px}.edit-schedule-back-button{width:100%}.edit-schedule-card{padding:18px}.edit-schedule-form-actions{flex-direction:column-reverse}.edit-schedule-cancel-button,.edit-schedule-save-button{width:100%}}.teacher-earnings-layout{background:#f5f7f9;min-height:100vh;display:flex}.teacher-earnings-content{box-sizing:border-box;flex:1;padding:30px}.teacher-earnings-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.teacher-earnings-header h1{color:#26313f;align-items:center;gap:10px;margin:0;font-size:24px;display:flex}.teacher-earnings-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.billing-month{flex-direction:column;gap:7px;display:flex}.billing-month label{color:#6b7280;font-size:13px;font-weight:600}.billing-month input{color:#26313f;box-sizing:border-box;background:#fff;border:1px solid #d9dee3;border-radius:7px;width:180px;padding:10px 12px;font-size:14px}.billing-month input:focus{border-color:#80919f;outline:none}.earnings-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.earning-card,.earning-details{background:#fff;border:1px solid #d9dee3;border-radius:10px}.earning-card{padding:16px 18px}.earning-card h3{color:#6b7280;margin:0 0 6px;font-size:13px;font-weight:600}.earning-card p{color:#26313f;margin:0;font-size:20px;font-weight:600}.earning-details{padding:20px}.earning-details h2{color:#26313f;margin:0 0 16px;font-size:18px}.earning-table-wrapper{overflow-x:auto}.earning-table{border-collapse:collapse;width:100%}.earning-table th,.earning-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:12px;font-size:14px}.earning-table th{color:#6b7280;background:#f5f7f9;font-weight:600}.earning-table td{color:#26313f}.earning-table tbody tr:hover{background:#f8fafc}.teacher-earnings-message{color:#26313f;background:#fff;border:1px solid #d9dee3;border-radius:7px;margin-bottom:18px;padding:11px 16px;font-size:14px}@media (width<=900px){.earnings-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.teacher-earnings-content{padding:20px}.teacher-earnings-header{flex-direction:column;align-items:flex-start;gap:15px}.billing-month input{width:100%}.earnings-summary{grid-template-columns:1fr}}.notifications-page{box-sizing:border-box;color:#26313f;width:100%;min-width:0;margin:0;padding:0}.notifications-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.notifications-header h1{color:#26313f;align-items:center;gap:10px;margin:0;font-size:24px;display:flex}.notifications-header h1 svg{flex-shrink:0;width:22px;height:22px}.notifications-header p{color:#6b7280;margin:6px 0 0}.notifications-header-actions{align-items:center;gap:10px;display:flex}.notifications-back-button,.notifications-send-button,.notifications-delete-button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.notifications-back-button{color:#26313f;background:#fff;border:1px solid #d9dee3}.notifications-back-button:hover{background:#f5f7f9}.notifications-send-button,.notifications-delete-button{color:#fff;background:#80919f;border:none}.notifications-send-button:hover,.notifications-delete-button:hover{background:#4b6276}.notifications-back-button:disabled,.notifications-send-button:disabled,.notifications-delete-button:disabled{cursor:not-allowed;opacity:.6}.notifications-header-actions button svg{flex-shrink:0;width:16px;height:16px}.notification-delete-modal h2{align-items:center;gap:10px;margin:0 0 16px;line-height:1.4;display:flex}.notifications-message{color:#dc2626;margin-bottom:20px;font-size:14px}.notifications-loading,.notifications-empty{color:#6b7280;text-align:center;padding:20px 0;font-size:14px}.notifications-list{border-top:1px solid #e5e7eb;width:100%;min-width:0}.notification-card{box-sizing:border-box;cursor:pointer;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:15px;width:100%;min-width:0;min-height:50px;padding:8px;transition:background .15s;display:flex}.notification-card:hover{background:#f8fafc}.notification-card-header{flex:0 0 360px;align-items:center;gap:10px;min-width:0;display:flex}.notification-card-header>div{align-items:center;gap:10px;min-width:0;display:flex}.notification-card-header>div svg{flex-shrink:0}.notification-card-header h2{color:#26313f;white-space:nowrap;align-items:center;gap:7px;min-width:0;margin:0;font-size:14px;font-weight:600;line-height:18px;display:flex;overflow:hidden}.notification-card-header h2 svg{flex-shrink:0;width:15px;height:15px}.notification-title-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.notification-sender{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;line-height:18px;display:block;overflow:hidden}.notification-message{color:#4b5563;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:14px;line-height:18px;overflow:hidden}.notification-footer{color:#9ca3af;white-space:nowrap;flex:0 0 175px;justify-content:flex-end;align-items:center;gap:12px;min-width:0;font-size:13px;display:flex}.notification-card:not(.admin-notification) .notification-footer>span:first-child{display:none}.notification-unread,.notification-admin-new-badge{color:#52606d;white-space:nowrap;background:#eef2f5;border-radius:5px;flex-shrink:0;padding:5px 9px;font-size:11px;font-weight:600}.notification-admin-new-badge{margin-left:14px;line-height:14px}.notification-target{color:#6b7280;white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;font-size:12px;display:inline-flex}.notification-footer svg,.notification-target svg,.notification-sender svg,.notification-unread svg,.notification-admin-new-badge svg{flex-shrink:0;width:14px;height:14px}.notification-card.unread{background:#fbfcfd;border-left:2px solid #80919f;border-right:2px solid #80919f}.notification-card.unread:hover,.notification-card.admin-new:hover{background:#f5f7f9}.notification-card.read{background:#fff}.notification-card.read .notification-card-header h2{color:#6b7280;font-weight:400}.notification-card.read .notification-sender,.notification-card.read .notification-footer{color:#9ca3af}.notification-card.read .notification-message{color:#6b7280}.notification-card.admin-notification{background:#fff;grid-template-columns:minmax(160px,200px) minmax(140px,180px) minmax(150px,190px) minmax(120px,1fr) minmax(300px,310px);align-items:center;gap:0;display:grid;overflow:visible}.notification-card.admin-notification:hover{background:#f8fafc}.notification-card.admin-notification .notification-card-header,.notification-card.admin-notification .notification-card-header>div{display:contents}.notification-card.admin-notification .notification-card-header h2,.notification-card.admin-notification .notification-sender{min-width:0;padding-right:12px}.notification-card.admin-notification .notification-target{text-overflow:ellipsis;min-width:0;padding-right:12px;font-size:14px;overflow:hidden}.notification-card.admin-notification .notification-message{min-width:0;padding-right:12px}.notification-card.admin-notification .notification-footer{flex:initial;white-space:nowrap;justify-content:flex-start;align-items:center;gap:12px;width:100%;min-width:0;display:flex;overflow:visible}.notification-card.admin-notification .notification-footer>span{text-overflow:clip;flex:none;align-items:center;gap:4px;min-width:0;display:inline-flex;overflow:visible}.notification-card.admin-notification .notification-footer>span:first-child{display:inline-flex}.notification-card.admin-notification .notification-footer svg{flex-shrink:0;width:14px;height:14px}.notification-card.admin-new{background:#fbfcfd}.notification-card.admin-new .notification-card-header h2{color:#26313f;font-weight:600}.notification-card.admin-new .notification-message{color:#374151}.notification-detail-card{background:#fff;border:1px solid #d9dee3;border-radius:10px;padding:24px}.notification-detail-header{border-bottom:1px solid #e5e7eb;padding-bottom:18px}.notification-detail-header h2{color:#26313f;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;display:flex}.notification-detail-header h2 svg{flex-shrink:0;width:21px;height:21px}.notification-detail-info{border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 30px;padding:20px 0;display:grid}.notification-detail-info div{flex-direction:column;gap:4px;min-width:0;display:flex}.notification-detail-info strong,.notification-detail-message strong{align-items:center;gap:5px;display:flex}.notification-detail-info strong{color:#6b7280;font-size:12px;font-weight:500}.notification-detail-info span{color:#26313f;overflow-wrap:anywhere;font-size:14px}.notification-detail-info strong svg,.notification-detail-message strong svg{flex-shrink:0;width:14px;height:14px}.notification-detail-message{padding:20px 0}.notification-detail-message strong{color:#374151;margin-bottom:8px;font-size:14px}.notification-detail-message p{color:#4b5563;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.7}.notification-recipients{border-top:1px solid #e5e7eb;padding-top:20px}.notification-recipients-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.notification-recipients-header strong{color:#374151;align-items:center;gap:7px;font-size:14px;display:inline-flex}.notification-recipients-header strong svg{flex-shrink:0;width:16px;height:16px}.notification-recipients-header span{color:#6b7280;font-size:12px}.notification-recipient-list{border-top:1px solid #e5e7eb}.notification-recipient{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:11px 0;display:flex}.notification-recipient div{flex-direction:column;gap:3px;min-width:0;display:flex}.notification-recipient strong{color:#374151;font-size:13px;font-weight:500}.notification-recipient span{color:#6b7280;font-size:12px}.notification-recipient-role{text-transform:capitalize;flex-shrink:0;color:#6b7280!important;font-size:11px!important}.notification-recipient svg{flex-shrink:0;width:16px;height:16px}.notification-no-recipients{color:#9ca3af;margin:0;font-size:13px}.notification-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.notification-delete-modal{box-sizing:border-box;background:#fff;border:1px solid #d9dee3;border-radius:10px;width:100%;max-width:420px;padding:24px;box-shadow:0 12px 30px #0f172a26}.notification-delete-modal h2{color:#26313f;margin:0 0 10px;font-size:20px;font-weight:600}.notification-delete-modal p{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.notification-modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.notification-modal-cancel,.notification-modal-delete{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.notification-modal-cancel{color:#26313f;background:#fff;border:1px solid #d9dee3}.notification-modal-cancel:hover{background:#f5f7f9}.notification-modal-delete{color:#fff;background:#80919f;border:none}.notification-modal-delete:hover{background:#4b6276}.notification-modal-actions button svg{flex-shrink:0;width:15px;height:15px}.notification-modal-cancel:disabled,.notification-modal-delete:disabled{cursor:not-allowed;opacity:.6}@media (width<=1250px){.notification-card.admin-notification{grid-template-columns:minmax(140px,180px) minmax(120px,160px) minmax(140px,170px) minmax(100px,1fr) minmax(280px,300px)}}@media (width<=1000px){.notification-card.admin-notification{min-width:1000px}.notifications-list:has(.admin-notification){overflow-x:auto}}@media (width<=800px){.notifications-header{align-items:flex-start;gap:15px}.notifications-header h1{font-size:26px}.notification-card-header{flex-basis:280px}.notification-footer{flex-basis:140px}.notification-detail-info{grid-template-columns:1fr}}@media (width<=700px){.notifications-header{flex-direction:column}.notifications-header-actions{flex-wrap:wrap;width:100%}.notification-card{gap:10px}.notification-card-header{flex-basis:220px}.notification-footer{flex-basis:120px;gap:8px;font-size:12px}.notification-card.admin-notification{min-width:1000px}.notifications-list:has(.admin-notification){overflow-x:auto}.notification-detail-card{padding:18px}.notification-modal-actions{flex-wrap:wrap}}@media (width<=480px){.notifications-header h1{font-size:23px}.notifications-header h1 svg{width:21px;height:21px}.notifications-header-actions{gap:8px}.notifications-back-button,.notifications-send-button,.notifications-delete-button{padding:10px 13px;font-size:13px}.notifications-header-actions button svg,.notification-modal-actions button svg{width:15px;height:15px}.notification-detail-card{padding:15px}.notification-detail-header h2,.notification-delete-modal h2{font-size:18px}.notification-detail-header h2 svg{width:21px;height:21px}.notification-delete-modal{padding:20px}.notification-recipient{align-items:flex-start;gap:12px}}.notification-card:not(.admin-notification) .notification-card-header{flex:0 360px;gap:12px;min-width:0}.notification-card:not(.admin-notification) .notification-card-header>div{gap:10px;min-width:0}.notification-card:not(.admin-notification) .notification-unread{white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;margin-left:6px;display:inline-flex}.notification-card:not(.admin-notification) .notification-footer{white-space:nowrap;flex:0 0 175px;justify-content:flex-end;align-items:center;gap:6px;min-width:175px;margin-left:auto;display:flex}.notification-card:not(.admin-notification) .notification-footer>span{white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.send-notification-page{box-sizing:border-box;color:#26313f;width:100%;margin:0;padding:0}.send-notification-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.send-notification-header h1{color:#26313f;margin:0;font-size:28px}.send-notification-header p{color:#6b7280;margin:6px 0 0}.send-notification-back-button{color:#26313f;cursor:pointer;background:#fff;border:1px solid #d9dee3;border-radius:7px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:600}.send-notification-back-button:hover{background:#f5f7f9}.send-notification-card{box-sizing:border-box;background:#fff;border:1px solid #d9dee3;border-radius:10px;width:100%;padding:24px}.send-notification-field{margin-bottom:20px}.send-notification-field label{color:#26313f;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.send-notification-field input,.send-notification-field select,.send-notification-field textarea{box-sizing:border-box;color:#26313f;background:#fff;border:1px solid #d9dee3;border-radius:7px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.send-notification-field input:focus,.send-notification-field select:focus,.send-notification-field textarea:focus{border-color:#80919f}.send-notification-field textarea{resize:vertical;min-height:140px}.send-notification-error{color:#7a4a4a;background:#f2e8e8;border-radius:7px;margin-bottom:20px;padding:11px 14px;font-size:14px}.send-notification-success{color:#3f6b4d;background:#e8f0eb;border-radius:7px;margin-bottom:20px;padding:11px 14px;font-size:14px}.send-notification-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;display:flex}.send-notification-cancel-button,.send-notification-submit-button{cursor:pointer;border-radius:7px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:600}.send-notification-cancel-button{color:#26313f;background:#fff;border:1px solid #d9dee3}.send-notification-cancel-button:hover{background:#f5f7f9}.send-notification-submit-button{color:#fff;background:#80919f;border:none}.send-notification-submit-button:hover{background:#4b6276}.send-notification-submit-button:disabled{opacity:.6;cursor:not-allowed}.send-notification-loading{text-align:center;color:#6b7280;padding:20px 0;font-size:14px}@media (width<=700px){.send-notification-header{flex-direction:column;align-items:flex-start;gap:16px}.send-notification-back-button{width:100%}.send-notification-actions{flex-direction:column-reverse}.send-notification-cancel-button,.send-notification-submit-button{width:100%}}.help-support-page{box-sizing:border-box;width:100%;min-width:0}.help-support-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.help-support-header h1{color:#26313f;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:600;display:flex}.help-support-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.help-support-back{color:#26313f;white-space:nowrap;box-sizing:border-box;background:#fff;border:1px solid #d9dee3;border-radius:7px;justify-content:center;align-items:center;padding:11px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.help-support-back:hover{background:#f4f6f8}.support-chat-card{box-sizing:border-box;background:#fff;border:1px solid #d9dee3;border-radius:10px;flex-direction:column;width:100%;max-width:850px;height:min(680px,100vh - 190px);min-height:480px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 4px 18px #0000000a}.support-chat-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:18px 22px;display:flex}.support-chat-avatar{color:#267a62;background:#e8f5ef;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.support-chat-heading h2{color:#26313f;margin:0 0 5px;font-size:16px;font-weight:600}.support-chat-heading p{color:#6b7280;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.support-online-dot{background:#22a06b;border-radius:50%;flex-shrink:0;width:7px;height:7px}.support-chat-messages{background:#f9fafb;flex-direction:column;flex:1;gap:16px;min-height:0;padding:22px;display:flex;overflow-y:auto}.support-message-row{width:100%;display:flex}.support-message-row.bot{justify-content:flex-start}.support-message-row.student{justify-content:flex-end}.support-message{overflow-wrap:anywhere;box-sizing:border-box;border-radius:12px;max-width:80%;padding:12px 15px}.support-message p{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.support-message.bot{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:0 12px 12px 30px}.support-message.student{color:#fff;background:#267a62;border-radius:12px 20px 0 12px}.support-contact-details{border-top:1px solid #e5e7eb;flex-direction:column;gap:10px;margin-top:14px;padding-top:12px;display:flex}.support-contact-details a{color:#267a62;overflow-wrap:anywhere;font-size:13px;text-decoration:none}.support-contact-details a:hover{text-decoration:underline}.support-contact-details span{font-weight:600}.support-suggestions{border-top:1px solid #e5e7eb;padding:15px 20px}.support-suggestions>p{color:#6b7280;margin:0 0 10px;font-size:12px;font-weight:500}.support-suggestion-list{flex-wrap:wrap;gap:8px;display:flex}.support-suggestion-list button{color:#267a62;cursor:pointer;background:#fff;border:1px solid #cfe5dc;border-radius:18px;padding:8px 11px;font-size:12px}.support-suggestion-list button:hover{background:#edf7f2}.support-chat-form{border-top:1px solid #e5e7eb;align-items:center;gap:10px;padding:14px 20px;display:flex}.support-chat-form input{color:#374151;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:24px;outline:none;flex:1;min-width:0;padding:12px 14px;font-size:14px}.support-chat-form input:focus{border-color:#267a62;box-shadow:0 0 0 2px #267a621a}.support-chat-form button{color:#fff;cursor:pointer;background:#267a62;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.support-chat-form button:hover:not(:disabled){background:#1e6551}.support-chat-form button:disabled{opacity:.5;cursor:not-allowed}.support-chat-note{color:#9ca3af;text-align:center;margin:0;padding:0 16px 12px;font-size:11px}@media (width<=1000px){.help-support-header{gap:15px}.support-chat-card{max-width:100%}}@media (width<=700px){.help-support-page{padding:0}.help-support-header{flex-direction:column;align-items:flex-start;gap:15px}.help-support-header h1{font-size:22px}.help-support-back{width:100%}.support-chat-card{height:calc(100dvh - 220px);min-height:420px}.support-chat-header{padding:14px 16px}.support-chat-messages{padding:16px}.support-message{max-width:90%}.support-suggestions,.support-chat-form{padding:12px}}.reports-page{box-sizing:border-box;width:100%}.reports-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.reports-header h1{color:#26313f;align-items:center;gap:10px;margin:0 0 6px;font-size:24px;display:flex}.reports-header h1 svg{color:#80919f;flex-shrink:0}.reports-header p{color:#6b7280;margin:0;font-size:14px}.reports-actions{gap:10px;display:flex}.reports-actions button{color:#26313f;cursor:pointer;background:#fff;border:1px solid #d9dee3;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:11px 18px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.reports-actions button:hover{background:#f5f7f9;border-color:#80919f}.reports-actions button:last-child{color:#fff;background:#80919f;border-color:#80919f}.reports-actions button:last-child:hover{background:#4b6276;border-color:#4b6276}.reports-actions button svg{flex-shrink:0}.reports-filter-card{background:#fff;border:1px solid #d9dee3;border-radius:10px;align-items:center;margin-bottom:20px;padding:16px 20px;display:flex}.reports-filter-group{flex-direction:column;gap:7px;min-width:220px;display:flex}.reports-filter-group label{color:#374151;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.reports-filter-group label svg{color:#80919f;flex-shrink:0}.reports-filter-group select{color:#26313f;background:#fff;border:1px solid #d9dee3;border-radius:7px;width:100%;height:38px;padding:0 10px;font-size:14px}.reports-filter-group select:focus{border-color:#80919f;outline:none}.reports-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.report-summary-card{background:#fff;border:1px solid #d9dee3;border-radius:10px;min-width:0;padding:18px}.report-summary-card span{color:#6b7280;align-items:center;gap:9px;margin-bottom:8px;font-size:13px;line-height:1.4;display:inline-flex}.report-summary-card span svg{color:#80919f;flex-shrink:0}.report-summary-card strong{color:#26313f;overflow-wrap:anywhere;font-size:21px;font-weight:600;display:block}.reports-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.report-panel,.report-table-panel{background:#fff;border:1px solid #d9dee3;border-radius:10px;min-width:0;overflow:hidden}.report-panel{min-height:280px}.report-panel-header{border-bottom:1px solid #d9dee3;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.report-panel-header h2{color:#26313f;align-items:center;gap:8px;margin:0 0 5px;font-size:17px;display:flex}.report-panel-header h2 svg{color:#80919f;flex-shrink:0}.report-panel-header p{color:#6b7280;margin:0;font-size:13px;line-height:1.5}.collection-chart{align-items:flex-end;gap:18px;height:210px;padding:20px;display:flex;overflow-x:auto}.collection-column{flex-direction:column;flex:none;justify-content:flex-end;align-items:center;gap:6px;min-width:55px;height:100%;display:flex}.collection-value{color:#374151;white-space:nowrap;font-size:11px}.collection-bar{background:#80919f;border-radius:4px 4px 0 0;width:32px;min-height:6px}.collection-column>span{color:#6b7280;white-space:nowrap;font-size:11px}.fee-status-content{justify-content:center;align-items:center;gap:30px;min-height:220px;padding:20px;display:flex}.fee-status-circle{border-radius:50%;flex:0 0 150px;justify-content:center;align-items:center;width:150px;height:150px;display:flex}.fee-status-circle div{color:#26313f;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:20px;font-weight:600;display:flex}.fee-status-legend{flex-direction:column;gap:12px;display:flex}.fee-status-legend>div{color:#374151;align-items:center;gap:8px;min-width:100px;font-size:13px;display:flex}.fee-status-legend strong{color:#26313f;margin-left:auto}.legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.legend-dot.paid{background:#22c55e}.legend-dot.partial{background:#f59e0b}.legend-dot.due{background:#ef4444}.teacher-payment-chart,.student-class-list{flex-direction:column;gap:14px;padding:20px;display:flex}.teacher-payment-name{justify-content:space-between;gap:12px;margin-bottom:6px;display:flex}.teacher-payment-name span{color:#374151;overflow-wrap:anywhere;min-width:0}.teacher-payment-name strong{color:#26313f;flex-shrink:0}.teacher-payment-track,.student-class-track{background:#e5e7eb;border-radius:4px;width:100%;height:8px;overflow:hidden}.teacher-payment-bar,.student-class-bar{background:#80919f;border-radius:4px;height:100%}.student-class-row{grid-template-columns:80px minmax(0,1fr) 40px;align-items:center;gap:12px;display:grid}.student-class-row span{color:#374151;font-size:13px}.student-class-row strong{color:#26313f;text-align:right}.report-table-panel{margin-bottom:20px}.report-table-panel>.report-panel-header>span{color:#6b7280;white-space:nowrap;font-size:13px}.report-table-wrapper{width:100%;overflow-x:auto}.report-table-wrapper table{border-collapse:collapse;width:100%;min-width:900px}.report-table-wrapper th,.report-table-wrapper td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:12px 14px}.report-table-wrapper th{color:#4b5563;background:#f5f7f9;font-size:12px;font-weight:600}.report-table-wrapper td{color:#374151;font-size:13px}.report-table-wrapper tbody tr:hover{background:#f8fafc}.report-table-wrapper td strong,.report-table-wrapper td small{display:block}.report-table-wrapper td strong{color:#26313f;font-weight:600}.report-table-wrapper td small{color:#9ca3af;margin-top:3px;font-size:12px}.report-status{text-transform:capitalize;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.report-status.paid{color:#166534;background:#dcfce7}.report-status.partial{color:#92400e;background:#fef3c7}.report-status.due{color:#991b1b;background:#fee2e2}.report-pagination{border-top:1px solid #d9dee3;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.report-pagination button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.report-pagination button:hover:not(:disabled){background:#f5f7f9;border-color:#80919f}.report-pagination button:disabled{opacity:.5;cursor:not-allowed}.report-pagination button svg{flex-shrink:0}.report-pagination span{color:#6b7280;text-align:center;font-size:13px}.student-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:20px;display:grid}.student-summary-grid>div{background:#f5f7f9;border-radius:6px;min-width:0;padding:16px}.student-summary-grid span{color:#6b7280;margin-bottom:6px;font-size:13px;display:block}.student-summary-grid strong{color:#26313f;overflow-wrap:anywhere;font-size:20px}.reports-loading,.reports-error{color:#6b7280;text-align:center;padding:40px;font-size:14px}.reports-error{color:#dc2626}@media (width<=1100px){.reports-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.student-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.reports-header{flex-direction:column}.reports-actions{width:100%}.reports-actions button{flex:1}.reports-summary-grid,.reports-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fee-status-content{flex-wrap:wrap;gap:20px}}@media (width<=600px){.reports-header h1{font-size:24px}.reports-actions button{padding:10px 12px}.reports-filter-card{padding:14px}.reports-filter-group{width:100%;min-width:0}.reports-summary-grid,.reports-chart-grid,.student-summary-grid{grid-template-columns:minmax(0,1fr)}.report-panel-header{padding:16px}.collection-chart{gap:14px;padding:16px}.fee-status-content{flex-direction:column}.report-pagination{flex-wrap:wrap;justify-content:center}.report-pagination span{order:-1;width:100%}.report-table-panel>.report-panel-header{flex-direction:column}.student-summary-grid{padding:16px}}@media print{.sidebar,.reports-actions,.reports-filter-card,.report-pagination{display:none!important}.dashboard-content{width:100%;margin:0;padding:0}.reports-page{background:#fff;width:100%;padding:0}.reports-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reports-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-panel,.report-table-panel,.report-summary-card{break-inside:avoid}.report-table-wrapper{overflow:visible}.report-table-wrapper table{min-width:0;font-size:10px}.report-table-wrapper th,.report-table-wrapper td{white-space:normal;padding:6px}}.privacy-page{color:#1e293b;background:#f8fafc;min-height:100vh;padding:48px 20px;font-family:Arial,sans-serif}.privacy-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-width:850px;margin:0 auto;padding:40px 48px;box-shadow:0 4px 20px #0f172a0d}.privacy-content h1{color:#0f172a;margin:0 0 10px;font-size:32px;font-weight:700;line-height:1.3}.privacy-updated{color:#64748b;margin-bottom:30px;font-size:14px}.privacy-content h2{color:#0f172a;margin:30px 0 12px;font-size:20px;font-weight:600;line-height:1.4}.privacy-content p{color:#475569;margin:0 0 16px;font-size:15px;line-height:1.8}.privacy-content a{color:#2563eb;overflow-wrap:anywhere;text-decoration:none}.privacy-content a:hover{text-decoration:underline}@media (width<=600px){.privacy-page{padding:20px 12px}.privacy-content{border-radius:8px;padding:26px 20px}.privacy-content h1{font-size:27px}.privacy-content h2{margin-top:25px;font-size:18px}.privacy-content p{font-size:14px;line-height:1.75}}