@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Sarabun:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0b0f19;--bg-secondary:#111827b3;--bg-card:#1e293b73;--border-color:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf659;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-yellow:#f59e0b;--accent-red:#ef4444;--font-sans:"Outfit", "Sarabun", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(circle at 10% 20%,#8b5cf614 0%,#0000 40%),radial-gradient(circle at 90% 80%,#3b82f614 0%,#0000 40%);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}.app-container{max-width:1400px;margin:0 auto;padding:2.5rem 1.5rem}header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1.5rem;display:flex}.logo-section h1{background:linear-gradient(135deg,#a78bfa 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:2.2rem;font-weight:700}.logo-section p{color:var(--text-secondary);margin-top:.25rem;font-size:.95rem}.header-actions{gap:1rem;display:flex}.btn{font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-blue) 100%);color:#fff;box-shadow:0 4px 15px var(--accent-purple-glow)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.btn-primary:disabled{color:#64748b;cursor:not-allowed;box-shadow:none;background:#334155;transform:none}.btn-secondary{border-color:var(--border-color);color:var(--text-primary);background:#1e293b99}.btn-secondary:hover{background:#1e293be6;border-color:#fff3;transform:translateY(-2px)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:16px;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.stat-card:hover{border-color:#8b5cf64d;transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000004d}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.5rem;display:flex}.stat-icon.blue{color:#60a5fa;background:#3b82f626}.stat-icon.green{color:#34d399;background:#10b98126}.stat-icon.purple{color:#c084fc;background:#8b5cf626}.stat-info h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:500}.stat-info .stat-value{color:var(--text-primary);margin-top:.25rem;font-size:1.8rem;font-weight:700}.controls-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.25rem;display:flex}.search-box{flex:1;min-width:250px;position:relative}.search-box input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);background:#0f172a99;border-radius:12px;padding:.75rem 1rem .75rem 2.5rem;font-size:.95rem}.search-box input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--accent-purple-glow);outline:none}.search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.filter-select{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background:#0f172a99;border-radius:12px;outline:none;padding:.75rem 1.5rem .75rem 1rem;font-size:.95rem}.filter-select:focus{border-color:var(--accent-purple)}.table-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 4px 30px #0003}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:#1e293bcc;padding:1.1rem 1.5rem;font-size:.95rem;font-weight:600}td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:1.25rem 1.5rem;font-size:.95rem}tr{transition:var(--transition-smooth)}tr:hover td{background:#ffffff05}.badge{border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge-ai-success{color:#34d399;background:#10b9811f;border:1px solid #10b98133}.badge-no-ai{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b826}.status-select-inline{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;appearance:none;transition:var(--transition-smooth);background:#1e293b99 url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2394a3b8%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E) right .6rem center no-repeat;border-radius:9999px;outline:none;padding:.35rem 1.75rem .35rem .75rem;font-size:.8rem;font-weight:600}.status-select-inline:focus{border-color:var(--accent-purple)}.status-select-inline.done{color:#34d399;background-color:#10b9811f;border-color:#10b98133}.status-select-inline.doing{color:#fbbf24;background-color:#f59e0b1f;border-color:#f59e0b33}.status-select-inline.plan{color:#60a5fa;background-color:#3b82f61f;border-color:#3b82f633}.dept-tag{color:#c084fc;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;padding:.25rem .6rem;font-size:.85rem;font-weight:500;display:inline-block}.dept-tag.warehouse{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.git-link{color:var(--text-secondary);transition:var(--transition-smooth);font-size:1.25rem}.git-link:hover{color:var(--text-primary)}.btn-edit{color:var(--text-primary);cursor:pointer;width:32px;height:32px;transition:var(--transition-smooth);background:0 0;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.btn-edit:hover{border-color:var(--accent-purple);color:var(--accent-purple);background:#8b5cf60d}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#111827;border:1px solid #ffffff1a;border-radius:20px;width:90%;max-width:600px;max-height:90vh;padding:2rem;animation:.3s modalFadeIn;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.modal-header h2{font-size:1.4rem;font-weight:600}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.close-btn:hover{color:var(--text-primary)}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);background:#0f172acc;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:.75rem;font-size:.95rem}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-purple)}.form-group textarea{resize:vertical;min-height:80px}.form-row-checkbox{align-items:center;gap:.75rem;margin-top:1.5rem;margin-bottom:1.5rem;display:flex}.form-row-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-purple);cursor:pointer}.form-row-checkbox label{cursor:pointer;font-weight:500}.modal-footer{border-top:1px solid #ffffff14;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;display:flex}.spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{border:1px solid var(--accent-purple);z-index:2000;background:#1e293b;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;animation:.3s slideIn;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 25px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast.success{border-color:var(--accent-green)}.toast.error{border-color:var(--accent-red)}.inline-desc-text{cursor:pointer;transition:var(--transition-smooth);border:1px dashed #0000;border-radius:8px;align-items:center;min-height:2.5rem;padding:.5rem;display:flex}.inline-desc-text:hover{background:#ffffff08;border-color:#fff3}.inline-desc-textarea{border:1px solid var(--accent-purple);width:100%;color:var(--text-primary);font-family:var(--font-sans);resize:vertical;background:#0f172ae6;border-radius:8px;outline:none;padding:.5rem;font-size:.9rem;display:block}