:root{--bg-main: #F7F6F0;--bg-surface: #FFFFFF;--bg-sidebar: #103D35;--bg-sidebar-hover: #184b42;--bg-sidebar-active: #1d574d;--sidebar-text: #E5EBE7;--sidebar-muted: #A3B5AC;--primary: #155C4B;--primary-hover: #11483b;--primary-light: #EBF2EE;--text-main: #252A27;--text-muted: #5C635E;--text-light: #808A83;--border-color: #D8DDD5;--border-subtle: #E6EAE3;--soft-green: #E9EDE6;--soft-green-hover: #DEE4DA;--warning-bg: #FCF6EC;--warning-border: #E8D3B3;--warning-text: #6B4E1B;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: "Lora", Georgia, Cambria, "Times New Roman", serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, Menlo, monospace;--sidebar-width: 250px;--header-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:500;color:var(--text-main);letter-spacing:-.01em}p{color:var(--text-main)}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font-sans);color:var(--text-main)}a{color:var(--primary);text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd2c7;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b3bcb0}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--bg-main)}.app-body{display:flex;flex:1;height:calc(100vh - var(--header-height));overflow:hidden;position:relative}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;background-color:var(--bg-main)}.workspace-columns{display:grid;grid-template-columns:1.05fr 1fr;flex:1;min-height:100%}.workspace-left-col{padding:32px 36px 48px;border-right:1px solid var(--border-color);background-color:var(--bg-main)}.workspace-right-col{padding:32px 36px 48px;background-color:var(--bg-main);display:flex;flex-direction:column}@media(max-width:1080px){.workspace-columns{grid-template-columns:1fr}.workspace-left-col{border-right:none;border-bottom:1px solid var(--border-color);padding:24px}.workspace-right-col{padding:24px}}@media(max-width:768px){.app-container{height:auto;min-height:100vh;overflow:visible}.app-body{flex-direction:column;height:auto;overflow:visible}.main-content{overflow:visible}.workspace-left-col,.workspace-right-col{padding:16px}}