*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#2563eb;--primary-600:#1d4ed8;--primary-700:#1e40af;--primary-800:#1e3a8a;--primary-900:#172554;--primary-950:#021a54;--secondary-50:#f8fafc;--secondary-100:#f1f5f9;--secondary-200:#e2e8f0;--secondary-300:#cbd5e1;--secondary-400:#94a3b8;--secondary-500:#64748b;--secondary-600:#475569;--secondary-700:#334155;--secondary-800:#1e293b;--secondary-900:#0f172a;--color-secondary-light:var(--secondary-100);--color-secondary-medium:var(--secondary-500);--color-secondary-dark:var(--secondary-800);--primary-gradient:linear-gradient(135deg,#021a54,#2563eb);--surface-gradient:linear-gradient(180deg,hsla(0,0%,100%,.9),rgba(248,250,252,.9));--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#eff6ff;--color-primary-text:#fff;--color-accent:#021a54;--color-accent-dark:#0f172a;--primary-rgb:37,99,235;--secondary-light-rgb:241,245,249;--secondary-medium-rgb:100,116,139;--secondary-dark-rgb:30,41,59;--danger-rgb:239,68,68;--color-sidebar-bg:#030e28;--color-sidebar-surface:#0a1b42;--color-sidebar-border:hsla(0,0%,100%,.08);--color-sidebar-hover:rgba(37,99,235,.16);--color-sidebar-active:rgba(37,99,235,.25);--color-sidebar-logout-hover:rgba(239,68,68,.18);--color-bg:#f8fafc;--color-surface:#fff;--color-surface-glass:hsla(0,0%,100%,.85);--color-border:#e2e8f0;--color-border-subtle:#f1f5f9;--color-text:#1e293b;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-danger:#ef4444;--color-warning:#f59e0b;--color-success:#10b981;--color-info:#0284c7;--font-main:-apple-system,BlinkMacSystemFont,"Inter","IBM Plex Sans Thai",system-ui,sans-serif;--font-mono:"SF Mono","Fira Code",monospace;--shadow-sm:0 1px 3px rgba(15,23,42,.04);--shadow-md:0 4px 12px -2px rgba(15,23,42,.06),0 2px 6px -2px rgba(15,23,42,.04);--shadow-lg:0 12px 24px -4px rgba(15,23,42,.08),0 4px 8px -2px rgba(15,23,42,.03);--shadow-xl:0 24px 40px -8px rgba(15,23,42,.12);--shadow-glow:0 0 20px rgba(37,99,235,.15);--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.25s cubic-bezier(.4,0,.2,1);--transition-smooth:.35s cubic-bezier(.16,1,.3,1)}body,html{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}img{display:block;max-width:100%}.container{max-width:1200px}.container,.container-narrow{margin:0 auto;padding:0 1.5rem;width:100%}.container-narrow{max-width:800px}.section{padding:5rem 0}.section-sm{padding:3rem 0}.btn{align-items:center;border:none;border-radius:var(--radius-md);display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.75rem;transition:all .25s ease-in-out;white-space:nowrap}.btn-primary{background:var(--color-primary);color:var(--color-primary-text)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 6px 20px #aadc0059;transform:translateY(-1px)}.btn-outline{background:transparent;border:2px solid var(--color-accent);color:var(--color-accent)}.btn-outline:hover{background:var(--color-primary-light);transform:translateY(-1px)}.btn-white{background:#fff;box-shadow:var(--shadow-md);color:var(--color-accent)}.btn-white:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-ghost{background:transparent;border-radius:var(--radius-md);color:var(--color-text-muted);padding:.5rem 1rem}.btn-ghost:hover{background:var(--color-border);color:var(--color-text)}.btn-sm{font-size:.8rem;padding:.45rem 1rem}.btn-lg{font-size:1rem;padding:1rem 2.5rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .25s ease-in-out}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-featured{background:linear-gradient(135deg,#0d1f0d,#1a3a1a);border:none;color:#fff}.card-featured:hover{box-shadow:0 12px 30px #0d1f0d4d}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.72rem;font-weight:600;padding:.2rem .65rem}.badge-green{background:var(--color-primary-light);color:var(--color-accent)}.badge-blue{background:#dbeafe;color:#1d4ed8}.badge-yellow{background:#fff3e0;color:#e65100}.badge-red{background:#fdecea;color:#b71c1c}.badge-gray{background:#f1f1f1;color:#555}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.form-input{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:.9rem;outline:none;padding:.7rem 1rem;transition:border-color .25s ease-in-out;width:100%}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #aadc002e}.form-input::-moz-placeholder{color:var(--color-text-light)}.form-input::placeholder{color:var(--color-text-light)}.divider{background:var(--color-border);height:1px;margin:1.5rem 0}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stat-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.2rem;padding:1.25rem 1.5rem}.stat-label{color:var(--color-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stat-value{color:var(--color-text);font-size:1.75rem;font-weight:700;line-height:1.1}.stat-sub{color:var(--color-text-muted);font-size:.8rem}.data-table-wrap{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.data-table{border-collapse:collapse;font-size:.875rem;width:100%}.data-table th{background:var(--color-primary);border-bottom:none;color:var(--color-primary-text);font-size:.8rem;font-weight:700;letter-spacing:0;padding:.85rem 1.25rem;text-align:left;text-transform:none}.data-table td{border-bottom:1px solid #f5f5f5;color:var(--color-text);padding:.9rem 1.25rem;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#fafafa}.page-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.page-header-left{min-width:0}.page-header h1{align-items:center;color:var(--color-text);display:flex;font-size:1.375rem;font-weight:700;gap:10px}.page-header p{color:var(--color-text-muted);font-size:.875rem;margin-top:.3rem}.page-header-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.table-link{color:var(--color-accent);cursor:pointer;font-weight:600;text-decoration:none}.table-link:hover{text-decoration:underline}.pagination{gap:.4rem;padding:1.25rem 0 .5rem}.pagination,.pagination-btn{align-items:center;display:flex;justify-content:center}.pagination-btn{background:none;border:none;border-radius:50%;color:var(--color-text-muted);cursor:pointer;font-size:.875rem;height:32px;transition:background .2s,color .2s;width:32px}.pagination-btn:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}.pagination-btn:disabled{cursor:not-allowed;opacity:.35}.pagination-btn.active{background:var(--color-primary);color:var(--color-primary-text);font-weight:700}.pagination-info{color:var(--color-text-muted);font-size:.8rem;padding:0 .25rem}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-header h1{color:var(--color-text);font-size:1.5rem;font-weight:800}.quick-actions{display:flex;gap:10px}.action-btn{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.action-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.action-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.action-btn i{color:var(--color-primary)}.stats-container{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2.5rem}.big-stat-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:10px;padding:1.5rem}.big-stat-card.featured{border-left:5px solid var(--color-primary)}.stat-header{color:var(--color-primary-dark);font-size:.9rem;font-weight:700;justify-content:space-between}.stat-header,.stat-main{align-items:center;display:flex}.stat-main{gap:15px}.stat-icon-circle{align-items:center;background:var(--color-primary-light);border-radius:50%;color:var(--color-primary-dark);display:flex;height:48px;justify-content:center;width:48px}.stat-amount{font-size:1.5rem;font-weight:800}.stat-unit{font-size:1rem;font-weight:600;margin-left:5px}.stat-footer,.stat-unit{color:var(--color-text-muted)}.stat-footer{font-size:.75rem;font-weight:500}.stat-footer.highlight{color:var(--color-danger)}.table-section-header{margin-bottom:1rem}.table-section-header h2{color:var(--color-text);font-size:1.25rem;font-weight:800}.table-filters{gap:1rem;justify-content:space-between;margin-bottom:1rem}.filter-group,.table-filters{align-items:center;display:flex}.filter-group{gap:10px}.filter-date,.filter-search,.filter-select{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.85rem;padding:8px 12px}.filter-search{min-width:250px}.export-btn{align-items:center;background:#107c41;border:none;border-radius:var(--radius-md);color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 16px}.export-btn:hover{background:#0d6334}.download-link{align-items:center;color:var(--color-primary-dark);display:flex;font-weight:600;gap:5px;text-decoration:none}.download-link:hover{text-decoration:underline}.status-failed{color:var(--color-danger)}