@media (max-width: 768px){.main-content{padding:12px!important}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.card-grid{grid-template-columns:1fr!important}.hide-mobile{display:none!important}input,select,textarea,button{font-size:16px!important}.kpi-row{overflow-x:auto;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;padding-bottom:8px}.kpi-row>*{min-width:140px}}:root{--color-primary: #84cc16;--color-primary-hover: #65a30d;--color-surface: #f8fafc;--color-surface-elevated: #ffffff;--color-border: #e2e8f0;--color-text: #0f172a;--color-text-muted: #64748b;--color-danger: #dc2626;--color-warning: #f59e0b;--radius-sm: 6px;--radius-md: 8px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--sidebar-width: 260px;--header-height: 52px}html[dir=rtl] .main-surface{text-align:right}html[dir=ltr] .main-surface{text-align:left}.whc-btn-primary{background:var(--color-primary);color:#0f172a;border:none;border-radius:var(--radius-md);padding:8px 16px;font-weight:700;cursor:pointer}.whc-btn-primary:hover{background:var(--color-primary-hover);color:#fff}