:root{--color-primary: #d97a73;--color-primary-dark: #a85a54;--color-primary-light: #f2c7c5;--color-success: #8a9a7b;--color-warning: #e0b06b;--color-error: #b35650;--color-info: #a8b8c0;--color-black: #000000;--color-charcoal: #1f1f1f;--color-dark-grey: #595959;--color-medium-grey: #8c8c8c;--color-light-grey: #d9d9d9;--color-pale-grey: #fafafa;--color-white: #ffffff;--color-canvas: #ffffff;--color-canvas-alt: #fafafa;--color-overlay: rgba(0, 0, 0, .45);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--radius-none: 0px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--shadow-flat: none;--shadow-raised: 0 2px 8px rgba(0, 0, 0, .06);--shadow-floating: 0 4px 12px rgba(0, 0, 0, .12);--shadow-modal: 0 8px 24px rgba(0, 0, 0, .15);--header-height: 64px;--header-height-mobile: 56px;--sidebar-width: 200px;--sidebar-width-collapsed: 80px;--max-container-width: 1440px}:root{--ant-color-primary: var(--color-primary);--ant-color-success: var(--color-success);--ant-color-warning: var(--color-warning);--ant-color-error: var(--color-error);--ant-color-info: var(--color-info);--ant-color-text: var(--color-black);--ant-color-text-secondary: var(--color-dark-grey);--ant-color-border: var(--color-light-grey);--ant-border-radius: var(--radius-md)}*{margin:0;padding:0;box-sizing:border-box;font-family:Source Code Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.card .print-btn{opacity:0;transition:opacity .15s}.card:hover .print-btn{opacity:1}html,body,#root{height:100%;font-family:Source Code Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--color-black);background-color:var(--color-canvas)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.app-layout{display:flex;height:100vh;flex-direction:column}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--color-canvas);border-bottom:1px solid var(--color-light-grey);padding:0 var(--space-xl);display:flex;align-items:center;justify-content:space-between;z-index:100;box-shadow:var(--shadow-raised)}.app-header-left{display:flex;align-items:center;gap:var(--space-lg);flex:1}.app-header-brand{font-size:20px;font-weight:600;color:var(--color-charcoal);min-width:max-content;letter-spacing:-.3px}.app-header-right{display:flex;align-items:center;gap:var(--space-xl);font-size:12px;color:var(--color-medium-grey);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.app-container{display:flex;flex:1;margin-top:var(--header-height);overflow:hidden}.app-sidebar{width:var(--sidebar-width);background-color:var(--color-canvas);border-right:1px solid var(--color-light-grey);overflow-y:auto;overflow-x:hidden;transition:width .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;scrollbar-width:thin;scrollbar-color:var(--color-light-grey) transparent}.app-sidebar::-webkit-scrollbar{width:6px}.app-sidebar::-webkit-scrollbar-track{background:transparent}.app-sidebar::-webkit-scrollbar-thumb{background-color:var(--color-light-grey);border-radius:3px}.app-sidebar.collapsed{width:var(--sidebar-width-collapsed)}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;background-color:var(--color-canvas-alt);padding:0;width:100%}@media (max-width: 1200px){.app-content{padding:0}}@media (max-width: 768px){.app-header{padding:0 var(--space-lg);height:var(--header-height)}.app-header-brand{font-size:16px}.app-header-right{gap:var(--space-md);font-size:11px}.app-sidebar{position:fixed;left:0;top:var(--header-height);height:calc(100vh - var(--header-height));z-index:99;width:var(--sidebar-width);transform:translate(-100%);transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 var(--shadow-raised)}.app-sidebar.visible{transform:translate(0)}.app-container{margin-top:var(--header-height)}.app-content{padding:0}}@media (max-width: 480px){.app-header{padding:0 var(--space-md);height:var(--header-height-mobile)}.app-header-brand{font-size:14px}.app-header-right{display:none}.app-content{padding:0}.app-container{margin-top:var(--header-height-mobile)}.app-sidebar{top:var(--header-height-mobile);height:calc(100vh - var(--header-height-mobile))}}