:root{--primary-color: #0066cc;--secondary-color: #004499;--accent-color: #0099ff;--text-color: #333333;--text-light: #666666;--bg-color: #ffffff;--bg-light: #f5f5f5;--border-color: #dddddd;--error-color: #cc0000;--success-color: #00cc00;--warning-color: #ff9900;--nav-bg: #333333;--nav-text: #ffffff;--nav-hover: #4A72B2;--nav-hover-dark: #3a5a92;--bg-gray-light: #f8f9fa;--bg-gray-very-light: #f5f5f5;--text-gray: #666666;--text-gray-dark: #333333;--text-gray-medium: #727176;--border-gray: #dddddd;--border-gray-light: #e0e0e0;--btn-success: #28a745;--btn-success-hover: #218838;--btn-danger: #dc3545;--btn-danger-hover: #c82333;--btn-info: #007bff;--white: #ffffff;--black: #000000;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15);--shadow-dark: rgba(0, 0, 0, .2);--white-opacity-8: rgba(255, 255, 255, .8);--white-opacity-7: rgba(255, 255, 255, .7);--white-opacity-9: rgba(255, 255, 255, .9);--white-opacity-5: rgba(255, 255, 255, .5);--white-opacity-6: rgba(255, 255, 255, .6);--white-opacity-3: rgba(255, 255, 255, .3);--white-opacity-2: rgba(255, 255, 255, .2);--white-opacity-1: rgba(255, 255, 255, .1);--white-opacity-15: rgba(255, 255, 255, .15);--black-opacity-8: rgba(0, 0, 0, .8);--status-pending-bg: #d4edda;--status-pending-text: #155724;--status-production-bg: #f8d7da;--status-production-text: #721c24;--status-delivered-bg: #cce5ff;--status-delivered-text: #004085;--footer-bg-dark: #2c3e50;--bg-gray-placeholder: #f0f0f0;--text-gray-placeholder: #999999}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-color);background-color:var(--bg-color);line-height:1.6}a{text-decoration:none;color:var(--primary-color)}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}