*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F8F4EF;--surface: #FFFFFF;--surface2: #F2EEE9;--border: rgba(29, 29, 29, .08);--border-strong: rgba(29, 29, 29, .16);--text: #1D1D1D;--text2: #4F4841;--text3: #666666;--accent: #3DB157;--accent2: #2d9644;--green-light: #EAF7EE;--green-border: rgba(61, 177, 87, .3);--navy: #080A2D;--navy-hover: #0D1145;--green: #3DB157;--amber: #B8860B;--red: #C0392B;--red-light: #FDECEA;--blue: #5b8dee;--radius: 8px;--font: "DM Sans", sans-serif;--font-serif: "DM Serif Display", serif;--font-mono: "DM Mono", monospace;--shadow-card: 0 4px 16px 0 rgba(29, 29, 29, .08);--shadow-card-hover: 0 4px 20px 0 rgba(29, 29, 29, .13)}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:var(--font)}input,select{font-family:var(--font)}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.mobile-bar{display:none;position:fixed;top:0;left:0;right:0;height:52px;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:0 16px;z-index:100}.hamburger{background:none;border:none;color:var(--text);font-size:22px;cursor:pointer;padding:2px 6px;line-height:1}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:199}@media (max-width: 860px){.mobile-bar{display:flex!important}.app-sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;z-index:200!important;transform:translate(-260px)!important;transition:transform .25s ease!important;box-shadow:4px 0 32px #00000026!important}.app-sidebar.sidebar-open{transform:translate(0)!important}.sidebar-overlay.sidebar-open{display:block}.app-main{padding:68px 16px 16px!important}.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)!important}.table-scroll{overflow-x:auto!important}}@media (max-width: 480px){.grid-cols-4,.grid-cols-3{grid-template-columns:1fr!important}.app-main{padding:68px 12px 12px!important}}
