*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:#0f1a2b;background:#f8fafb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;color:#0f1a2b;line-height:1.3}.card{background:#fff;border-radius:14px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000000a;padding:20px}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:#1f6b5f;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s}.btn-primary:hover{background:#185a50}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary .material-icons{font-size:16px}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:#fff;color:#0f1a2b;border:1px solid #E5E7EB;border-radius:10px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .15s}.btn-secondary:hover{border-color:#1f6b5f;color:#1f6b5f}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary .material-icons{font-size:16px}.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:#dc2626;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s}.btn-danger:hover{background:#b91c1c}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:none;border-radius:8px;color:#6b7a8d;cursor:pointer;transition:all .15s}.btn-icon .material-icons{font-size:18px}.btn-icon:hover{background:#f3f4f6;color:#1f6b5f}.btn-icon.danger:hover{background:#fef2f2;color:#dc2626}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],input[type=url],textarea,select{padding:10px 12px;border:1px solid #D1D5DB;border-radius:10px;font-size:14px;font-family:DM Sans,sans-serif;color:#0f1a2b;background:#f8fafb;transition:border-color .2s,box-shadow .2s;width:100%}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=date]::placeholder,input[type=search]::placeholder,input[type=url]::placeholder,textarea::placeholder,select::placeholder{color:#9ca3af}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus,input[type=search]:focus,input[type=url]:focus,textarea:focus,select:focus{outline:none;border-color:#1f6b5f;box-shadow:0 0 0 3px #1f6b5f1a}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,input[type=date]:disabled,input[type=search]:disabled,input[type=url]:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed;background:#f3f4f6}textarea{resize:vertical;min-height:80px}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7A8D' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}label{font-size:13px;font-weight:500;color:#374151}table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:#6b7a8d;text-transform:uppercase;letter-spacing:.5px;background:#fafbfc;border-bottom:1px solid #E5E7EB;white-space:nowrap}tbody td{padding:12px 16px;font-size:13px;color:#374151;border-bottom:1px solid #F3F4F6}tbody tr{transition:background .1s}tbody tr:hover{background:#f8fafb}tbody tr:last-child td{border-bottom:none}.text-accent{color:#1f6b5f}.text-muted{color:#9ca3af}.text-danger{color:#dc2626}.text-success{color:#059669}.font-heading{font-family:Space Grotesk,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}html.dark body{background:#111827;color:#e5e7eb}html.dark .card,html.dark .form-card,html.dark .data-table-wrapper,html.dark .chart-card,html.dark .table-card,html.dark .feed-card,html.dark .top-users-card,html.dark .report-card,html.dark .compose-card,html.dark .history-card,html.dark .config-card,html.dark .detail-card,html.dark .tickets-list-col,html.dark .ticket-detail-col,html.dark .item-card,html.dark .banner-card,html.dark .regions-card,html.dark .map-card,html.dark .stats-row .stat-box,html.dark .date-range-bar,html.dark .filter-bar{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb}html.dark h1,html.dark h2,html.dark h3,html.dark h4{color:#f9fafb}html.dark .page-subtitle{color:#9ca3af}html.dark thead th{background:#1a2332!important;color:#9ca3af!important;border-color:#374151!important}html.dark tbody td{border-color:#374151!important;color:#d1d5db}html.dark tbody tr:hover{background:#263244!important}html.dark input,html.dark select,html.dark textarea{background:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}html.dark input::placeholder,html.dark select::placeholder,html.dark textarea::placeholder{color:#6b7a8d!important}html.dark .skeleton-card{background:#1f2937!important}html.dark .skeleton-card .skeleton-line{background:#374151!important}html.dark .error-banner{background:#451a1a!important}html.dark .bulk-bar{background:#1a3332!important;border-color:#2a5a52!important}html.dark .btn-secondary,html.dark .btn-cancel,html.dark .filter-select,html.dark .btn-sm,html.dark .btn-outline{background:#374151!important;border-color:#4b5563!important;color:#d1d5db!important}html.dark .tab:not(.active){background:#1f2937!important;border-color:#374151!important;color:#9ca3af!important}html.dark .stat-card{background:#1f2937!important;border-color:#374151!important}
