:root{--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--text-xs:10px;--text-sm:11px;--text-base-sm:12px;--text-base:13px;--text-md:15px;--text-lg:18px;--text-xl:22px;--black:#111;--white:#fff;--gray-50:#fafafa;--gray-100:#f0f0f0;--gray-200:#ddd;--gray-300:#ccc;--gray-400:#aaa;--gray-500:#888;--gray-600:#666;--gray-700:#444;--gray-800:#333;--space-1:4px;--space-2:8px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--sidebar-width:200px;--sidebar-collapsed:40px;--bottom-nav-height:56px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-md);color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased}button{cursor:pointer}button,input,select,textarea{font-family:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--black);outline-offset:2px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:var(--gray-100);animation:skeleton-pulse 1.5s ease-in-out infinite}.accent-left{border-left:4px solid var(--black);padding-left:var(--space-4)}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);flex-shrink:0;border-right:1px solid var(--gray-200);background:var(--white);position:fixed;top:0;left:0;height:100vh;overflow-y:auto}.main-content{margin-left:var(--sidebar-width);flex:1 1;padding:var(--space-6);min-height:100vh}@media (max-width:1023px) and (min-width:768px){.sidebar{width:var(--sidebar-collapsed)}.sidebar-label{display:none}.main-content{margin-left:var(--sidebar-collapsed);padding:var(--space-4)}}@media (max-width:767px){.sidebar{display:none}.main-content{margin-left:0;padding:var(--space-4);padding-bottom:calc(var(--bottom-nav-height) + var(--space-4))}.bottom-nav{display:flex}.kpi-grid,.tool-grid{grid-template-columns:1fr 1fr!important}.prayer-grid{grid-template-columns:1fr!important}}@media (max-width:480px){.conversations-grid,.kpi-grid,.tool-grid{grid-template-columns:1fr!important}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:var(--white);border-top:1px solid var(--gray-200);z-index:100}