*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body,#root{height:100%}.app-shell{display:flex;min-height:100vh;background:radial-gradient(circle at top left,#eef2ff,#f9fafb)}.sidebar{width:260px;color:#fff;padding:44px 18px 24px;display:flex;flex-direction:column;gap:32px;transition:width .2s ease;position:relative}.sidebar-collapsed{width:72px;padding:44px 12px 16px;align-items:center;overflow:hidden}.sidebar-toggle{position:absolute;top:12px;right:-14px;width:28px;height:28px;border-radius:999px;border:none;background:#fff;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;z-index:10;transition:transform .15s ease}.sidebar-toggle:hover{transform:scale(1.05)}.sidebar-theme-church{background:linear-gradient(180deg,#22c1c3,#4f46e5)}.sidebar-theme-mandir{background:linear-gradient(180deg,#f97316,#ea580c)}.sidebar-theme-masjid{background:linear-gradient(180deg,#16a34a,#15803d)}.sidebar-theme-gurudwara{background:linear-gradient(180deg,#facc15,#eab308)}.sidebar-logo{display:flex;align-items:center;gap:12px}.sidebar-collapsed .sidebar-logo{justify-content:center;border:none;background:transparent}.logo-image{height:50px;width:auto;object-fit:contain;border-radius:0;background:transparent;padding:0;box-shadow:none;border:none;border-color:transparent;outline:none}.sidebar-collapsed .logo-image{height:36px;background:transparent;border:none;border-color:transparent;box-shadow:none;outline:none}.sidebar-logo h1{font-size:20px;font-weight:600}.sidebar-logo p{font-size:12px;opacity:.8}.logo-mark{width:36px;height:36px;border-radius:999px;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:18px}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.nav-item{border:none;text-align:left;padding:10px 12px;border-radius:8px;background:transparent;color:#e5e7eb;cursor:pointer;font-size:14px;transition:background .2s ease,color .2s ease,transform .1s ease;display:flex;align-items:center;gap:10px}.sidebar-collapsed .nav-item{justify-content:center;padding:10px}.nav-item-icon{flex-shrink:0;opacity:.9}.nav-item:hover{background:#ffffff14;transform:translate(2px)}.nav-item-active{background:#fbbf24;color:#1f2937;font-weight:600}.sidebar-footer{margin-top:auto;font-size:12px;opacity:.8}.sidebar-collapsed .sidebar-footer{display:flex;justify-content:center;align-items:center}.sidebar-collapsed .logout-btn{padding:9px;min-width:36px}.logout-btn{border:none;border-radius:999px;padding:9px 18px;background:linear-gradient(135deg,#fb7185,#ef4444);color:#fff;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.sidebar-collapsed .logout-btn{padding:10px}.logout-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.main-content{flex:1;padding:24px 32px;display:flex;flex-direction:column;gap:20px}.main-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.main-header h2{font-size:22px;margin-bottom:4px}.main-header p{font-size:13px;color:#6b7280}.header-user{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.avatar-small{width:32px;height:32px;border-radius:999px;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px}.main-body{background:linear-gradient(135deg,#fff,#eef2ff);border-radius:14px;padding:20px 22px;box-shadow:0 10px 30px #0f172a0f}.main-body h2{font-size:20px;margin-bottom:10px;color:#000}.main-body p{font-size:14px;color:#000}.cards-row{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{position:relative;background:#f9fafb;border-radius:12px;padding:14px 16px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 8px 20px #0f172a0d;animation:card-enter .4s ease forwards;transform:translateY(6px);opacity:0;transition:transform .2s ease,box-shadow .2s ease}.card h3{font-size:14px;color:#000;margin-bottom:8px}.card-number{font-size:24px;font-weight:600;color:#000}.card-meta{margin-top:4px;font-size:12px;color:#000;opacity:.9}.card-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;color:#000}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0f172a38}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.card-icon{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#0f172a1f;color:#fff}@keyframes card-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.card-primary{background:linear-gradient(135deg,#e0f2fe,#bfdbfe);border:none}.card-success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:none}.card-warning{background:linear-gradient(135deg,#ffedd5,#fed7aa);border:none}.card-info{background:linear-gradient(135deg,#e0f2fe,#ddd6fe);border:none}.card-purple{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border:none}.table{width:100%;border-collapse:collapse;margin-top:16px;font-size:14px}.table th,.table td{padding:10px 8px;border-bottom:1px solid #e5e7eb;text-align:left}.table th{font-weight:600;color:#6b7280}.table tr:last-child td{border-bottom:none}.bullet-list{margin-top:10px;margin-left:18px;font-size:14px;color:#4b5563}.bullet-list li{margin-bottom:4px}.profile-card{display:flex;align-items:center;gap:14px;margin-top:14px;background:#f9fafb;border-radius:12px;padding:14px 16px;border:1px solid #e5e7eb}.profile-card-main{margin-top:0;background:#fff;box-shadow:0 12px 26px #0f172a14}.profile-page{display:flex;flex-direction:column;gap:16px}.profile-header-main{display:flex;align-items:center;justify-content:space-between}.profile-header-left{display:flex;align-items:center;gap:12px}.profile-name{font-size:18px;font-weight:600;color:#111827}.profile-email{font-size:13px;color:#6b7280}.profile-edit-btn{border:none;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:500;cursor:pointer;background:#2563eb;color:#fff}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;width:100%}.profile-field{display:flex;flex-direction:column;gap:4px}.profile-field-full{grid-column:1 / -1}.profile-label{font-size:12px;color:#6b7280}.profile-input{border-radius:8px;border:1px solid #e5e7eb;padding:8px 10px;font-size:13px;outline:none}.profile-input:disabled{background:#f9fafb}.avatar-circle{width:44px;height:44px;border-radius:999px;background:#fbbf24;display:flex;align-items:center;justify-content:center;font-weight:600;color:#1f2937}.devotee-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.devotee-header p{margin-top:4px;font-size:13px;color:#6b7280}.devotee-search{display:flex;align-items:center;gap:8px}.devotee-search-input{border-radius:999px;border:1px solid #e5e7eb;padding:8px 14px;font-size:13px;min-width:220px;outline:none;background:#f9fafb;color:#111827}.devotee-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 1px #4f46e566;background:#fff}.devotee-search-btn{border-radius:999px;border:none;padding:8px 14px;font-size:13px;background:linear-gradient(90deg,#4f46e5,#06b6d4);color:#fff;cursor:pointer;font-weight:500;box-shadow:0 8px 18px #4f46e566}.devotee-search-btn:hover{filter:brightness(1.05)}.devotee-list{margin-top:8px;border-radius:12px;border:1px solid #e5e7eb;background:#f9fafb;overflow:hidden}.devotee-list-header{display:grid;grid-template-columns:2.2fr 1fr 2fr 1fr 1.3fr;padding:10px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;background:#f3f4f6;color:#6b7280}.devotee-row{display:grid;grid-template-columns:2.2fr 1fr 2fr 1fr 1.3fr;padding:10px 14px;font-size:13px;align-items:center;border-top:1px solid #e5e7eb;background:#fff}.devotee-row:nth-child(odd){background:#fdfdfd}.devotee-cell{display:flex;align-items:center;gap:6px}.devotee-name-cell{gap:10px}.devotee-avatar{width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff}.devotee-name{font-weight:500;color:#111827}.devotee-temple{font-size:11px;color:#6b7280}.devotee-amount{font-weight:600;color:#16a34a}.devotee-message{color:#4b5563}.devotee-date,.devotee-temple-col{color:#4b5563;font-size:12px}.devotee-empty{padding:14px;text-align:center;font-size:13px;color:#6b7280}.help-list{margin-top:8px;border-radius:12px;border:1px solid #e5e7eb;background:#f9fafb;overflow:hidden}.help-list-header{display:grid;grid-template-columns:2.2fr 3fr 1.2fr 1.3fr;padding:10px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;background:#f3f4f6;color:#6b7280}.help-row{display:grid;grid-template-columns:2.2fr 3fr 1.2fr 1.3fr;padding:10px 14px;font-size:13px;align-items:center;border-top:1px solid #e5e7eb;background:#fff}.help-row:nth-child(odd){background:#fdfdfd}.help-cell{display:flex;align-items:center;gap:8px}.help-name-cell{gap:10px}.help-message{color:#4b5563}.help-date{font-size:12px;color:#4b5563}.help-status-cell{justify-content:flex-start}.help-status-select{border-radius:999px;border:1px solid #e5e7eb;padding:6px 12px;font-size:12px;background:#fff;color:#111827;outline:none}.help-status-select:focus{border-color:#6366f1;box-shadow:0 0 0 1px #4f46e566}.help-status-dot{width:8px;height:8px;border-radius:999px}.help-status-completed{background:#22c55e}.help-status-pending{background:#f97316}.help-subtext{font-size:11px;color:#9ca3af}@media(max-width:768px){.app-shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.sidebar-nav{flex-direction:row;flex-wrap:wrap}.main-content{padding:16px}.cards-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media(max-width:540px){.cards-row{grid-template-columns:1fr}}