:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.dashboard-container{min-height:100vh;background-color:#111827;padding:1.5rem;width:100%;box-sizing:border-box}@media(max-width:768px){.dashboard-container{padding:1rem}}@media(min-width:1600px){.dashboard-container{padding:2rem}}.dashboard-content{width:100%;display:flex;flex-direction:column;gap:1.5rem;box-sizing:border-box}.card{background-color:#1f2937;border-radius:.5rem;border:1px solid #374151;padding:1rem;transition:all .3s ease;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#4b5563}.metric-card{background-color:#1f2937;border-radius:.5rem;padding:1rem;display:flex;align-items:center;justify-content:space-between;border:1px solid #374151;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#4b5563}.metric-card-content{display:flex;align-items:center;gap:.75rem}.metric-icon-container{padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.metric-icon{width:1.25rem;height:1.25rem;color:#fff}.metric-title{color:#d1d5db;font-size:.875rem}.metric-value{color:#9ca3af;font-size:.875rem}.overview-card{background-color:#1f2937;border-radius:.5rem;padding:1.25rem;border:1px solid #374151;height:100%;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.overview-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#4b5563}.overview-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem;text-align:center}.overview-item{margin-bottom:.5rem}.overview-label,.overview-value{color:#d1d5db;font-size:.875rem}.overview-bar-container{width:100%;background-color:#374151;border-radius:9999px;height:.5rem;margin-top:.25rem;overflow:hidden}.overview-bar{height:.5rem;border-radius:9999px;transition:all .3s ease}.overview-item-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.count-card{background-color:#1f2937;border-radius:.5rem;padding:1rem;border:1px solid #374151;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.count-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#4b5563}.count-icon-container{padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.count-icon{width:1.25rem;height:1.25rem;color:#fff}.count-content{flex:1}.count-label{color:#9ca3af;font-size:.75rem;margin-bottom:.25rem}.count-number{color:#fff;font-size:1.125rem;font-weight:600}.chart-card{background-color:#1f2937;border-radius:.5rem;padding:1.5rem;border:1px solid #374151;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.chart-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#4b5563}.chart-title{color:#d1d5db;font-size:.875rem;margin-bottom:1rem}.calendar-container{background-color:#1f2937;border-radius:.5rem;border:1px solid #374151;box-shadow:0 1px 3px #0000001a}.calendar-header{padding:1rem;border-bottom:1px solid #374151}.calendar-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.calendar-nav{display:flex;align-items:center;gap:.5rem}.calendar-button{padding:.5rem;background-color:transparent;border:none;border-radius:.25rem;cursor:pointer;color:#9ca3af;transition:background-color .2s}.calendar-button:hover{background-color:#374151}.calendar-button-icon{width:1.25rem;height:1.25rem}.calendar-today-button{padding:.25rem .75rem;background-color:#374151;color:#d1d5db;font-size:.875rem;border-radius:.25rem;border:none;cursor:pointer;transition:background-color .2s}.calendar-today-button:hover{background-color:#4b5563}.calendar-title{color:#d1d5db;font-size:1.125rem;font-weight:500}.calendar-view-buttons{display:flex;gap:.5rem}.calendar-view-button{padding:.25rem .75rem;background-color:#374151;color:#d1d5db;font-size:.875rem;border-radius:.25rem;border:none;cursor:pointer;transition:background-color .2s}.calendar-view-button:hover{background-color:#4b5563}.calendar-grid{display:flex}.calendar-time-column{width:5rem;border-right:1px solid #374151}.calendar-time-header{height:3rem;border-bottom:1px solid #374151}.calendar-time-slot{height:3rem;border-bottom:1px solid #374151;padding:.25rem .5rem}.calendar-time-text{color:#6b7280;font-size:.75rem}.calendar-days-container{flex:1;overflow-x:auto}.calendar-days-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:800px}.calendar-day-column{border-right:1px solid #374151}.calendar-day-column:last-child{border-right:none}.calendar-day-header{height:3rem;border-bottom:1px solid #374151;padding:.5rem;text-align:center}.calendar-day-text{font-size:.75rem}.calendar-day-text-sunday{color:#eab308}.calendar-day-text-regular{color:#9ca3af}.calendar-day-cell{height:3rem;border-bottom:1px solid #374151}.calendar-day-cell-sunday{background-color:#eab3081a}.grid-overview{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.grid-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.grid-overview{grid-template-columns:repeat(4,minmax(0,1fr))}}.grid-count{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media(min-width:768px){.grid-count{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.grid-count{grid-template-columns:repeat(4,minmax(0,1fr))}}.grid-metric{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.grid-metric{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.grid-metric{grid-template-columns:repeat(3,minmax(0,1fr))}}.grid-chart{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media(min-width:1024px){.grid-chart{grid-template-columns:repeat(2,minmax(0,1fr))}}.bg-red-600{background-color:#dc2626}.bg-blue-600{background-color:#2563eb}.bg-green-600{background-color:#16a34a}.bg-yellow-500{background-color:#eab308}.bg-purple-600{background-color:#9333ea}.bg-indigo-600{background-color:#4f46e5}.bg-gray-600{background-color:#4b5563}.bg-gray-700{background-color:#374151}.bg-blue-500{background-color:#3b82f6}.coming-soon-container{min-height:89vh;display:flex;align-items:center;justify-content:center;background-color:#111827;padding:2rem}.coming-soon-content{text-align:center;max-width:600px}.coming-soon-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.coming-soon-message{font-size:1.125rem;color:#9ca3af;line-height:1.75}@media(max-width:768px){.coming-soon-title{font-size:2rem}.coming-soon-message{font-size:1rem}}._tableWrapper_19uuj_1{overflow-x:auto;border-radius:8px;background:#1e293b80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._table_19uuj_1{width:100%;border-collapse:collapse;font-size:.875rem}._tableHeader_19uuj_14{background:#334155cc;border-bottom:2px solid rgba(148,163,184,.2)}._tableCell_19uuj_19{padding:1rem;text-align:left;color:#cbd5e1;border-bottom:1px solid rgba(148,163,184,.1)}._tableHeader_19uuj_14 ._tableCell_19uuj_19{font-weight:600;color:#e2e8f0;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}._sortableHeader_19uuj_34{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}._sortableHeader_19uuj_34:hover{color:#60a5fa}._headerContent_19uuj_47{display:flex;align-items:center}._sortIconWrapper_19uuj_52{display:flex;align-items:center;margin-left:.25rem}._sortIcon_19uuj_52{width:1rem;height:1rem;opacity:.6;transition:opacity .2s ease}._sortableHeader_19uuj_34:hover ._sortIcon_19uuj_52{opacity:1}._tableBody_19uuj_69{background:#1e293b4d}._tableRow_19uuj_73{transition:background-color .2s ease}._tableRow_19uuj_73:hover{background:#33415566}._selectedRow_19uuj_81{background:#3b82f633!important}._selectedRow_19uuj_81:hover{background:#3b82f64d!important}._emptyState_19uuj_89{padding:3rem 1rem;text-align:center;color:#94a3b8}._checkbox_19uuj_96{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:#3b82f6;border-radius:.25rem}._checkbox_19uuj_96:hover{opacity:.8}._actionButtons_19uuj_109{display:flex;gap:.5rem;align-items:center}._actionButton_19uuj_109{padding:.375rem;border:none;background:transparent;cursor:pointer;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}._actionButton_19uuj_109:hover{background:#94a3b833}._viewIcon_19uuj_131{width:1.125rem;height:1.125rem;color:#60a5fa}._editIcon_19uuj_137{width:1.125rem;height:1.125rem;color:#34d399}._deleteIcon_19uuj_143{width:1.125rem;height:1.125rem;color:#f87171}._actionButton_19uuj_109:hover ._viewIcon_19uuj_131{color:#93c5fd}._actionButton_19uuj_109:hover ._editIcon_19uuj_137{color:#6ee7b7}._actionButton_19uuj_109:hover ._deleteIcon_19uuj_143{color:#fca5a5}._container_ct3ak_1{min-height:100vh;background-color:#111827;padding:1.5rem}._content_ct3ak_7{max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}._section_ct3ak_15{background-color:#1f2937;border-radius:.5rem;border:1px solid #374151;padding:1.25rem}._sectionTitle_ct3ak_22{color:#fff;font-size:1rem;font-weight:500;margin-bottom:1.25rem}._searchGrid_ct3ak_29{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.25rem}@media(min-width:768px){._searchGrid_ct3ak_29{grid-template-columns:repeat(3,1fr)}}._label_ct3ak_42{display:block;color:#9ca3af;font-size:.75rem;margin-bottom:.375rem;font-weight:500}._required_ct3ak_50:after{content:" *";color:#ef4444}._select_ct3ak_55,._input_ct3ak_56{width:100%;background-color:#111827;color:#d1d5db;border:1px solid #374151;border-radius:.375rem;padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem;transition:all .15s ease-in-out}._select_ct3ak_55:focus,._input_ct3ak_56:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}._select_ct3ak_55{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}._button_ct3ak_84{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:#2563eb;color:#fff;font-weight:500;font-size:.875rem;padding:.5rem 1.25rem;border-radius:.375rem;transition:background-color .15s ease-in-out;cursor:pointer;border:none}._button_ct3ak_84:hover{background-color:#1d4ed8}._buttonIcon_ct3ak_104{width:1rem;height:1rem}._tableWrapper_ct3ak_109{overflow-x:auto;border-radius:.5rem;border:1px solid #374151;background-color:#1f2937}._table_ct3ak_109{width:100%;border-collapse:collapse}._tableHeader_ct3ak_121{background-color:#111827;color:#9ca3af;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:left}._tableHeader_ct3ak_121 th{padding:.75rem 1rem;white-space:nowrap}._tableBody_ct3ak_136{background-color:#1f2937}._tableRow_ct3ak_140{border-bottom:1px solid #374151;transition:background-color .15s ease-in-out}._tableRow_ct3ak_140:last-child{border-bottom:none}._tableRow_ct3ak_140:hover{background-color:#1f2937}._tableCell_ct3ak_153{padding:.75rem 1rem;color:#d1d5db;font-size:.875rem;white-space:nowrap}._actionButtons_ct3ak_160{display:flex;gap:.25rem}._actionButton_ct3ak_160{padding:.375rem;border-radius:.25rem;transition:background-color .15s ease-in-out;display:flex;align-items:center;justify-content:center}._actionButton_ct3ak_160:hover{background-color:#374151}._viewIcon_ct3ak_178{color:#60a5fa;width:1rem;height:1rem}._editIcon_ct3ak_184{color:#fbbf24;width:1rem;height:1rem}._deleteIcon_ct3ak_190{color:#f87171;width:1rem;height:1rem}._emptyState_ct3ak_196{padding:4rem 1rem;text-align:center;color:#d1d5db}._emptyStateIcon_ct3ak_202{margin:0 auto 1.5rem;color:#4b5563;width:5rem;height:5rem}._emptyStateText_ct3ak_209{color:#ef4444;font-size:.875rem;margin-bottom:1rem}._emptyStateLink_ct3ak_215{color:#34d399;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.25rem;cursor:pointer}._emptyStateLink_ct3ak_215:hover{color:#10b981;text-decoration:underline}._footer_ct3ak_230{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-top:1px solid #374151;color:#9ca3af;font-size:.875rem}._viewToggle_ct3ak_240{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#1f2937;border-bottom:1px solid #374151;border-radius:.5rem .5rem 0 0}._viewToggleButtons_ct3ak_250{display:flex;gap:.5rem}._viewToggleButton_ct3ak_250{padding:0 .75rem;border-radius:.25rem;font-size:.8125rem;font-weight:500;display:flex;align-items:center;gap:.375rem;transition:all .15s ease-in-out;border:1px solid #374151;cursor:pointer;height:32px}._viewToggleButtonActive_ct3ak_269{background-color:#374151;color:#fff;border-color:#4b5563}._viewToggleButtonInactive_ct3ak_275{background-color:transparent;color:#9ca3af;border:1px solid #374151}._viewToggleButtonInactive_ct3ak_275:hover{color:#d1d5db;background-color:#ffffff0d;border-color:#4b5563}._viewToggleIcon_ct3ak_287{width:1rem;height:1rem}._searchButton_ct3ak_292{background-color:#2563eb;color:#fff;padding:0 .75rem;border-radius:.25rem;font-size:.8125rem;font-weight:500;display:flex;align-items:center;gap:.375rem;transition:all .15s ease-in-out;border:none;cursor:pointer;height:32px}._searchButton_ct3ak_292:hover{background-color:#1d4ed8;transform:translateY(-1px)}._listIcon_ct3ak_313,._gridIcon_ct3ak_314,._searchIcon_ct3ak_315{width:1rem;height:1rem;flex-shrink:0}._checkbox_ct3ak_322{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:#3b82f6;border-radius:.25rem}._checkbox_ct3ak_322:hover{opacity:.8}._checkbox_ct3ak_322:indeterminate{accent-color:#3b82f6}._selectedRow_ct3ak_532{background-color:#3b82f61a!important}._selectedRow_ct3ak_532:hover{background-color:#3b82f626!important}._detailsViewContainer_ct3ak_541{padding:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1rem}@media(min-width:1200px){._detailsViewContainer_ct3ak_541{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px)and (max-width:1199px){._detailsViewContainer_ct3ak_541{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){._detailsViewContainer_ct3ak_541{grid-template-columns:1fr;padding:.5rem}}._studentCard_ct3ak_567{background:linear-gradient(135deg,#1f293bf2,#111827f2);border:1px solid #374151;border-radius:.5rem;padding:1rem;transition:all .3s ease;position:relative;overflow:hidden;height:fit-content;display:flex;flex-direction:column}._studentCard_ct3ak_567:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);opacity:0;transition:opacity .3s ease}._studentCard_ct3ak_567:hover{border-color:#4b5563;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}._studentCard_ct3ak_567:hover:before{opacity:1}._cardContent_ct3ak_602{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}._leftSection_ct3ak_609{display:flex;gap:.75rem;flex:1;min-width:0}._avatarContainer_ct3ak_616{width:50px;height:50px;background:linear-gradient(135deg,#374151,#1f2937);border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #4b5563;transition:all .3s ease}._studentCard_ct3ak_567:hover ._avatarContainer_ct3ak_616{border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}._avatarIcon_ct3ak_634{width:1.25rem;height:1.25rem;color:#6b7280;transition:color .3s ease}._studentCard_ct3ak_567:hover ._avatarIcon_ct3ak_634{color:#3b82f6}._studentInfo_ct3ak_645{display:flex;flex-direction:column;gap:.75rem;flex:1}._studentName_ct3ak_652{font-size:1rem;font-weight:600;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem;line-height:1.2}._infoGrid_ct3ak_663{display:grid;grid-template-columns:1fr;gap:.25rem}._infoItem_ct3ak_669{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#9ca3af}._infoLabel_ct3ak_677{font-weight:500;color:#6b7280;min-width:60px}._infoValue_ct3ak_683{color:#d1d5db}._rightSection_ct3ak_687{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end;flex-shrink:0}._guardianInfo_ct3ak_695{display:flex;flex-direction:column;gap:.25rem;text-align:right;min-width:140px}._guardianTitle_ct3ak_703{font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}._guardianItem_ct3ak_712{font-size:.75rem;color:#9ca3af;display:flex;justify-content:flex-end;align-items:center;gap:.25rem}._guardianLabel_ct3ak_721{font-weight:500;color:#6b7280}._guardianValue_ct3ak_726{color:#d1d5db}._cardActionsContainer_ct3ak_730{position:absolute;bottom:.75rem;right:.75rem;z-index:10}._cardActions_ct3ak_730{display:flex;flex-direction:row;gap:.15rem;padding:.15rem;background:#11182780;border-radius:.375rem;border:1px solid #374151}._detailActionButton_ct3ak_747{padding:.05rem;border-radius:.25rem;background:transparent;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.75rem}._detailActionButton_ct3ak_747:hover{background:#3b82f61a;transform:translateY(-1px)}._actionIcon_ct3ak_766{width:.95rem;height:.95rem}._actionButtonView_ct3ak_771:hover{color:#60a5fa;background:#60a5fa1a}._actionButtonEdit_ct3ak_776:hover{color:#fbbf24;background:#fbbf241a}._actionButtonFee_ct3ak_781:hover{color:#34d399;background:#34d3991a}._actionButtonDelete_ct3ak_786:hover{color:#f87171;background:#f871711a}._feeIcon_ct3ak_791{color:#34d399;width:.875rem;height:.875rem}._badge_ct3ak_798{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}._badgePrimary_ct3ak_807{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}._detailsEmpty_ct3ak_814{padding:4rem 2rem;text-align:center;color:#6b7280}._detailsEmptyIcon_ct3ak_820{width:4rem;height:4rem;margin:0 auto 1rem;color:#4b5563}._detailsEmptyText_ct3ak_827{font-size:1rem;color:#9ca3af}._container_l3ccl_1{min-height:100vh;background-color:#111827;padding:1.5rem}._wrapper_l3ccl_7{margin:0 auto}._header_l3ccl_12{background-color:#1f2937;border:1px solid #374151;border-radius:.5rem;margin-bottom:1.5rem;padding:1.25rem;display:flex;align-items:center;justify-content:space-between}._title_l3ccl_23{color:#fff;font-size:1.25rem;font-weight:600}._importButton_l3ccl_29{background-color:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:.375rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:background-color .2s}._importButton_l3ccl_29:hover{background-color:#1d4ed8}._formContainer_l3ccl_46{background-color:#1f2937;border:1px solid #374151;border-radius:.5rem;padding:1.5rem;display:flex;flex-direction:column;gap:2rem}._sectionTitle_l3ccl_56{color:#fff;font-size:1rem;font-weight:500;margin-bottom:1rem}._grid_l3ccl_63{display:grid;gap:1.25rem;width:100%}._gridCols1_l3ccl_69,._gridCols2_l3ccl_73,._gridCols3_l3ccl_77,._gridCols4_l3ccl_81{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:640px){._gridCols2_l3ccl_73,._gridCols3_l3ccl_77,._gridCols4_l3ccl_81{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){._gridCols3_l3ccl_77{grid-template-columns:repeat(3,minmax(0,1fr))}._gridCols4_l3ccl_81{grid-template-columns:repeat(4,minmax(0,1fr))}}._input_l3ccl_103,._select_l3ccl_104{width:100%;min-width:0;box-sizing:border-box}._label_l3ccl_110{display:block;color:#9ca3af;font-size:.75rem;margin-bottom:.375rem}._required_l3ccl_117:after{content:" *";color:#ef4444}._input_l3ccl_103{width:100%;background-color:#111827;color:#d1d5db;border:1px solid #374151;border-radius:.375rem;padding:.625rem .75rem;font-size:.875rem;transition:all .2s}._input_l3ccl_103:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}._select_l3ccl_104{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}._uploadArea_l3ccl_149{border:2px dashed #374151;border-radius:.375rem;padding:.75rem;text-align:center;background-color:#111827;transition:border-color .2s;cursor:pointer}._uploadArea_l3ccl_149:hover{border-color:#4b5563}._uploadIcon_l3ccl_163{width:1.25rem;height:1.25rem;color:#6b7280;margin:0 auto .25rem}._uploadText_l3ccl_170{color:#6b7280;font-size:.75rem}._addButton_l3ccl_175{color:#60a5fa;display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;transition:color .2s}._addButton_l3ccl_175:hover{color:#3b82f6}._feeItem_l3ccl_189{border:1px solid #374151;border-radius:.375rem;overflow:hidden;margin-bottom:.5rem}._feeHeader_l3ccl_196{width:100%;background-color:#374151;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .2s}._feeHeader_l3ccl_196:hover{background-color:#4b5563}._feeContent_l3ccl_211{background-color:#111827;padding:1rem;border-top:1px solid #374151}._feeTable_l3ccl_217{width:100%;border-collapse:collapse;margin:.5rem 0;font-size:.8125rem;table-layout:fixed}._feeTable_l3ccl_217 th,._feeTable_l3ccl_217 td{padding:.5rem;text-align:left;border-bottom:1px solid #374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._feeTable_l3ccl_217 th:first-child,._feeTable_l3ccl_217 td:first-child{width:50%;padding-left:1rem}._feeTable_l3ccl_217 th:nth-child(2),._feeTable_l3ccl_217 td:nth-child(2){width:25%;text-align:center}._feeTable_l3ccl_217 th:last-child,._feeTable_l3ccl_217 td:last-child{width:25%;text-align:right;padding-right:1rem}._feeTable_l3ccl_217 thead{background-color:#374151}._feeTable_l3ccl_217 th{color:#e5e7eb;font-weight:500;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}._feeTable_l3ccl_217 td{color:#e5e7eb;vertical-align:middle}._feeTable_l3ccl_217 tbody tr:hover{background-color:#ffffff08}._feeTable_l3ccl_217 ._totalRow_l3ccl_275{background-color:#2563eb1a;font-weight:500}._feeTable_l3ccl_217 ._totalLabel_l3ccl_280{text-align:right!important;padding-right:1rem;color:#93c5fd;font-weight:600}._feeTable_l3ccl_217 ._totalAmount_l3ccl_287{color:#60a5fa;font-weight:600;font-size:.9375rem}@media(max-width:1024px){._feeTable_l3ccl_217{font-size:.8125rem}._feeTable_l3ccl_217 th:first-child,._feeTable_l3ccl_217 td:first-child{width:50%}._feeTable_l3ccl_217 th:nth-child(2),._feeTable_l3ccl_217 td:nth-child(2){width:30%}._feeTable_l3ccl_217 th:last-child,._feeTable_l3ccl_217 td:last-child{width:20%}}@media(max-width:640px){._feeContent_l3ccl_211{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}._feeTable_l3ccl_217{min-width:100%;width:auto}._feeTable_l3ccl_217 th,._feeTable_l3ccl_217 td{white-space:nowrap}._feeTable_l3ccl_217 th:first-child,._feeTable_l3ccl_217 td:first-child{width:auto;min-width:150px}._feeTable_l3ccl_217 th:nth-child(2),._feeTable_l3ccl_217 td:nth-child(2){width:auto;min-width:100px}._feeTable_l3ccl_217 th:last-child,._feeTable_l3ccl_217 td:last-child{width:auto;min-width:80px}}._saveButton_l3ccl_353{background-color:#2563eb;color:#fff;padding:.625rem 1.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:background-color .2s;margin-left:auto;display:block}._saveButton_l3ccl_353:hover{background-color:#1d4ed8}._saveContainer_l3ccl_369{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid #374151;margin-top:2rem}._radioGroup_l3ccl_378{display:flex;gap:1.5rem;margin-bottom:1.25rem}._radioLabel_l3ccl_384{display:flex;align-items:center;gap:.5rem;cursor:pointer}._radioInput_l3ccl_391{width:1rem;height:1rem;color:#3b82f6;border-color:#4b5563;background-color:#1f2937}._radioText_l3ccl_399{color:#d1d5db;font-size:.875rem}.disabledStudentsContainer{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f1f5f9;padding:1.5rem}.searchCriteriaCard{padding:1.5rem;margin-bottom:1.5rem}.viewToggleCard{padding:1rem;margin-bottom:1.5rem}.tableCard{overflow:hidden}.inputWrapper{position:relative}.inputIcon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#64748b;pointer-events:none}.input,.select{width:100%;background:#334155cc;border:1px solid rgba(100,116,139,.3);border-radius:.5rem;padding:.5rem .75rem;color:#f1f5f9;font-size:.875rem;transition:all .2s ease}.input{padding-left:2.5rem}.select{padding-right:2rem;appearance:none;cursor:pointer}.selectIcon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#64748b;pointer-events:none}.input::placeholder{color:#64748b}.input:focus,.select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input:disabled,.select:disabled{opacity:.5;cursor:not-allowed}.searchButton{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:.5rem;padding:.5rem 1.5rem;font-weight:500;font-size:.875rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;cursor:pointer}.searchButton:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.searchButton:disabled{background:#475569;cursor:not-allowed;transform:none;box-shadow:none}.searchButtonIcon{width:1rem;height:1rem}.viewToggleContainer{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.viewToggleGroup{display:flex;background:#33415599;border-radius:.5rem;padding:.25rem}.viewToggleButton{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;border:none;background:transparent;color:#94a3b8;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.viewToggleButton.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f633}.viewToggleButton:hover:not(.active){color:#f1f5f9;background:#47556966}.viewToggleIcon{width:1rem;height:1rem}.actionButtonsContainer{display:flex;gap:.5rem}.actionButton{padding:.5rem;background:#33415599;border:1px solid rgba(100,116,139,.2);border-radius:.5rem;color:#94a3b8;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.actionButton:hover{background:#475569cc;color:#f1f5f9;border-color:#64748b66;transform:translateY(-1px)}.actionButtonIcon{width:1rem;height:1rem}.classBadge,.genderBadgeMale{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.genderBadgeFemale{background:#ec489933;color:#f9a8d4;border:1px solid rgba(236,72,153,.3)}.disabilityBadge{background:#fb923c33;color:#fdba74;border:1px solid rgba(251,146,60,.3)}.tableActionButton.disable:hover{background:#ef444433}.tableActionButtonIcon.disable{color:#f87171}@media(max-width:768px){.disabledStudentsContainer{padding:1rem}.formGrid{grid-template-columns:1fr}.viewToggleContainer{flex-direction:column;align-items:stretch}.tableFooter{flex-direction:column;align-items:stretch;text-align:center}.searchButton{width:100%;justify-content:center}}@media(max-width:480px){.pageTitle{font-size:1.5rem}.sectionHeader{font-size:1.125rem}.viewToggleGroup{width:100%}.viewToggleButton{flex:1;justify-content:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.input:focus-visible,.select:focus-visible,button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media(prefers-contrast:high){.card,.input,.select{border-color:#f1f5f9}.badge{border-width:2px}}.studentCategoriesContainer{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f1f5f9;padding:1.5rem}.textarea{min-height:100px;font-family:inherit}.categoryBadge{background:#a855f733;color:#c4b5fd;border:1px solid rgba(168,85,247,.3)}.idBadge{background:#6b728033;color:#9ca3af;border:1px solid rgba(107,114,128,.3);font-family:Courier New,monospace}@media(max-width:768px){.studentCategoriesContainer{padding:1rem}.tableHeaderActions{flex-direction:column;align-items:stretch}.searchFilter{max-width:none}.exportButtons{justify-content:center}.tableFooter{flex-direction:column;align-items:stretch;text-align:center}.saveButton{width:100%;justify-content:center}}.studentHouseContainer{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f1f5f9;padding:1.5rem}.inputForm{display:flex;flex-direction:column;gap:1rem}.input,.textarea{width:100%;background:#334155cc;border:1px solid rgba(100,116,139,.3);border-radius:.5rem;padding:.75rem;color:#f1f5f9;font-size:.875rem;transition:all .2s ease;resize:vertical}.textarea{min-height:120px;font-family:inherit;line-height:1.5}.input:focus,.textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.saveButton{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.5rem;padding:.75rem 2rem;font-weight:500;font-size:.875rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;cursor:pointer;align-self:flex-start}.houseNameBadge{background:#fb923c33;color:#fdba74;border:1px solid rgba(251,146,60,.3)}.houseIdBadge{background:#6b728033;color:#9ca3af;border:1px solid rgba(107,114,128,.3);font-family:Courier New,monospace}.descriptionCell{max-width:300px;line-height:1.4;color:#cbd5e1;font-size:.875rem}.formGrid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.formGrid{grid-template-columns:1fr}}@media(max-width:768px){.studentHouseContainer{padding:1rem}.tableHeaderActions{flex-direction:column;align-items:stretch}.searchFilter{max-width:none}.exportButtons{justify-content:center}.tableFooter{flex-direction:column;align-items:stretch;text-align:center}.saveButton{width:100%;justify-content:center}.descriptionCell{max-width:none}}.input:focus-visible,.textarea:focus-visible,button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media(prefers-contrast:high){.card,.input,.textarea,.searchInput{border-color:#f1f5f9}.badge{border-width:2px}}.admission-enquiry-container{min-height:100vh;background-color:#111827;padding:1.5rem;width:100%;box-sizing:border-box}.admission-enquiry-content{margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.search-criteria-card{background-color:#1f2937;border-radius:.5rem;padding:1.5rem;border:1px solid #374151;box-shadow:0 1px 3px #0000001a}.search-criteria-title{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.search-criteria-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;margin-bottom:1rem}@media(min-width:768px){.search-criteria-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.search-criteria-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.form-group{display:flex;flex-direction:column}.form-label{display:block;color:#d1d5db;font-size:.875rem;margin-bottom:.5rem}.form-label-required{color:#ef4444}.form-input,.form-select{width:100%;background-color:#374151;color:#d1d5db;border:1px solid #4b5563;border-radius:.25rem;padding:.5rem .75rem;font-size:.875rem;box-sizing:border-box;transition:border-color .2s}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6}.form-input::placeholder{color:#9ca3af}.search-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#2563eb;color:#fff;padding:.5rem 1.5rem;border-radius:.25rem;border:none;cursor:pointer;font-size:.875rem;transition:background-color .2s}.search-button:hover{background-color:#1d4ed8}.search-button-icon{width:1rem;height:1rem}.table-card{background-color:#1f2937;border-radius:.5rem;border:1px solid #374151;box-shadow:0 1px 3px #0000001a}.table-header{padding:1rem;border-bottom:1px solid #374151;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.table-title-section{display:flex;align-items:center;gap:1rem}.table-title{color:#fff;font-size:1.125rem;font-weight:600}.add-button{display:flex;align-items:center;gap:.5rem;background-color:#16a34a;color:#fff;padding:.5rem 1rem;border-radius:.25rem;border:none;cursor:pointer;font-size:.875rem;transition:background-color .2s}.add-button:hover{background-color:#15803d}.add-button-icon{width:1rem;height:1rem}.table-actions{display:flex;align-items:center;gap:.5rem}.table-search-input{background-color:#374151;color:#d1d5db;border:1px solid #4b5563;border-radius:.25rem;padding:.375rem .75rem;font-size:.875rem;width:12rem;box-sizing:border-box;transition:border-color .2s}.table-search-input:focus{outline:none;border-color:#3b82f6}.table-search-input::placeholder{color:#9ca3af}.action-icon-button{padding:.5rem;background-color:transparent;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.action-icon-button:hover{background-color:#374151}.action-icon{width:1rem;height:1rem;color:#9ca3af}.table-wrapper{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table thead{background-color:#374151}.table th{padding:.75rem 1rem;text-align:left;color:#d1d5db;font-size:.875rem;font-weight:500}.table tbody tr{border-bottom:1px solid #374151;transition:background-color .2s}.table tbody tr:hover{background-color:#ef44441a}.table td{padding:.75rem 1rem;color:#d1d5db;font-size:.875rem}.status-badge{display:inline-block;background-color:#16a34a;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.table-action-buttons{display:flex;align-items:center;gap:.5rem}.table-action-button{padding:.375rem;background-color:transparent;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.table-action-button:hover{background-color:#4b5563}.table-action-icon{width:1rem;height:1rem}.table-action-icon-view{color:#60a5fa}.table-action-icon-edit{color:#fbbf24}.table-action-icon-delete{color:#f87171}.pagination{padding:1rem;border-top:1px solid #374151;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.pagination-info{color:#9ca3af;font-size:.875rem}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-button{padding:.25rem .75rem;background-color:#374151;color:#9ca3af;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.pagination-button:hover:not(:disabled){background-color:#4b5563}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button-active{background-color:#2563eb;color:#fff}.pagination-button-active:hover{background-color:#1d4ed8}.pagination-icon{width:1rem;height:1rem}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-content{background-color:#1f2937;border-radius:.5rem;border:1px solid #374151;width:100%;max-width:42rem;max-height:90vh;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.modal-header{padding:1.5rem;border-bottom:1px solid #374151;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background-color:#1f2937;z-index:10}.modal-title{color:#fff;font-size:1.125rem;font-weight:600}.modal-close-button{color:#9ca3af;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close-button:hover{color:#fff}.modal-body{padding:1.5rem}.modal-form-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.modal-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.modal-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.modal-button-cancel{padding:.5rem 1rem;background-color:#374151;color:#d1d5db;border:none;border-radius:.25rem;cursor:pointer;font-size:.875rem;transition:background-color .2s}.modal-button-cancel:hover{background-color:#4b5563}.modal-button-save{padding:.5rem 1rem;background-color:#2563eb;color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.875rem;transition:background-color .2s}.modal-button-save:hover{background-color:#1d4ed8}@media(max-width:768px){.admission-enquiry-container{padding:1rem}.table-header{flex-direction:column;align-items:flex-start}.table-actions{width:100%;flex-wrap:wrap}.table-search-input{width:100%}.pagination{flex-direction:column;align-items:flex-start}}@media(min-width:1600px){.admission-enquiry-container{padding:2rem}}.phoneCallLogContainer{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f1f5f9;padding:1.5rem}.contentWrapper{max-width:1280px;margin:0 auto}.pageHeader{margin-bottom:2rem}.pageTitle{font-size:2rem;font-weight:700;color:#f8fafc;margin-bottom:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.pageDescription{color:#94a3b8;font-size:.95rem}.card{background:#1e293bcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(71,85,105,.3);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.inputSectionCard{padding:1.5rem;margin-bottom:1.5rem}.tableSectionCard{overflow:hidden}.sectionHeader{font-size:1.25rem;font-weight:600;color:#f8fafc;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.sectionIcon{width:1.25rem;height:1.25rem;color:#60a5fa}.addCallButton{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;font-size:.875rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:1rem}.addCallButton:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.addCallButtonIcon{width:1rem;height:1rem}.callLogForm{background:#3341554d;border:1px solid rgba(100,116,139,.2);border-radius:.5rem;padding:1.5rem;margin-bottom:1rem;animation:slideDown .3s ease-out}.formGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.formGroup{display:flex;flex-direction:column}.formGroup.fullWidth{grid-column:1 / -1}.formLabel{display:block;font-size:.875rem;font-weight:500;color:#e2e8f0;margin-bottom:.5rem}.required{color:#ef4444;margin-left:.25rem}.input,.textarea,.dateInput{width:100%;background:#334155cc;border:1px solid rgba(100,116,139,.3);border-radius:.5rem;padding:.75rem;color:#f1f5f9;font-size:.875rem;transition:all .2s ease;resize:vertical}.textarea{min-height:100px;font-family:inherit;line-height:1.5}.dateInput{cursor:pointer}.input::placeholder,.textarea::placeholder{color:#64748b}.input:focus,.textarea:focus,.dateInput:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.radioGroup{display:flex;gap:1.5rem;padding:.5rem 0}.radioOption{display:flex;align-items:center;gap:.5rem;cursor:pointer}.radioInput{width:1rem;height:1rem;accent-color:#3b82f6;cursor:pointer}.radioLabel{font-size:.875rem;color:#e2e8f0;cursor:pointer;-webkit-user-select:none;user-select:none}.saveButton{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.5rem;padding:.75rem 2rem;font-weight:500;font-size:.875rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;cursor:pointer}.saveButton:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.saveButton:disabled{background:#475569;cursor:not-allowed;transform:none;box-shadow:none}.cancelButton{background:#6b7280cc;color:#f1f5f9;border:1px solid rgba(100,116,139,.3);border-radius:.5rem;padding:.75rem 2rem;font-weight:500;font-size:.875rem;transition:all .2s ease;cursor:pointer;margin-left:1rem}.cancelButton:hover{background:#4b5563cc;border-color:#64748b80}.formActions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.tableHeaderActions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.tableTitle{font-size:1.125rem;font-weight:600;color:#f8fafc}.exportButtons{display:flex;gap:.5rem}.exportButton{padding:.5rem 1rem;background:#33415599;border:1px solid rgba(100,116,139,.2);border-radius:.5rem;color:#94a3b8;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.exportButton:hover{background:#475569cc;color:#f1f5f9;border-color:#64748b66;transform:translateY(-1px)}.exportButtonIcon{width:1rem;height:1rem}.searchFilter{position:relative;max-width:300px;flex:1}.searchInput{width:100%;background:#334155cc;border:1px solid rgba(100,116,139,.3);border-radius:.5rem;padding:.5rem .75rem .5rem 2.5rem;color:#f1f5f9;font-size:.875rem;transition:all .2s ease}.searchInput::placeholder{color:#64748b}.searchInput:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.searchIcon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#64748b;pointer-events:none}.tableFooter{border-top:1px solid rgba(100,116,139,.2);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.recordCount{font-size:.875rem;color:#94a3b8}.pagination{display:flex;align-items:center;gap:.5rem}.paginationButton{padding:.25rem .75rem;background:#33415599;border:1px solid rgba(100,116,139,.2);border-radius:.375rem;color:#94a3b8;font-size:.875rem;cursor:pointer;transition:all .2s ease}.paginationButton:hover:not(:disabled){background:#475569cc;color:#f1f5f9}.paginationButton:disabled{opacity:.5;cursor:not-allowed}.paginationButton.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:transparent}.tableActions{display:flex;gap:.5rem}.tableActionButton{padding:.375rem;background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.tableActionButton:hover{background:#64748b33}.tableActionButton.view:hover{background:#3b82f633}.tableActionButton.edit:hover{background:#22c55e33}.tableActionButton.delete:hover{background:#ef444433}.tableActionButtonIcon{width:1.125rem;height:1.125rem}.tableActionButtonIcon.view{color:#60a5fa}.tableActionButtonIcon.edit{color:#34d399}.tableActionButtonIcon.delete{color:#f87171}.badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.nameBadge{background:#a855f733;color:#c4b5fd;border:1px solid rgba(168,85,247,.3)}.phoneBadge{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.3);font-family:Courier New,monospace}.dateBadge{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.callTypeIncoming{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.3)}.callTypeOutgoing{background:#fb923c33;color:#fdba74;border:1px solid rgba(251,146,60,.3)}.successMessage{background:#10b98133;border:1px solid rgba(16,185,129,.3);color:#34d399;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;animation:fadeIn .3s ease-out}.successIcon{width:1.25rem;height:1.25rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:1000px}}.card{animation:fadeIn .3s ease-out}@media(max-width:768px){.phoneCallLogContainer{padding:1rem}.formGrid{grid-template-columns:1fr}.tableHeaderActions{flex-direction:column;align-items:stretch}.searchFilter{max-width:none}.exportButtons{justify-content:center}.tableFooter{flex-direction:column;align-items:stretch;text-align:center}.addCallButton{width:100%;justify-content:center}.formActions{flex-direction:column}.cancelButton{margin-left:0}.radioGroup{flex-direction:column;gap:.75rem}}@media(max-width:480px){.pageTitle{font-size:1.5rem}.sectionHeader{font-size:1.125rem}.exportButtons{flex-wrap:wrap}.exportButton{flex:1;min-width:0;justify-content:center}}.input:focus-visible,.textarea:focus-visible,.dateInput:focus-visible,button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media(prefers-contrast:high){.card,.input,.textarea,.dateInput,.searchInput{border-color:#f1f5f9}.badge{border-width:2px}}.layout{display:flex;height:100vh;position:relative}.mobile-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:998}.sidebar{width:250px;background:#2e394b;color:#fff;display:flex;flex-direction:column;transition:transform .3s ease;z-index:999;position:relative}.sidebar-header{padding:20px;border-bottom:1px solid #34495e;display:flex;justify-content:space-between;align-items:center}.sidebar-header h2{margin:0;font-size:24px}.sidebar-close-btn{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:4px;align-items:center;justify-content:center}.sidebar-close-btn .icon{width:24px;height:24px}.sidebar-nav{flex:1;padding:5px 0;overflow-y:auto}.sidebar-nav a{display:block;padding:10px 20px;color:#ecf0f1;text-decoration:none;transition:background .3s}.sidebar-nav a:hover{background:#34495e}.sidebar-nav a.active{background:#1f5980}.nav-dropdown{width:100%}.nav-dropdown-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:none;border:none;color:#ecf0f1;text-align:left;cursor:pointer;transition:background .3s;font-size:inherit;font-family:inherit}.nav-dropdown-toggle:hover{background:#34495e}.nav-dropdown-toggle.active{background:#3498db}.nav-dropdown-toggle .dropdown-icon{width:16px;height:16px;transition:transform .3s}.nav-dropdown-menu{background:#1a252f;overflow:hidden;animation:slideDown .3s ease}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.nav-dropdown-menu a{display:block;padding:10px 20px 10px 40px;color:#ecf0f1;text-decoration:none;transition:background .3s;font-size:.9em}.nav-dropdown-menu a:hover{background:#34495e}.nav-dropdown-menu a.active{background:#3498db}.header{background:#2e394b;border-bottom:1px solid #455c81;padding:0 30px}.header-content{display:flex;justify-content:space-between;align-items:center;height:70px;gap:20px}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;align-items:center;justify-content:center}.mobile-menu-btn .icon{width:24px;height:24px}.header-content h1{flex:1;margin:0;font-size:20px;color:#fff}.header-actions{display:flex;align-items:center;gap:20px}.header-actions span{color:#fff;font-size:14px}.header-actions button{padding:8px 16px;background:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%}.content{flex:1;overflow-y:auto;background:#f5f5f5}@media(max-width:1024px){.mobile-overlay{display:block}.sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);box-shadow:2px 0 10px #0000001a}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close-btn,.mobile-menu-btn{display:flex}.header-content h1{font-size:18px}.header-actions span{display:none}}@media(max-width:768px){.header-content h1{font-size:16px}.header-actions button{padding:6px 12px;font-size:12px}}#root{text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}