@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f8f9fc;--surface: #ffffff;--surface2: #f1f3f8;--border: #e2e6f0;--navy: #1e2a4a;--emerald: #059669;--sky: #0284c7;--amber: #d97706;--text: #1e2a4a;--muted: #7480a0;--radius: 10px;--sh: 0 1px 4px rgba(30,42,74,.07), 0 4px 16px rgba(30,42,74,.05)}body{background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:14px;min-height:100vh}.container{max-width:860px;margin:0 auto;padding:48px 24px 80px}h2:first-of-type{font-size:1.75rem;font-weight:700;color:var(--navy);letter-spacing:-.03em;margin-bottom:32px}h2,h3{font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:36px;margin-bottom:12px}h3{margin-top:0}form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--sh);padding:22px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end}form>div:first-child{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}form>div:first-child>div{display:flex;flex-direction:column;gap:5px;font-size:.68rem;font-weight:700;color:var(--muted);letter-spacing:.07em;text-transform:uppercase}input{background:var(--surface2);border:1.5px solid var(--border);border-radius:7px;color:var(--text);font-family:Fira Code,monospace;font-size:.85rem;padding:9px 12px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}input:focus{background:#fff;border-color:var(--emerald);box-shadow:0 0 0 3px #0596691a}button{font-family:Plus Jakarta Sans,sans-serif;font-size:.83rem;font-weight:600;border-radius:7px;border:1.5px solid var(--border);cursor:pointer;padding:9px 18px;transition:all .15s;background:var(--surface2);color:var(--text)}button[type=submit]:hover{background:#e8ebf4;border-color:#c8cedf}.cal-btn{background:var(--navy);color:#fff;border-color:transparent;padding:11px 32px;font-size:.85rem;box-shadow:0 2px 10px #1e2a4a40;margin-top:20px;display:inline-block;border-radius:8px;width:100%;max-width:200px}.cal-btn:hover{background:#162038;transform:translateY(-1px);box-shadow:0 6px 20px #1e2a4a4d}.delete-btn{background:#fff1f2;color:#e11d48;border:1px solid #ffe4e6;border-radius:6px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s}.delete-btn:hover{background:#e11d48;color:#fff;transform:scale(1.1)}.process-list{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--sh);overflow:hidden;margin-top:12px}table{width:100%;border-collapse:collapse;table-layout:auto}thead tr th{padding:12px 16px;text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--surface2);border-bottom:1px solid var(--border)}tbody tr{border-bottom:1px solid var(--border);transition:background .12s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#f5f7fc}tbody td{padding:12px 16px;color:var(--text);font-family:Fira Code,monospace;font-size:.82rem}tbody tr td:first-child{font-weight:500;color:var(--navy);font-family:Plus Jakarta Sans,sans-serif}.gantt-container{display:flex;align-items:flex-end;gap:4px;min-height:96px;padding:18px 16px 34px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--sh);overflow-x:auto;margin:10px 0 38px}.gantt-block{position:relative;min-width:60px;height:54px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:rise .28s cubic-bezier(.22,1,.36,1)}@keyframes rise{0%{opacity:0;transform:scaleY(.4) translateY(10px);transform-origin:bottom}to{opacity:1;transform:scaleY(1) translateY(0)}}.gantt-block:nth-child(5n+1){background:#dbeafe;border:1px solid #93c5fd}.gantt-block:nth-child(5n+2){background:#d1fae5;border:1px solid #6ee7b7}.gantt-block:nth-child(5n+3){background:#fef9c3;border:1px solid #fde047}.gantt-block:nth-child(5n+4){background:#ede9fe;border:1px solid #c4b5fd}.gantt-block:nth-child(5n){background:#ffedd5;border:1px solid #fdba74}.pid{font-weight:700;font-size:.8rem;color:var(--navy)}.time-label{position:absolute;bottom:-21px;font-size:.58rem;font-family:Fira Code,monospace;color:var(--muted)}.time-label.start{left:0}.time-label.end{right:0}.queue-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--sh);padding:20px 22px;margin-bottom:28px}.queue-pipe{display:flex;align-items:center;min-height:50px;background:var(--surface2);border:1px solid var(--border);border-radius:7px;padding:10px 14px;overflow-x:auto;color:var(--muted);font-style:italic;font-size:.82rem}.queue-node{display:flex;align-items:center;background:var(--navy);border-radius:6px;padding:7px 16px;font-family:Fira Code,monospace;font-size:.82rem;color:#fff;flex-shrink:0;animation:nodeIn .22s cubic-bezier(.34,1.56,.64,1);font-style:normal}.queue-node+.queue-node:before{content:"›";font-size:1.1rem;color:var(--muted);margin-right:10px;font-family:sans-serif}.stats p{margin-top:8px;font-size:.85rem;color:var(--text);padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--sh);display:flex;align-items:center;gap:10px}.stats p:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--emerald);flex-shrink:0}.stats p+p:before{background:var(--sky)}.stats p strong{font-weight:600;color:var(--muted);min-width:155px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--surface2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media(max-width:600px){form,form>div:first-child{grid-template-columns:1fr}h2:first-of-type{font-size:1.4rem}.cal-btn{max-width:100%}}