:root{--color-brand-yellow: #ffd600;--color-surface-yellow: #ffe45a;--color-surface-soft: #fff3a8;--color-text-dark: #222222;--color-text-muted: #666666;--color-white: #ffffff;--color-border-soft: rgba(0, 0, 0, .08);--radius-md: 14px;--radius-lg: 16px;--radius-xl: 24px;--space-xs: 12px;--space-sm: 16px;--space-md: 20px;--space-lg: 28px;--space-xl: 40px;--shadow-card: 0 10px 24px rgba(0, 0, 0, .12);--shadow-hover: 0 14px 32px rgba(0, 0, 0, .18);--header-height: 84px;--footer-height: 76px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%}body{font-family:Arial,Helvetica,sans-serif;background:var(--color-brand-yellow);color:var(--color-text-dark)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,input{outline:none}.main-shell{width:100%;height:100%;display:flex;flex-direction:column}.main-shell__header{height:var(--header-height);flex-shrink:0}.main-shell__body{flex:1;min-height:0;overflow:hidden}.main-shell__footer{height:var(--footer-height);flex-shrink:0}.content-container{width:100%;height:100%;overflow:hidden;padding:0 var(--space-lg) var(--space-lg)}.content-container__inner{width:100%;height:100%;overflow:auto}.app-card{background:var(--color-surface-yellow);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.placeholder-page{min-height:100%;padding:var(--space-lg);background:var(--color-surface-yellow);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}