*,*:before,*:after{box-sizing:border-box}:root{--bg: #080b10;--card: #111820;--border: #1e2d3d;--accent: #00d4ff;--accent-hover: #00b8d9;--success: #10b981;--warning: #f59e0b;--error: #f87171;--text: #e2e8f0;--text-muted: #64748b;--sidebar-w: 240px}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Arial,system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;font-size:14px;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;width:100%;outline:none;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.mobile-only{display:none!important}.desktop-only{display:flex!important}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:99}@media(max-width:768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.app-sidebar{position:fixed!important;left:-260px!important;top:0;bottom:0;z-index:100;transition:left .25s ease;height:100vh!important}.app-sidebar.sidebar-open{left:0!important}.sidebar-overlay.overlay-open{display:block}.app-main{width:100%!important;min-width:0!important}.app-topbar{padding:0 16px!important}.app-content{padding:16px!important}.page-header-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.page-header-row .header-create-btn{width:100%!important;justify-content:center!important;min-height:44px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.dash-grid-2{grid-template-columns:1fr!important}.posts-table-wrap{overflow-x:auto!important}.filter-tabs-scroll{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.filter-tabs-scroll::-webkit-scrollbar{display:none}.templates-grid{grid-template-columns:1fr!important}.templates-filter-row,.templates-search-row{flex-direction:column!important;align-items:stretch!important}.templates-search-box{max-width:100%!important}.composer-overlay{padding:0!important;align-items:flex-end!important}.composer-modal{border-radius:16px 16px 0 0!important;max-height:95vh!important;max-width:100%!important}.composer-actions{flex-direction:column!important}.composer-actions button{width:100%!important;justify-content:center!important;min-height:44px!important}.composer-ai-row{flex-direction:column!important}.composer-ai-row button{width:100%!important;justify-content:center!important;min-height:44px!important}.bulk-page{max-width:100%!important}.bulk-step-label{display:none!important}.bulk-card{padding:16px!important}.bulk-btn-row{flex-direction:column!important}.bulk-btn-row button{width:100%!important;justify-content:center!important;min-height:44px!important}.bulk-preview-header{flex-direction:column!important;align-items:stretch!important}.bulk-preview-actions{flex-direction:column!important;align-items:stretch!important;width:100%!important}.bulk-preview-actions button,.bulk-preview-actions select{width:100%!important;min-height:44px!important}.template-modal{max-width:100%!important;border-radius:16px 16px 0 0!important;max-height:95vh!important}.template-overlay{padding:0!important;align-items:flex-end!important}.template-modal-footer{flex-direction:column!important}.template-modal-footer button{width:100%!important;justify-content:center!important;min-height:44px!important}}