:root{color-scheme:light;--app-bg: #f5f7f8;--surface: #ffffff;--surface-muted: #f8fafb;--border: #e3e8ec;--text: #15201e;--text-muted: #687572;--primary-green: #0f766e;--primary-green-light: #5eead4;--primary-green-dark: #115e59;--secondary-blue: #2563eb;--accent-teal: #0f766e;--accent-orange: #d97706;--accent-red: #dc2626;--sidebar: #ffffff;--sidebar-text: #15201e;--sidebar-item: #52615e;--sidebar-muted: #74827f;--sidebar-border: #e3e8ec;--sidebar-hover: #f0f7f5;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 12px 30px rgba(15, 23, 42, .04);--focus-ring: rgba(15, 118, 110, .16);--success-soft: #ecfdf5;--warning-soft: #fffbeb;--danger-soft: #fef2f2;--info-soft: #eff6ff}[data-theme=dark]{color-scheme:dark;--app-bg: #0c1211;--surface: #121a19;--surface-muted: #17211f;--border: #283431;--text: #edf3f1;--text-muted: #9aaba7;--sidebar: #08100f;--sidebar-text: #ffffff;--sidebar-item: #cbd8d5;--sidebar-muted: #8fa39e;--sidebar-border: rgba(255,255,255,.08);--sidebar-hover: rgba(255,255,255,.08);--shadow: 0 18px 40px rgba(0,0,0,.2);--focus-ring: rgba(45, 212, 191, .18);--success-soft: #10251f;--warning-soft: #271e0e;--danger-soft: #2a1515;--info-soft: #111f2d}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:var(--app-bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .18s ease,color .18s ease}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid #14b8a6;outline-offset:2px}select{appearance:auto!important;-webkit-appearance:menulist!important;-moz-appearance:auto!important;background-image:none!important}input,textarea,select{font-size:inherit}.btn-primary{background-color:#0f766e;color:#fff;font-weight:500;padding:8px 16px;border-radius:8px;transition:background-color .2s;border:none;cursor:pointer}.btn-primary:hover{background-color:#115e59}.btn-secondary{background-color:var(--surface);color:var(--text);font-weight:500;padding:8px 16px;border-radius:8px;transition:background-color .2s;border:1px solid var(--border);cursor:pointer}.btn-secondary:hover{background-color:var(--surface-muted)}.card{background-color:var(--surface);color:var(--text);border-radius:14px;box-shadow:var(--shadow);border:1px solid var(--border);padding:24px}.input-field{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);transition:border-color .2s,box-shadow .2s}.input-field:focus{outline:none;border-color:#0f766e;box-shadow:0 0 0 3px var(--focus-ring)}.select-field{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);transition:border-color .2s,box-shadow .2s}.select-field:focus{outline:none;border-color:#0f766e;box-shadow:0 0 0 3px var(--focus-ring)}.single-sidebar-layout{display:flex;min-height:100vh;background-color:#f9fafb}.blessedhope-sidebar{width:256px;background-color:#059669;color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;position:fixed;top:0;left:0;height:100vh;z-index:40;transition:transform .3s ease-in-out;overflow-y:auto}.blessedhope-logo{padding:24px;font-size:20px;font-weight:700;color:#fff;border-bottom:1px solid #047857}.blessedhope-nav{padding:16px}.nav-item{display:flex;align-items:center;padding:12px 16px;margin-bottom:8px;color:#fff;border-radius:8px;transition:background-color .2s;text-decoration:none}.nav-item:hover{background-color:#047857;text-decoration:none;color:#fff}.nav-item.active{background-color:#047857;color:#fff}.nav-icon{width:20px;height:20px;margin-right:12px}.nav-section-header{padding:8px 16px;margin:16px 0 8px;border-top:1px solid #047857;border-bottom:1px solid #047857}.main-content{flex:1;padding:24px;overflow:auto;margin-left:0;transition:margin-left .3s ease-in-out}@media (min-width: 1024px){.main-content{margin-left:256px}}@media (max-width: 1023px){.main-content{margin-left:0;padding:16px}.blessedhope-sidebar{transform:translate(-100%)}.blessedhope-sidebar.translate-x-0{transform:translate(0)}}@media (max-width: 768px){.main-content{padding:12px}.blessedhope-sidebar{width:280px}.blessedhope-logo{padding:20px;font-size:18px}.blessedhope-nav{padding:12px}.nav-item{padding:14px 16px;margin-bottom:6px}}@media (max-width: 640px){.main-content{padding:8px}.blessedhope-sidebar{width:100%;max-width:320px}.blessedhope-logo{padding:16px;font-size:16px}.blessedhope-nav{padding:8px}.nav-item{padding:16px;margin-bottom:4px;font-size:16px}.nav-icon{width:22px;height:22px;margin-right:14px}}@media (max-width: 480px){.card{padding:16px;border-radius:8px}.btn-primary,.btn-secondary{padding:12px 20px;font-size:16px;width:100%;margin-bottom:8px}.input-field,.select-field{padding:14px 16px;font-size:16px}}@media (hover: none) and (pointer: coarse){.nav-item,.btn-primary,.btn-secondary,.input-field,.select-field{min-height:44px}}.toast-container{position:fixed!important;top:72px!important;right:20px!important;left:auto!important;transform:none!important;z-index:9999!important;max-width:28rem!important;pointer-events:none!important}.toast-item{pointer-events:auto;margin-bottom:.5rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:9998}.modal-content{position:relative;z-index:9999}.app-shell{min-height:100vh;background:var(--app-bg);color:var(--text)}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:248px;display:flex;flex-direction:column;background:var(--sidebar);color:var(--sidebar-text);transform:translate(-100%);transition:transform .22s ease,visibility .22s ease,background-color .18s ease;visibility:hidden;border-right:1px solid var(--sidebar-border)}.app-sidebar.is-open{transform:translate(0)}.app-shell.sidebar-open .app-sidebar{visibility:visible}.app-brand-row{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--sidebar-border)}.app-brand{display:flex;align-items:center;gap:11px;color:var(--sidebar-text);text-decoration:none}.app-brand:hover{color:var(--sidebar-text);text-decoration:none}.app-brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#2dd4bf;color:#0b2824;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff40}.app-brand strong{display:block;font-size:14px;letter-spacing:.08em}.app-brand small{display:block;color:var(--sidebar-muted);font-size:11px;margin-top:1px}.app-nav{flex:1;overflow-y:auto;padding:14px 12px 22px;scrollbar-width:thin}.app-nav-group{margin-bottom:18px}.app-nav-group>p{margin:0 10px 6px;color:var(--sidebar-muted);font-size:10px;line-height:18px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.app-nav-item{min-height:40px;display:flex;align-items:center;gap:11px;padding:8px 10px;margin:2px 0;border-radius:9px;color:var(--sidebar-item);font-size:13px;font-weight:500;text-decoration:none;transition:background .15s ease,color .15s ease}.app-nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text);text-decoration:none}.app-nav-item.active{background:#0f766e;color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}.app-sidebar-footer{display:flex;align-items:center;gap:10px;padding:14px;border-top:1px solid var(--sidebar-border)}.app-user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;background:rgba(45,212,191,.14);color:#5eead4;font-size:13px;font-weight:700}.app-sidebar-footer p{margin:0;color:var(--sidebar-text);font-size:12px;font-weight:600}.app-sidebar-footer span{display:block;margin-top:1px;color:var(--sidebar-muted);font-size:10px;text-transform:capitalize}.icon-button{width:38px;height:38px;display:inline-grid;place-items:center;flex:none;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer;transition:background .15s ease}.icon-button:hover{background:rgba(127,127,127,.12)}.sidebar-toggle{display:inline-grid}.app-shell.sidebar-open .sidebar-toggle{display:none}.app-shell.sidebar-closed .sidebar-toggle{display:inline-grid}.app-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;border:0;background:rgba(3,12,10,.62);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-workspace{min-height:100vh;transition:margin-left .22s ease}.app-topbar{position:sticky;top:0;z-index:35;height:64px;display:flex;align-items:center;gap:12px;padding:0 16px;background:color-mix(in srgb,var(--surface) 88%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-topbar-context{flex:1;min-width:0;display:inline-flex;align-items:center;min-height:40px;color:var(--text-muted);font-size:12px;font-weight:650;text-decoration:none}.app-topbar-context:hover{color:var(--text);text-decoration:none}.app-content{width:100%;max-width:1440px;margin:0 auto;padding:20px 16px 44px}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.ui-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:13px;font-weight:650;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.ui-button:hover{background:var(--surface-muted);border-color:color-mix(in srgb,var(--border),var(--text) 18%)}.ui-button:active{transform:scale(.98)}.ui-button.primary{border-color:#0f766e;background:#0f766e;color:#fff}.ui-button.primary:hover{background:#115e59}.ui-button.danger{color:#b91c1c}.ui-field{min-height:42px;width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);outline:0;transition:border-color .12s ease,box-shadow .12s ease}.ui-field:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.ui-field.pl-9{padding-left:2.25rem!important}.ui-field.pl-10{padding-left:2.5rem!important}.ui-muted{color:var(--text-muted)}@media (min-width: 1024px){.app-shell.sidebar-open .app-sidebar{transform:translate(0)}.app-shell.sidebar-closed .app-sidebar{transform:translate(-100%);visibility:hidden}.app-shell.sidebar-open .app-workspace{margin-left:248px}.app-shell.sidebar-closed .app-workspace{margin-left:0}.app-topbar{padding:0 28px}.app-content{padding:28px 30px 56px}}@media (max-width: 640px){.app-sidebar{width:min(86vw,300px)}.app-content{padding:16px 12px 36px}.toast-container{top:68px!important;left:12px!important;right:12px!important;width:auto!important}}.app-content h1,.app-content h2,.app-content h3,.app-content h4{color:var(--text);letter-spacing:-.018em}.app-content h1{line-height:1.2}.app-content label{color:var(--text)}.app-content :where(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select){min-height:42px;background:var(--surface);color:var(--text);border-color:var(--border)!important;border-radius:10px!important;box-shadow:none}.app-content textarea{line-height:1.55;resize:vertical}.app-content :where(input,textarea)::placeholder{color:var(--text-muted);opacity:.82}.app-content :where(input:not([type=checkbox]):not([type=radio]),textarea,select):focus{outline:none;border-color:#0f766e!important;box-shadow:0 0 0 3px var(--focus-ring)!important}.app-content :where(button,a)[class*=rounded-]{transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}.app-content :where(button,a)[class*=bg-gradient-to-]{background-image:none!important;background-color:#0f766e!important;border-radius:10px!important;box-shadow:none!important;transform:none!important}.app-content :where(button,a)[class*=bg-gradient-to-]:hover{background-color:#115e59!important;transform:none!important}.app-content div[class*=bg-gradient-to-][class*="-50"]{background-image:none!important;background-color:var(--surface-muted)!important}.app-content div[class*=bg-gradient-to-][class*="-50"]>.flex>div:first-child{background-color:#0f766e!important}.app-content form>div.bg-white,.app-content form>section.bg-white{border-color:var(--border)!important;border-radius:14px!important;box-shadow:var(--shadow)!important}.app-content>form{max-width:1120px;margin-inline:auto}.app-content>.mb-8{max-width:1120px;margin-inline:auto}.app-content form>div.bg-white>div[class*=bg-gradient-to-]{padding:20px 24px!important}.app-content form>div.bg-white>div.p-8{padding:24px!important}.app-content table{width:100%;background:var(--surface);color:var(--text)}.app-content thead{background:var(--surface-muted)}.app-content th{color:var(--text-muted);font-size:11px;letter-spacing:.04em}.app-content tbody tr{background:var(--surface);transition:background-color .12s ease}.app-content tbody tr:nth-child(2n){background:var(--surface-muted)}.app-content tbody tr:hover{background:color-mix(in srgb,var(--surface-muted),#0f766e 5%)!important}.app-content td,.app-content th{border-color:var(--border)!important}.auth-page,.public-form-page{min-height:100vh;background:var(--app-bg)!important;color:var(--text)}.auth-card,.public-form-page form,.public-form-page>div>div{background:var(--surface);color:var(--text);border-color:var(--border)!important;box-shadow:var(--shadow)}.auth-card{padding:32px;border:1px solid var(--border);border-radius:16px}.auth-theme-toggle{position:fixed;top:20px;right:20px;z-index:2;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.auth-page input,.public-form-page :where(input,textarea,select){background:var(--surface);color:var(--text);border:1px solid var(--border)!important;border-radius:10px!important}[data-theme=dark] .bg-white{background-color:var(--surface)!important}[data-theme=dark] .bg-gray-50,[data-theme=dark] .bg-gray-100,[data-theme=dark] .app-content [class*=bg-gray-50],[data-theme=dark] .app-content [class*="bg-white/"]{background-color:var(--surface-muted)!important}[data-theme=dark] .text-gray-900,[data-theme=dark] .text-gray-800,[data-theme=dark] .text-gray-700{color:var(--text)!important}[data-theme=dark] .text-gray-600,[data-theme=dark] .text-gray-500,[data-theme=dark] .text-gray-400{color:var(--text-muted)!important}[data-theme=dark] .border,[data-theme=dark] .border-gray-100,[data-theme=dark] .border-gray-200,[data-theme=dark] .border-gray-300,[data-theme=dark] [class*=divide-gray-]>:not([hidden])~:not([hidden]){border-color:var(--border)!important}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:var(--surface);color:var(--text);border-color:var(--border)!important}[data-theme=dark] .shadow,[data-theme=dark] .shadow-sm,[data-theme=dark] .shadow-md,[data-theme=dark] .shadow-lg,[data-theme=dark] .shadow-xl{box-shadow:var(--shadow)!important}[data-theme=dark] .bg-emerald-50,[data-theme=dark] .bg-emerald-100,[data-theme=dark] .bg-green-50,[data-theme=dark] .bg-green-100{background-color:var(--success-soft)!important}[data-theme=dark] .bg-blue-50,[data-theme=dark] .bg-blue-100,[data-theme=dark] .bg-indigo-50,[data-theme=dark] .bg-indigo-100{background-color:var(--info-soft)!important}[data-theme=dark] .bg-amber-50,[data-theme=dark] .bg-amber-100,[data-theme=dark] .bg-orange-50,[data-theme=dark] .bg-orange-100{background-color:var(--warning-soft)!important}[data-theme=dark] .bg-red-50,[data-theme=dark] .bg-red-100,[data-theme=dark] .bg-pink-50,[data-theme=dark] .bg-pink-100,[data-theme=dark] .bg-rose-50,[data-theme=dark] .bg-rose-100{background-color:var(--danger-soft)!important}[data-theme=dark] :is(.text-emerald-600,.text-emerald-700,.text-emerald-800,.text-green-600,.text-green-700,.text-green-800){color:#6ee7b7!important}[data-theme=dark] :is(.text-blue-600,.text-blue-700,.text-blue-800,.text-indigo-600,.text-indigo-700){color:#93c5fd!important}[data-theme=dark] :is(.text-amber-600,.text-amber-700,.text-orange-600,.text-orange-700){color:#fcd34d!important}[data-theme=dark] :is(.text-red-500,.text-red-600,.text-red-700,.text-red-800){color:#fca5a5!important}@media (max-width: 640px){.app-content h1{font-size:1.75rem!important}.app-content>.mb-8{margin-bottom:20px!important}.app-content form>div.bg-white>div[class*=bg-gradient-to-],.app-content form>div.bg-white>div.p-8{padding:16px!important}.app-content form[class*=space-y-]{row-gap:16px}.auth-card{padding:24px 20px}}