.login-stage{min-height:100vh;display:grid;place-items:center;padding:var(--space-5)}.login-card{width:min(420px,100%);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.login-title{font-size:var(--text-display);font-weight:700;letter-spacing:-.02em;line-height:1.1}.login-lede{color:var(--ink-soft);font-size:var(--text-sm)}.quick-fill{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.quick-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.quick-chip:hover{border-color:var(--accent)}.quick-chip.active{border-color:var(--accent);background:var(--accent-wash)}.quick-chip .mono{font-weight:600;font-size:var(--text-xs)}.quick-note{font-size:var(--text-xs);color:var(--ink-faint)}.login-submit{justify-content:center;padding-block:.7rem}.login-hint{text-align:center;color:var(--ink-faint);font-size:var(--text-xs)}.view-title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.015em;margin-block:var(--space-1) var(--space-4)}.upload-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:var(--space-5);align-items:start}.upload-main{padding:var(--space-5)}.mode-switch{display:inline-flex;gap:var(--space-1);background:var(--surface-sunken);padding:var(--space-1);border-radius:var(--radius);margin-bottom:var(--space-4)}.mode-tab{border:none;background:transparent;padding:.35rem .9rem;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);color:var(--ink-soft);cursor:pointer}.mode-tab.active{background:var(--surface);color:var(--accent-ink);box-shadow:var(--shadow-card)}.char-count{align-self:flex-end;font-size:var(--text-xs);color:var(--ink-faint)}.dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-4);border:1.5px dashed var(--line-strong);border-radius:var(--radius-lg);color:var(--ink-soft);text-align:center;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.dropzone.over{border-color:var(--accent);background:var(--accent-wash)}.drop-note{font-size:var(--text-xs);color:var(--ink-faint)}.upload-side{display:flex;flex-direction:column;gap:var(--space-4)}.side-card{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.side-note{font-size:var(--text-sm);color:var(--ink-faint)}.session-facts{margin:0;display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-xs);border-top:1px solid var(--line);padding-top:var(--space-3)}.session-facts div{display:flex;justify-content:space-between;gap:var(--space-3)}.session-facts dt{color:var(--ink-faint)}.session-facts dd{margin:0;font-weight:500;text-align:right}.fact-id{max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submit-btn{justify-content:center;padding-block:.7rem}.pipeline-note{background:var(--surface-sunken);border-style:dashed;box-shadow:none}.pipeline-steps{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink-soft)}@media(max-width:860px){.upload-grid{grid-template-columns:1fr}}.pill{display:inline-block;font-family:var(--font-data);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .55rem;border-radius:999px;border:1px solid;white-space:nowrap}.pill-pending{color:var(--pending);background:var(--surface-sunken);border-color:var(--line)}.pill-running{color:var(--running);background:var(--running-wash);border-color:color-mix(in srgb,var(--running) 35%,transparent)}.pill-done{color:var(--done);background:var(--done-wash);border-color:color-mix(in srgb,var(--done) 35%,transparent)}.pill-failed{color:var(--failed);background:var(--failed-wash);border-color:color-mix(in srgb,var(--failed) 35%,transparent)}.status-wrap{display:flex;flex-direction:column;gap:var(--space-4)}.status-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.materi-id{color:var(--ink-faint);font-size:var(--text-xs)}.clock-box{display:flex;flex-direction:column;align-items:flex-end;line-height:1}.clock{font-size:var(--text-display);font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent-ink)}.clock-label{font-size:var(--text-xs);color:var(--ink-faint);letter-spacing:.14em;text-transform:uppercase}.board{list-style:none;margin:0;padding:var(--space-5);display:flex;flex-direction:column}.stage{display:grid;grid-template-columns:28px 1fr;gap:var(--space-4)}.stage-rail{display:flex;flex-direction:column;align-items:center}.stage-node{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--line-strong);background:var(--surface);color:#fff;flex-shrink:0}.stage-done .stage-node{background:var(--done);border-color:var(--done)}.stage-failed .stage-node{background:var(--failed);border-color:var(--failed)}.stage-running .stage-node{border-color:var(--running)}.node-spinner{width:12px;height:12px;border-radius:50%;border:2px solid var(--running-wash);border-top-color:var(--running);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stage-line{flex:1;width:2px;min-height:24px;background:var(--line);margin-block:4px}.stage-done .stage-line{background:var(--done)}.stage-body{padding-bottom:var(--space-5);min-width:0}.stage:last-child .stage-body{padding-bottom:0}.stage-top{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.stage-idx{color:var(--ink-faint);font-size:var(--text-xs);letter-spacing:.1em}.stage-title{font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;margin-right:auto}.stage-elapsed{display:inline-flex;align-items:center;gap:4px;color:var(--ink-faint);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.stage-detail{color:var(--ink-soft);font-size:var(--text-sm);margin-top:2px}.deck-strip{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap}.deck{padding:.25rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-sunken);color:var(--pending);font-size:var(--text-xs)}.deck-running,.deck-retrying,.deck-rate_limited{border-color:color-mix(in srgb,var(--running) 40%,transparent);background:var(--running-wash);color:var(--running);animation:deck-pulse 1.4s ease-in-out infinite}@keyframes deck-pulse{50%{opacity:.55}}.deck-done{border-color:color-mix(in srgb,var(--done) 40%,transparent);background:var(--done-wash);color:var(--done)}.deck-failed{border-color:color-mix(in srgb,var(--failed) 40%,transparent);background:var(--failed-wash);color:var(--failed)}.stage-error{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);color:var(--failed);font-size:var(--text-xs);background:var(--failed-wash);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.done-panel{padding:var(--space-5);border-color:color-mix(in srgb,var(--done) 35%,transparent);display:flex;flex-direction:column;gap:var(--space-4)}.done-head{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.done-head p{color:var(--ink-soft);font-size:var(--text-sm);flex:1;min-width:240px}.done-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--done);color:#fff;font-weight:600;font-size:var(--text-sm);padding:.4rem .9rem;border-radius:999px;white-space:nowrap}.student-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.student-table th{text-align:left;font-family:var(--font-data);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);font-weight:500;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line)}.student-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line)}.student-table tr:last-child td{border-bottom:none}.done-pass{color:var(--ink-faint);font-size:var(--text-xs)}.status-actions{display:flex;justify-content:flex-end}.jadwal-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:var(--space-5);align-items:start}.jadwal-list{padding:var(--space-5)}.jadwal-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.jadwal-table th{text-align:left;font-family:var(--font-data);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);font-weight:500;padding:var(--space-2);border-bottom:1px solid var(--line)}.jadwal-table td{padding:var(--space-2);border-bottom:1px solid var(--line);vertical-align:middle}.jadwal-table tr:last-child td{border-bottom:none}.jadwal-table tbody tr{transition:background var(--duration-fast) var(--ease-out)}.jadwal-table tbody tr:hover{background:var(--surface-sunken)}.jadwal-materi{font-weight:500}.jadwal-form{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.jadwal-time-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--space-2)}.conflict-box{border:1px solid color-mix(in srgb,var(--running) 35%,transparent);background:var(--running-wash);border-radius:var(--radius);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.conflict-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--running);text-transform:uppercase;letter-spacing:.08em}.conflict-list{margin:0;padding-left:1.1rem;font-size:var(--text-xs);color:var(--ink-soft);display:flex;flex-direction:column;gap:2px}.suggestion-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.suggestion-chip{border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;padding:.2rem .7rem;font-size:var(--text-xs);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.suggestion-chip:hover{border-color:var(--accent);background:var(--accent-wash)}@media(max-width:860px){.jadwal-grid{grid-template-columns:1fr}}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand-mark{width:34px;height:34px;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-ink) 100%);position:relative;flex-shrink:0}.brand-mark:after{content:"";position:absolute;inset:9px;border:2px solid #fff;border-radius:3px;border-right-color:transparent}.brand-name{font-weight:700;font-size:var(--text-base);letter-spacing:-.01em}.brand-sub{color:var(--ink-faint);font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-2)}.health-dot{width:8px;height:8px;border-radius:50%;background:var(--line-strong);display:inline-block}.health-dot.up{background:var(--done);box-shadow:0 0 0 3px var(--done-wash)}.health-dot.down{background:var(--failed);box-shadow:0 0 0 3px var(--failed-wash)}.tabs{display:flex;gap:var(--space-1);background:var(--surface-sunken);padding:var(--space-1);border-radius:var(--radius-lg)}.tab{display:inline-flex;align-items:center;gap:var(--space-2);border:none;background:transparent;padding:.45rem .95rem;border-radius:var(--radius);font-weight:600;font-size:var(--text-sm);color:var(--ink-soft);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.tab:hover:not(:disabled){color:var(--ink)}.tab.active{background:var(--surface);color:var(--accent-ink);box-shadow:var(--shadow-card)}.tab:disabled{opacity:.45;cursor:not-allowed}.operator{display:flex;align-items:center;gap:var(--space-4)}.operator-id{text-align:right}.operator-name{font-weight:600;font-size:var(--text-sm)}.operator-role{color:var(--ink-faint);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em}.content{flex:1;width:min(1080px,100% - 2 * var(--space-5));margin-inline:auto;padding-block:var(--space-6) var(--space-7)}@media(max-width:720px){.topbar{padding-inline:var(--space-4)}.operator-id{display:none}.content{width:calc(100% - 2 * var(--space-4));padding-block:var(--space-4) var(--space-6)}}:root{--paper: #f4f6f9;--surface: #ffffff;--surface-sunken: #eceff4;--ink: #101f33;--ink-soft: #46586e;--ink-faint: #7a8a9d;--line: #d8e0e9;--line-strong: #b9c6d4;--accent: #1976d2;--accent-ink: #0f4c8a;--accent-wash: #e8f1fb;--running: #b45309;--running-wash: #fdf3e3;--done: #15803d;--done-wash: #e9f6ee;--failed: #b91c1c;--failed-wash: #fceaea;--pending: #7a8a9d;--font-ui: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-data: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--text-xs: .75rem;--text-sm: .8438rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: clamp(1.375rem, 1.1rem + 1vw, 1.75rem);--text-display: clamp(1.75rem, 1.3rem + 1.8vw, 2.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--shadow-card: 0 1px 2px rgb(16 31 51 / .05), 0 4px 16px rgb(16 31 51 / .06);--shadow-pop: 0 2px 6px rgb(16 31 51 / .08), 0 12px 32px rgb(16 31 51 / .14);--duration-fast: .14s;--duration-normal: .28s;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-ui);font-size:var(--text-base);line-height:1.55;color:var(--ink);background:radial-gradient(1200px 500px at 85% -10%,var(--accent-wash) 0%,transparent 60%),var(--paper);min-height:100vh}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.eyebrow{font-family:var(--font-data);font-size:var(--text-xs);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.mono{font-family:var(--font-data);font-size:var(--text-sm)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.55rem 1.1rem;border-radius:var(--radius);border:1px solid transparent;font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-ink)}.btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--ink-soft)}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink);background:var(--accent-wash)}.btn-danger{background:transparent;border-color:transparent;color:var(--failed);padding:.35rem .5rem}.btn-danger:hover:not(:disabled){background:var(--failed-wash)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field>label{font-size:var(--text-sm);font-weight:600;color:var(--ink-soft)}.input,.select,.textarea{width:100%;padding:.55rem .75rem;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);transition:border-color var(--duration-fast) var(--ease-out)}.input:hover,.select:hover,.textarea:hover{border-color:var(--ink-faint)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-wash)}.textarea{font-family:var(--font-data);font-size:var(--text-sm);line-height:1.6;resize:vertical}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);border:1px solid}.alert-error{background:var(--failed-wash);border-color:color-mix(in srgb,var(--failed) 30%,transparent);color:var(--failed)}.alert-info{background:var(--accent-wash);border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent-ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}