:root{--mobile-header-h:60px;--bottom-nav-h:64px}html{-webkit-text-size-adjust:100%}button,[role=button]{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:active,[role=button]:active{transform:scale(.98)}@media (hover:none){button:hover,[role=button]:hover{background:inherit}}@media (width<=768px){input,select,textarea{font-size:16px!important}}.app-container{height:100dvh;display:flex;position:relative;overflow:hidden}.main-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;padding:32px 40px 64px;overflow-y:auto}.full-dvh{height:100dvh}.page-title{color:#2c2c2c;letter-spacing:-.03em;margin:0;font-family:Playfair Display,serif;font-size:clamp(26px,4.2vw,36px);font-weight:600;line-height:1.1}.page-subtitle{color:#737373;margin-top:4px;font-family:DM Sans,sans-serif;font-size:clamp(13px,1.7vw,15px);line-height:1.45}.section-title{color:#2c2c2c;margin:0;font-family:Playfair Display,serif;font-size:clamp(18px,2.6vw,22px);font-weight:600}.mobile-header{padding:14px 18px;padding-top:calc(14px + env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(16px);z-index:60;background:#fafaf8eb;border-bottom:1px solid #e8e5df;justify-content:space-between;align-items:center;display:none}.mobile-menu-btn{cursor:pointer;color:#737373;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;display:flex}.sidebar-overlay{z-index:45;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background:#0006;transition:opacity .3s;display:none;position:fixed;inset:0}.sidebar-overlay.active{opacity:1}.grid-2-cols{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.grid-3-cols{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;display:grid}.grid-4-cols{grid-template-columns:repeat(4,1fr);align-items:start;gap:16px;display:grid}.grid-5-cols{grid-template-columns:repeat(5,1fr);align-items:start;gap:16px;display:grid}.grid-layout-sidebar{grid-template-columns:1fr 360px;align-items:start;gap:24px;display:grid}.grid-layout-sidebar-reverse{grid-template-columns:360px 1fr;align-items:start;gap:24px;display:grid}.grid-1-2-cols{grid-template-columns:1fr 2fr;align-items:start;gap:24px;display:grid}.grid-2-1-cols{grid-template-columns:2fr 1fr;align-items:start;gap:24px;display:grid}.grid-3-1-cols{grid-template-columns:3fr 1fr;align-items:start;gap:24px;display:grid}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start;gap:20px;display:grid}.grid-auto-fill-sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:start;gap:16px;display:grid}.responsive-grid{align-items:start;gap:16px;display:grid}.flex-row-mobile-col{flex-flow:wrap;align-items:center;gap:16px;display:flex}.flex-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.card-responsive{background:#fff;border:1px solid #e8e5df;border-radius:16px;padding:24px;box-shadow:0 1px 3px #00000008}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;background:#00000059;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-responsive{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 32px 64px #0000002e}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.hide-mobile{display:initial}.show-mobile{display:none}@media (width<=768px){.hide-mobile{display:none!important}.show-mobile{display:initial!important}}@media (width<=1024px){.grid-4-cols,.grid-5-cols{grid-template-columns:repeat(2,1fr)}.grid-layout-sidebar,.grid-layout-sidebar-reverse,.grid-1-2-cols,.grid-2-1-cols,.grid-3-1-cols{grid-template-columns:1fr}.main-content{padding:28px 28px 56px}}@media (width<=768px){.app-container{flex-direction:column!important;height:100dvh!important;overflow:hidden!important}.main-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;overflow-y:auto;padding:calc(var(--mobile-header-h) + 16px) 16px calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0px) + 16px)!important}.mobile-header{width:100%;min-height:var(--mobile-header-h);z-index:60;box-sizing:border-box;top:0;left:0;right:0;display:flex!important;position:fixed!important}.sidebar-container{transition:transform .3s;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0000001a;width:280px!important;height:100dvh!important;position:fixed!important}.sidebar-container.mobile-open{transform:translate(0)}.sidebar-overlay.active{display:block}.desktop-collapse-btn{display:none!important}.grid-2-cols,.grid-3-cols,.grid-4-cols,.grid-5-cols,.grid-layout-sidebar,.grid-layout-sidebar-reverse,.grid-1-2-cols,.grid-2-1-cols,.grid-3-1-cols,.grid-auto-fill,.grid-auto-fill-sm,.responsive-grid{grid-template-columns:1fr!important;gap:12px!important}.flex-row-mobile-col{flex-direction:column!important;align-items:stretch!important}.modal-responsive{max-width:100%;max-height:92vh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:20px 20px 0 0;animation:.28s cubic-bezier(.2,.8,.2,1) modalSlideUp}.modal-backdrop{align-items:flex-end;padding:0}.card-responsive{border-radius:14px;padding:16px}}@media (width<=380px){.main-content{padding-left:12px!important;padding-right:12px!important}}.bottom-nav{display:none}@media (width<=768px){.bottom-nav{z-index:55;-webkit-backdrop-filter:blur(20px);padding:6px 8px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));min-height:var(--bottom-nav-h);background:#ffffffeb;border-top:1px solid #e8e5df;justify-content:space-around;align-items:center;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000a}}