:root{--primary:#f97316;--primary-dark:#ea580c;--primary-light:#fff7ed;--success:#22c55e;--success-light:#f0fdf4;--warning:#f59e0b;--warning-light:#fffbeb;--danger:#ef4444;--bg:#f8fafc;--bg-white:#fff;--text:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Noto Sans Thai,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:200px;background:var(--bg-white);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:stretch;padding:20px 12px;position:fixed;height:100vh;z-index:100;overflow-y:auto}.logo{width:42px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:12px;justify-content:center;font-weight:700;font-size:14px;color:#fff;margin:0 auto 24px}.logo,.nav-item{height:42px;display:flex;align-items:center}.nav-item{gap:12px;padding:0 12px;border-radius:10px;margin-bottom:4px;cursor:pointer;transition:all .15s;color:var(--text-muted);text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap}.nav-item .nav-icon{font-size:18px;width:22px;text-align:center;flex-shrink:0}.nav-item .nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis}.nav-item.active,.nav-item:hover{background:var(--primary-light);color:var(--primary)}.nav-item.active{font-weight:600}.main{flex:1 1;margin-left:200px}.card,.main{padding:24px}.card{background:var(--bg-white);border-radius:16px;border:1px solid var(--border);margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.card-title{font-size:18px;font-weight:600;margin-bottom:16px;display:flex;gap:10px}.btn,.card-title{align-items:center}.btn{padding:10px 20px;border-radius:10px;border:1px solid var(--border);font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;gap:8px;font-family:inherit;background:var(--bg-white);color:var(--text);font-size:14px}.btn:hover{border-color:var(--text-muted)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--primary);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(249,115,22,.25)}.btn-success{background:linear-gradient(135deg,var(--success),#16a34a);border-color:var(--success);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-white);border-radius:12px;padding:20px;border:1px solid var(--border)}.stat-card .label{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.stat-card .value{font-size:28px;font-weight:700;color:var(--text)}.stat-card.primary .value{color:var(--primary)}.stat-card.success .value{color:var(--success)}.stat-card.warning .value{color:var(--warning)}table{width:100%;border-collapse:collapse}td,th{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--text-secondary);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.5px;background:var(--bg)}tr:hover{background:var(--primary-light)}.badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:#fef2f2;color:var(--danger)}.badge-primary{background:var(--primary-light);color:var(--primary)}.pill{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.pill-hardlock{background:#ede9fe;color:#7c3aed}.pill-ml{background:#e0f2fe;color:#0284c7}.pill-llm{background:#fce7f3;color:#db2777}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;color:var(--text-secondary);font-weight:500;margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:inherit;font-size:14px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.upload-zone{border:2px dashed var(--border);border-radius:12px;padding:40px;text-align:center;transition:all .2s;cursor:pointer}.upload-zone:hover{border-color:var(--primary);background:var(--primary-light)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{width:60px;padding:12px 4px}.sidebar .nav-label{display:none}.sidebar .nav-item{justify-content:center;padding:0}.main{margin-left:60px;padding:16px}}