:root{color-scheme:light;font-family:Sarabun,sans-serif;color:#13203c;background:radial-gradient(circle at top left,rgba(155,194,255,.34),transparent 28%),radial-gradient(circle at top right,rgba(126,95,255,.12),transparent 24%),linear-gradient(180deg,#f4f8ff,#e1ebfb 52%,#d8e5f7)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}code{font-family:Cascadia Code,Consolas,monospace}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;gap:18px;padding:24px 18px;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 18%),linear-gradient(180deg,#091b45,#102b67 55%,#163a82);color:#fff;box-shadow:inset -1px 0 #ffffff0f}.eyebrow{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff9}.sidebar h1{margin:0;font-family:Kanit,sans-serif;font-size:28px;line-height:1.05;color:#fff}.sidebar-copy{margin:10px 0 0;color:#ffffffb8;line-height:1.6}.sidebar-brand{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.sidebar-logo{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#67c6ff,#3d88ff 52%,#6a5cff);color:#fff;font-family:Kanit,sans-serif;font-weight:700;box-shadow:0 12px 28px #0a1e4a57,inset 0 1px #ffffff57}.nav-group,.dataset-grid{display:grid;gap:10px}.nav-label{margin:0;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffff6b}.nav-item{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0f,#ffffff06);color:#d9e5ff;border-radius:14px;padding:12px 14px;text-align:left;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.nav-item span,.nav-item small{display:block}.nav-item span{font-size:15px;font-weight:700}.nav-item small{margin-top:4px;color:#ffffff9e}.nav-item.active{background:linear-gradient(180deg,#ffffff24,#ffffff14);border-color:#fff3;box-shadow:inset 0 0 0 1px #ffffff14,0 12px 24px #07133133}.nav-item:hover{transform:translateY(-1px);border-color:#ffffff29;box-shadow:0 12px 24px #07133129}.dataset-btn{border:1px solid rgba(19,32,60,.1);background:linear-gradient(180deg,#ffffffd6,#f7faffc7);color:#25406f;border-radius:14px;padding:14px;text-align:left;box-shadow:0 8px 20px #1a315f0d;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.dataset-btn strong,.dataset-btn span{display:block}.dataset-btn-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.dataset-btn strong{font-size:15px}.dataset-btn span{margin-top:4px;font-size:12px;color:#7287ad}.dataset-status{flex-shrink:0;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;line-height:1}.dataset-status.pending{background:#eef3fb;color:#6e84ab}.dataset-status.uploaded{background:#fff4e4;color:#a46700}.dataset-status.done{background:#e8f7ef;color:#087a58}.dataset-btn.active{background:linear-gradient(135deg,#1565d8,#0b50bb);color:#fff;box-shadow:0 20px 42px #1565d838,inset 0 1px #ffffff2e}.dataset-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px #1a315f1a}.dataset-btn.active span{color:#ffffffd1}.dataset-btn.active .dataset-status.pending,.dataset-btn.active .dataset-status.uploaded,.dataset-btn.active .dataset-status.done{background:#ffffff2e;color:#fff}.workspace{padding:28px;display:grid;gap:18px}.topbar-shell{display:flex;justify-content:space-between;align-items:center;gap:16px}.page-title{font-family:Kanit,sans-serif;font-size:32px;font-weight:700;color:#102348}.page-sub{margin-top:4px;color:#6a7fa5}.topbar-actions{display:flex;gap:10px;align-items:center}.topbar-btn{min-width:170px}.hero,.panel{border:1px solid #dbe6f4;background:linear-gradient(180deg,#fffffff2,#f8fbffe6);box-shadow:0 20px 44px #152c5a1a,0 1px #ffffffb8 inset;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px}.hero{display:flex;justify-content:space-between;gap:18px;padding:22px 24px;align-items:start;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.32),transparent 34%),radial-gradient(circle at top right,rgba(110,124,255,.08),transparent 24%);pointer-events:none}.hero-label{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6780ac}.hero h2{margin:0;font-family:Kanit,sans-serif;font-size:30px}.hero-copy{margin:10px 0 0;color:#667ba1}.hero-meta{margin:8px 0 0;color:#6a7fa5;font-size:14px}.env-badge{border-radius:999px;padding:10px 14px;font-size:12px;font-weight:700}.env-badge.ok{background:linear-gradient(180deg,#effcf4,#e4f8ec);color:#087a58;box-shadow:inset 0 1px #ffffffa6}.env-badge.warn{background:linear-gradient(180deg,#fff8ec,#fff0d8);color:#a46700;box-shadow:inset 0 1px #fff9}.panel{padding:20px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.kpi-card{border:1px solid #dde7f5;border-top-width:4px;background:linear-gradient(180deg,#fffffffa,#f7faffeb);border-radius:18px;padding:18px;box-shadow:0 18px 36px #152c5a14,inset 0 1px #ffffffb8;position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.36),transparent 38%);pointer-events:none}.kpi-card span,.kpi-card strong,.kpi-card small{display:block}.kpi-card span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#7c8fb2}.kpi-card strong{margin-top:8px;font-family:Kanit,sans-serif;font-size:34px;line-height:1;color:#102348}.kpi-card small{margin-top:6px;color:#6a7fa5}.kpi-card.blue{border-top-color:#1565d8}.kpi-card.teal{border-top-color:#00a878}.kpi-card.amber{border-top-color:#d99200}.kpi-card.violet{border-top-color:#7c4dff}.kpi-card.rose{border-top-color:#db4f7e}.kpi-card.slate{border-top-color:#6f86b0}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.dashboard-grid.lower{grid-template-columns:1fr 1fr}.dashboard-panel{min-height:100%}.ops-list{display:grid;gap:12px}.ops-list-item{display:flex;justify-content:space-between;gap:16px;align-items:start;border:1px solid #dde7f5;background:linear-gradient(180deg,#fff,#f9fbff);border-radius:16px;padding:14px 16px;box-shadow:0 8px 22px #172c580d}.ops-list-item strong,.ops-list-item span,.ops-list-item small{display:block}.ops-list-item strong{font-size:15px}.ops-list-item span,.ops-list-item small{color:#6a7fa5}.ops-list-side{display:grid;gap:6px;justify-items:end;text-align:right}.auth-form,.auth-state{display:grid;gap:12px}.sidebar-progress{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff14,#ffffff0a);border-radius:16px;padding:14px;box-shadow:inset 0 1px #ffffff0f}.sidebar-progress-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.sidebar-progress-head strong{font-size:14px}.sidebar-progress-head span{color:#ffffffb3;font-size:12px;font-weight:700}.sidebar-progress-head strong{color:#fff}.sidebar-progress-bar{width:100%;height:10px;border-radius:999px;background:#ffffff24;overflow:hidden;box-shadow:inset 0 1px 2px #08153842}.sidebar-progress-bar-fill{height:100%;border-radius:999px;background:linear-gradient(135deg,#45b8ff,#2f7cff 52%,#655cff)}.sidebar-summary{display:grid;gap:10px}.sidebar-summary-item{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:inset 0 1px #ffffff0a}.sidebar-summary-item span,.sidebar-summary-item strong{display:block}.sidebar-summary-item span{color:#ffffff9e;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.sidebar-summary-item strong{margin-top:8px;font-family:Kanit,sans-serif;font-size:24px;color:#fff}.auth-form{grid-template-columns:minmax(220px,1fr) minmax(180px,1fr) auto}.auth-state{grid-template-columns:minmax(0,1fr) auto;align-items:center}.auth-card strong{font-size:20px}.compact-auth-panel{padding:18px 20px}.compact-auth-panel .panel-head{margin-bottom:10px}.compact-auth-panel .panel-head h3{font-size:18px}.compact-auth-panel .panel-head p{margin-top:4px;font-size:14px}.text-input{width:100%;min-height:48px;border:1px solid #d6e2f4;border-radius:16px;padding:0 14px;background:linear-gradient(180deg,#fff,#f9fbff);color:#223457;box-shadow:0 8px 20px #182d580a,inset 0 1px #ffffffb3}.text-input:focus{outline:2px solid rgba(21,101,216,.15);border-color:#1565d8}.panel-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-head h3{margin:0;font-family:Kanit,sans-serif;font-size:22px}.panel-head p{margin:6px 0 0;color:#6a7fa5}.file-drop{display:grid;gap:6px;border:1px dashed #b7cae8;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);padding:22px;margin-bottom:16px}.file-drop input{margin-bottom:8px}.file-drop strong{font-size:18px}.file-drop span{color:#6a7fa5}.validation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.mini-card{border:1px solid #dde7f5;background:linear-gradient(180deg,#fff,#fafcff);border-radius:16px;padding:16px;box-shadow:0 10px 24px #172c580d}.mini-card span,.mini-card strong{display:block}.mini-card span{color:#6d83aa;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.mini-card strong{margin-top:6px;font-family:Kanit,sans-serif;font-size:26px}.text-ok{color:#087a58}.text-warn{color:#ad7400}.text-info{color:#1565d8}.alert{border-radius:16px;padding:14px 16px;margin-bottom:12px;box-shadow:0 12px 24px #192d580f,inset 0 1px #ffffff7a}.alert strong,.alert p{display:block}.alert p{margin:4px 0 0}.warn-box{background:linear-gradient(180deg,#fffaf0,#fff3df);color:#8f6500}.error-box{background:linear-gradient(180deg,#fff6f6,#ffeded);color:#b01a1a}.success-box{background:linear-gradient(180deg,#f1fcf6,#e4f7ec);color:#0a7f5d}.action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.primary-btn,.secondary-btn{border:none;border-radius:16px;padding:14px 16px;font-family:Kanit,sans-serif;font-size:16px;font-weight:600}.primary-btn{background:linear-gradient(135deg,#2778f6,#0b59d0 52%,#5d4cff);color:#fff;box-shadow:0 14px 28px #1b56cb3d,inset 0 1px #ffffff38}.secondary-btn{background:linear-gradient(180deg,#f8fbff,#edf4fd);color:#224379;border:1px solid #d6e2f4;box-shadow:0 10px 24px #172c580d,inset 0 1px #ffffffc7}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}.primary-btn,.secondary-btn,.inline-btn,.topbar-btn{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.primary-btn:disabled,.secondary-btn:disabled{opacity:.55;cursor:not-allowed}.empty-state{border:1px dashed #d4e0f2;border-radius:18px;padding:28px;text-align:center;color:#7185ab;background:linear-gradient(180deg,#ffffffbf,#f8fbffcc)}.table-wrap{overflow:auto;border:1px solid #e1e8f5;border-radius:16px}.history-list{display:grid;gap:12px}.history-list.compact .history-item{padding:14px}.import-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.compact-import-panel .mini-card strong{font-size:32px}.compact-dataset-list{display:grid;gap:10px}.compact-dataset-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #dde7f5;background:linear-gradient(180deg,#fff,#f9fbff);color:#18315f;border-radius:14px;padding:12px 14px;text-align:left;box-shadow:0 8px 20px #172c580a}.compact-dataset-item strong{font-size:14px}.compact-dataset-item .dataset-status{flex-shrink:0}.history-item{border:1px solid #dde7f5;background:linear-gradient(180deg,#fff,#f9fbff);border-radius:18px;padding:16px;box-shadow:0 10px 22px #172c580d}.history-item-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.history-item-head strong,.history-item-head span{display:block}.history-item-head strong{font-size:16px}.history-item-head span{margin-top:4px;color:#6a7fa5;font-size:13px}.history-status{flex-shrink:0;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;line-height:1}.history-status.done{background:#e8f7ef;color:#087a58}.history-status.uploaded{background:#fff4e4;color:#a46700}.history-status.info{background:#eef4fd;color:#1565d8}.history-status.error{background:#fff1f1;color:#b01a1a}.history-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;color:#54709f;font-size:13px;font-weight:600}.history-note{margin:10px 0 0;color:#5a7198;line-height:1.6}.history-note.error{color:#b01a1a}.lock-section{margin-top:18px;display:grid;gap:12px}.lock-head{margin-bottom:0}.lock-item{gap:10px}.inline-btn{width:auto;min-width:124px}table{width:100%;border-collapse:collapse;min-width:860px}thead{background:#f3f7fc}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid #edf2fa;vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6880a8}td{color:#223457}.import-datasets-panel{padding-bottom:12px}@media(max-width:1100px){.admin-shell{grid-template-columns:1fr}.sidebar{border-right:0}.kpi-grid,.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr 1fr}}@media(max-width:720px){.workspace{padding:16px}.topbar-shell,.hero{flex-direction:column}.auth-form,.auth-state,.validation-grid,.action-row,.kpi-grid,.dashboard-grid,.dashboard-grid.lower,.import-summary{grid-template-columns:1fr}.topbar-actions{width:100%;flex-direction:column}.topbar-btn{width:100%}.ops-list-item,.history-item-head{flex-direction:column}.ops-list-side{justify-items:start;text-align:left}}