body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app-container{min-height:100vh}.app-header{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-left{align-items:center;gap:16px;min-width:0;display:flex}.header-logo-section{align-items:center;gap:12px;min-width:0;display:flex}.header-logo-icon{flex-shrink:0;font-size:32px}.header-title-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.header-menu-btn{align-items:center;padding:8px;display:flex}.header-tamil-toggle,.header-language-select,.header-user-info,.header-logout-btn{box-sizing:border-box;border-radius:8px;align-items:center;height:36px;font-size:13px;display:inline-flex}.header-tamil-toggle{gap:6px;padding:4px 10px}.header-language-select{border:1.5px solid #e5e7eb;outline:none;padding:4px 10px}.header-language-select option{color:#1f2937;background-color:#fff;font-size:13px}.header-user-info{gap:6px;padding:6px 12px}.header-logout-btn{gap:6px;padding:6px 14px;font-weight:600}.header-logout-btn .logout-text{font-size:13px;display:inline}.sidebar-overlay{display:none}.app-sidebar{box-sizing:border-box;background:#fff;border-right:1px solid #e5e7eb;flex-shrink:0;width:260px;padding:24px 0;transition:transform .3s}.app-sidebar.sidebar-hidden{display:none}.app-nav{flex-direction:column;gap:4px;padding:0 16px;display:flex}.sidebar-section-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin:16px 0 6px 12px;padding:0 4px;font-size:11px;font-weight:700}.app-nav-button{color:#4b5563;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.app-nav-button:hover{color:#1f2937;background-color:#f3f4f6}.app-nav-button.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);font-weight:600;box-shadow:0 4px 12px #667eea40}.nav-btn-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.main-content-area{min-height:calc(100vh - 73px);display:flex;position:relative}.page-content-area{flex:1;min-width:0;padding:32px;overflow-y:auto}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-box{box-sizing:border-box;width:100%;max-width:440px;padding:48px}.login-form{flex-direction:column;gap:24px;display:flex}.modal-overlay{justify-content:center;align-items:center;padding:20px;display:flex}.modal-content{width:100%;max-width:700px}.modal-header{justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-body{padding:24px}.details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.page-container{max-width:1400px;margin:0 auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:24px;display:grid}.form-container{box-sizing:border-box;padding:32px}.table-controls{flex-wrap:wrap;gap:16px;display:flex}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.profile-header{flex-wrap:wrap;align-items:center;gap:24px;padding:32px;display:flex}.profile-section{padding:24px 32px}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.payment-summary-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.child-form-grid{grid-template-columns:1fr 1fr 1fr auto;gap:12px;display:grid}.family-tree-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;display:grid}.confirm-buttons{flex-wrap:wrap;gap:12px;display:flex}.dashboard-content-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:8px;display:grid}.widget-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.head-summary-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:32px;display:grid}.head-summary-inner-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.payment-card-container{flex-direction:column;gap:24px;max-width:800px;margin:0 auto;display:flex}.payment-empty-card{max-width:600px;margin:0 auto}.payment-card-header{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.payment-info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:24px;display:grid}.payment-confirm-buttons{gap:16px;display:flex}.donation-summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.donation-tag-container{flex-wrap:wrap;gap:12px;display:flex}.donation-tag-card{min-width:180px}.profile-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.members-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.members-btn-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.expanded-detail-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.pagination-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding:12px 24px;display:flex}.staff-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.member-changes-grid{gap:24px;display:grid}.member-changes-grid.has-detail{grid-template-columns:1fr 1fr}.member-card-actions{flex-wrap:wrap;gap:8px;display:flex}.form-submit-row{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}@media (width<=768px){.app-header{flex-wrap:wrap;gap:8px;padding:12px}.header-left{flex:1;gap:8px;overflow:hidden}.header-logo-section{gap:6px;overflow:hidden}.header-logo-icon{font-size:22px}.header-title-text{max-width:none;font-size:clamp(.85rem,3.5vw,1rem)}.header-right{flex-basis:100%;justify-content:space-between;align-items:center;gap:6px;display:flex}.header-tamil-toggle,.header-language-select,.header-user-info,.header-logout-btn{box-sizing:border-box;border-radius:6px;align-items:center;height:34px;font-size:12px;display:inline-flex}.header-language-select{flex-shrink:0;max-width:none;padding:3px 8px;font-size:12px}.header-language-select option{font-size:12px}.header-user-info{text-overflow:ellipsis;white-space:nowrap;flex:1;gap:4px;min-width:0;padding:3px 8px;font-size:12px;overflow:hidden}.header-tamil-toggle{flex-shrink:0;gap:4px;padding:3px 6px}.header-logout-btn{flex-shrink:0;gap:5px;padding:4px 10px;font-size:12px}.header-logout-btn .logout-text{white-space:nowrap;max-width:none;font-size:12px;display:inline;overflow:visible}.app-sidebar{z-index:200;width:240px;height:100vh;padding-top:70px;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 20px #00000026}.app-sidebar.sidebar-open{transform:translate(0)}.app-sidebar.sidebar-hidden{display:block;transform:translate(-100%)}.sidebar-overlay{z-index:199;background:#0006;display:block;position:fixed;inset:0}.app-nav-button{gap:10px;padding:10px 12px;font-size:13px}.nav-btn-label{white-space:normal;word-break:break-word;line-height:1.3}.main-content-area{width:100%}.page-content-area{width:100%;padding:16px}h1{word-break:break-word;font-size:22px}.stat-card-content,p,span,td,th,label{word-break:break-word;overflow-wrap:break-word}.login-container{padding:12px}.login-box{max-width:100%;padding:24px}.login-form{gap:16px}.modal-overlay{padding:12px}.modal-content{max-width:100%}.modal-header,.modal-body{padding:16px}.details-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:20px}.stats-grid{grid-template-columns:1fr;gap:12px}.form-grid{grid-template-columns:1fr;gap:16px}.form-container{padding:16px}.table-controls{flex-direction:column;gap:8px}.profile-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.profile-section{padding:16px}.profile-grid,.payment-summary-grid{grid-template-columns:1fr}.child-form-grid{grid-template-columns:1fr;gap:8px}.family-tree-grid{grid-template-columns:1fr}.confirm-buttons{flex-direction:column}.dashboard-content-grid{grid-template-columns:1fr}.widget-grid{grid-template-columns:1fr;gap:12px}.head-summary-grid,.head-summary-inner-grid{grid-template-columns:1fr}.payment-card-container{gap:16px;max-width:100%}.payment-empty-card{max-width:100%}.payment-card-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.payment-info-grid{grid-template-columns:1fr;padding:16px}.payment-confirm-buttons{flex-direction:column;gap:10px}.donation-summary-grid{grid-template-columns:1fr;gap:12px}.donation-tag-card{width:100%;min-width:0}.profile-page-header{flex-direction:column;align-items:flex-start;gap:10px}.settings-panel,.content-panel{min-width:0;padding:16px}.members-page-header{flex-direction:column;align-items:flex-start}.members-btn-row{flex-wrap:wrap;width:100%}.expanded-detail-grid{grid-template-columns:1fr}.pagination-bar{flex-direction:column;gap:8px;padding:12px}.staff-section-header{flex-direction:column;align-items:flex-start}.member-changes-grid.has-detail{grid-template-columns:1fr}.member-card-actions{flex-direction:column;width:100%}.form-submit-row{flex-direction:column}}@media (width<=480px){.header-title-text{white-space:normal;text-overflow:clip;max-width:none;font-size:clamp(.78rem,3.5vw,.9rem);line-height:1.25;overflow:visible}.page-content-area{padding:10px}.app-nav-button{font-size:12px}.header-language-select{box-sizing:border-box;max-width:none;height:34px;padding:2px 6px;font-size:11px}.header-language-select option{font-size:12px}.header-user-info{box-sizing:border-box;flex:1;min-width:0;height:34px;padding:2px 6px;font-size:11px}.header-logout-btn{box-sizing:border-box;gap:4px;height:34px;padding:4px 8px}.header-logout-btn .logout-text{white-space:nowrap;max-width:none;font-size:11px;display:inline;overflow:visible}.login-box{padding:16px}.modal-header,.modal-body{padding:12px}.profile-header{gap:12px;padding:16px}.stats-grid{gap:8px}.payment-card-header{padding:12px}.payment-info-grid{gap:10px;padding:12px}.donation-summary-grid{gap:8px}.members-btn-row{gap:6px}.pagination-bar{padding:10px}}.stat-card-row{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.stat-card-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex:1;gap:4px;min-width:180px;padding:16px;display:flex}.change-password-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:480px;padding:36px;box-shadow:0 1px 3px #0000001a}.change-password-btn-row{gap:12px;margin-top:8px;display:flex}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-width:800px;margin-top:20px;padding:32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.settings-input{color:#1f2937;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;width:100%;max-width:300px;padding:12px 16px;font-size:14px;font-weight:500}.settings-input-wide{color:#1f2937;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;width:100%;max-width:450px;padding:12px 16px;font-size:14px;font-weight:500}.settings-template-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.content-tab-bar{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;gap:4px;margin-bottom:20px;padding-bottom:0;display:flex}.content-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.content-card-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding:16px;display:flex}.txn-filter-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.txn-type-badge{white-space:nowrap;display:inline-block}.txn-filter-input{flex:200px;min-width:180px}.txn-filter-select{flex:0 160px;min-width:130px}.txn-date-range{align-items:center;gap:8px;display:flex}.txn-date-input{flex:1;min-width:120px}.txn-sort-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s}.txn-sort-th:hover{color:#1e293b;background-color:#f1f5f9}.txn-sort-icon{color:#6366f1;margin-left:4px;font-size:11px;display:inline-block}.txn-sort-icon-inactive{color:#cbd5e1}.txn-member-badge{color:#1d4ed8;letter-spacing:.02em;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-flex}.txn-clear-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.txn-clear-btn:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.txn-summary-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px;padding:20px;display:grid;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.txn-summary-card{border-radius:10px;flex-direction:column;padding:14px 18px;transition:transform .15s;display:flex}.txn-summary-card:hover{transform:translateY(-2px)}.txn-summary-card-count{background:#f8fafc;border:1px solid #e2e8f0}.txn-summary-card-income{background:#ecfdf5;border:1px solid #a7f3d0}.txn-summary-card-expense{background:#fef2f2;border:1px solid #fecaca}.txn-summary-card-net{background:#f5f3ff;border:1px solid #ddd6fe}.txn-summary-label{text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:600}.txn-summary-value{font-size:20px;font-weight:800;line-height:1.2}.txn-summary-subtitle{opacity:.8;margin-top:4px;font-size:11px}.two-col-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.two-col-grid-sm{grid-template-columns:1fr 1fr;gap:12px;display:grid}.trust-modal-container{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;padding:32px;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.overflow-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;overflow-x:auto}.txn-pagination-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:20px;padding:12px 24px;display:flex;box-shadow:0 1px 3px #0000000d}@media (width<=768px){.stat-card-row{flex-direction:column;gap:10px}.stat-card-item{width:100%;min-width:0}.change-password-card{max-width:100%;padding:20px}.change-password-btn-row{flex-direction:column;gap:10px}.settings-card{max-width:100%;padding:16px}.settings-input,.settings-input-wide{max-width:100%}.settings-template-row{flex-direction:column;align-items:flex-start;gap:8px}.content-page-header,.content-card-item{flex-direction:column;align-items:flex-start}.txn-filter-row{flex-direction:column;align-items:stretch;gap:10px}.txn-filter-input,.txn-filter-select{box-sizing:border-box;flex:none;width:100%;min-width:0;height:auto}.txn-date-range{box-sizing:border-box;align-items:center;gap:8px;width:100%;display:flex}.txn-date-input{box-sizing:border-box;flex:1;width:100%;min-width:0;min-height:44px}.txn-table-container{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.two-col-grid,.two-col-grid-sm{grid-template-columns:1fr}.trust-modal-container{max-width:95%;padding:20px}.overflow-card{padding:10px}.txn-pagination-bar{text-align:center;flex-direction:column;gap:8px;padding:12px}}@media (width<=480px){.change-password-card{padding:16px}.settings-card,.stat-card-item{padding:12px}.receipt-form-card{padding:16px}.header-right{flex-basis:100%;justify-content:space-between;align-items:center;gap:6px;display:flex}.txn-date-range{flex-direction:column;align-items:stretch;gap:6px}.txn-date-range>span{text-align:center;padding:2px 0;font-size:16px;line-height:1}.txn-date-input{width:100%;min-height:44px}}.receipt-form-card{background:#fff;border-radius:12px;max-width:900px;margin:0 auto;padding:30px;box-shadow:0 4px 12px #0000000d}.receipt-pos-preview{box-sizing:border-box;color:#000;background-color:#fff;border:1px dashed #666;width:100%;max-width:320px;padding:12px 16px;font-family:Noto Sans Tamil,NotoSansTamil,sans-serif;font-size:11px;line-height:1.3}.receipt-popup-btn-row{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}@media (width<=480px){.receipt-popup-btn-row{flex-direction:column;align-items:stretch}.receipt-popup-btn-row button{justify-content:center;width:100%}}.seethana-screen-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.seethana-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.seethana-stats-row{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.seethana-stat-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;flex:1;min-width:200px;padding:12px 18px}.seethana-stat-label{color:#1e40af;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.seethana-stat-value{color:#1e3a8a;margin-top:4px;font-size:22px;font-weight:800}.seethana-table-container{margin-bottom:20px;overflow-x:auto}.seethana-twocol-grid{border-collapse:collapse;width:100%;font-family:inherit}.seethana-twocol-grid th{color:#1e293b;text-align:center;background-color:#f1f5f9;border:1px solid #cbd5e1;padding:10px 12px;font-size:13px;font-weight:700}.seethana-twocol-grid td{color:#334155;border:1px solid #e2e8f0;padding:8px 12px;font-size:13px}.seethana-twocol-grid tr:nth-child(2n){background-color:#f8fafc}.seethana-col-border{border-left:2px solid #94a3b8!important}.seethana-num-cell{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.seethana-cum-cell{text-align:right;font-variant-numeric:tabular-nums;color:#0369a1;font-weight:700}.seethana-total-row{color:#0369a1!important;background-color:#e0f2fe!important;border-top:2px solid #0284c7!important;font-weight:800!important}.seethana-signatures{justify-content:space-between;gap:24px;margin-top:40px;display:flex}.seethana-sign-box{border-top:1px dashed #64748b;flex:1;height:20px}@media print{@page{size:A4 portrait;margin:12mm 15mm 15mm}body *{visibility:hidden}#seethana-printable-sheet,#seethana-printable-sheet *,#kodai-printable-sheet,#kodai-printable-sheet *{visibility:visible}#seethana-printable-sheet,#kodai-printable-sheet{position:absolute;top:0;left:0;color:#000!important;background:#fff!important;width:100%!important;margin:0!important;padding:0!important}.no-print,.app-header,.app-sidebar,.seethana-toolbar{display:none!important}.seethana-print-header{text-align:center;border-bottom:2px solid #000;margin-bottom:14px;padding-bottom:8px}.seethana-print-header h1{color:#000!important;margin:0 0 4px!important;font-size:16pt!important;font-weight:800!important}.seethana-print-header h2{color:#000!important;margin:0 0 4px!important;font-size:13pt!important;font-weight:700!important}.seethana-print-header h3{color:#000!important;margin:0!important;font-size:11pt!important;font-weight:600!important}.seethana-print-header .seethana-print-meta{color:#4b5563!important;margin-top:4px!important;font-size:9pt!important}.seethana-twocol-grid{border-collapse:collapse!important;page-break-inside:auto!important;width:100%!important}.seethana-twocol-grid thead{display:table-header-group!important}.seethana-twocol-grid tr{page-break-inside:avoid!important;page-break-after:auto!important}.seethana-twocol-grid th{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#000!important;background-color:#f1f5f9!important;border:1px solid #000!important;padding:4px 5px!important;font-size:8.5pt!important;font-weight:700!important}.seethana-twocol-grid td{color:#000!important;background:0 0!important;border:1px solid #4b5563!important;padding:3.5px 5px!important;font-size:8.5pt!important}.seethana-col-border{border-left:2px solid #000!important}.seethana-cum-cell{color:#000!important;font-weight:700!important}.seethana-total-row{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#000!important;background-color:#f3f4f6!important;border-top:2px solid #000!important;font-weight:800!important}.seethana-signatures{page-break-inside:avoid!important;justify-content:space-between!important;margin-top:50px!important;display:flex!important}.seethana-sign-box{border-top:1px dashed #000!important;width:28%!important;height:10px!important}.seethana-bottom-meta{text-align:right!important;color:#4b5563!important;page-break-inside:avoid!important;margin-top:15px!important;font-size:8pt!important}}