@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";
:root{--ink:#17201b;--muted:#68736c;--paper:#f4f5f0;--surface:#fff;--line:#dfe4dc;--green:#1d5c43;--lime:#d9ee93;--red:#a43e32;--amber:#9d6a18;--shadow:0 12px 36px #17201b14}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0;font-family:DM Sans,Noto Sans KR,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.admin-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#f8fbf5;background:#183d2d;flex-direction:column;height:100vh;padding:28px 20px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px 30px;display:flex}.brand strong{letter-spacing:-.02em;font-size:19px;display:block}.brand span{color:#a7b9ae;text-transform:uppercase;letter-spacing:.09em;font-size:11px}.logo-mark{background:var(--lime);color:#183d2d;border-radius:12px 12px 12px 4px;place-items:center;width:38px;height:38px;font-size:19px;font-weight:800;display:grid}.sidebar nav{gap:6px;display:grid}.sidebar nav button,.logout-button{color:#b8c8be;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;padding:12px 14px;transition:all .18s;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff1a}.logout-button{width:100%;margin-top:auto}.logout-button:hover{color:#fff;background:#ffffff14}.workspace{min-width:0;padding:34px clamp(24px,4vw,58px) 60px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.topbar h1{letter-spacing:-.04em;margin:3px 0 0;font-size:32px}.eyebrow{color:#76907f;letter-spacing:.16em;margin:0;font-size:10px;font-weight:700}.primary-button,.secondary-button{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:700;display:inline-flex}.primary-button{background:var(--green);color:#fff}.primary-button:hover{background:#174b37}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:wait}.secondary-button{border-color:var(--line);color:var(--ink);background:#fff}.collect-button{min-width:168px}.panel-stack{gap:22px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 2px 8px #17201b06}.panel-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.panel-heading h2{letter-spacing:-.025em;margin:4px 0 0;font-size:20px}.button-row{gap:8px;display:flex}.text-button{color:var(--green);background:0 0;border:0;align-items:center;gap:4px;font-weight:700;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{border:1px solid var(--line);color:var(--muted);text-align:left;background:#fff;border-radius:18px;gap:6px;padding:20px;display:grid;box-shadow:0 2px 6px #17201b06}.metric-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.metric-card .metric-icon{width:38px;height:38px;color:var(--green);background:#edf4e5;border-radius:11px;place-items:center;margin-bottom:8px;display:grid}.metric-card strong{color:var(--ink);letter-spacing:-.04em;font-size:30px}.metric-card small{color:#87918b}.alert{border-radius:12px;align-items:center;gap:9px;margin:-12px 0 20px;padding:12px 14px;font-size:14px;display:flex}.alert.error{color:var(--red);background:#f8e7e3}.alert.success{color:var(--green);background:#e8f3e7}.alert button{color:inherit;background:0 0;border:0;margin-left:auto}.loading-state,.empty-state{color:#8a948e;text-align:center;place-content:center;justify-items:center;min-height:260px;display:grid}.empty-state strong{color:var(--ink);margin-top:12px}.empty-state p{max-width:360px;margin:5px 0;font-size:14px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.source-form{background:#f5f7f2;border-radius:14px;align-items:start;gap:10px;margin:-6px 0 22px;padding:18px;display:flex}.source-form label,.login-card label{color:var(--muted);gap:6px;font-size:12px;font-weight:600;display:grid}.source-form .grow{flex:1}.source-form input,.source-form select,.filters input,.filters select,.login-card input{border:1px solid var(--line);height:42px;color:var(--ink);background:#fff;border-radius:9px;outline:none;padding:0 11px}.source-form input:focus,.source-form select:focus,.filters input:focus,.login-card input:focus{border-color:#77a48e;box-shadow:0 0 0 3px #1d5c431a}.source-list{display:grid}.source-row{border-top:1px solid #edf0eb;grid-template-columns:82px minmax(0,1fr) auto 42px;align-items:center;gap:16px;min-height:74px;display:grid}.source-row:first-child{border-top:0}.source-row.disabled{opacity:.48}.source-row div{min-width:0}.source-row strong,.source-row span{display:block}.source-row div span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:13px;overflow:hidden}.source-validation{margin-top:5px;font-size:11px;font-weight:700;line-height:1.35;display:block}.validation-ok{color:var(--green)}.validation-warning{color:var(--amber)}.validation-error{color:var(--red)}.type-badge,.status-badge,.caption-badge{letter-spacing:.04em;border-radius:999px;width:max-content;padding:4px 8px;font-size:10px;font-weight:800}.type-keyword{color:#48702f;background:#e9f1df}.type-channel{color:#356483;background:#e3edf7}.type-video{color:#995535;background:#f4e6dd}.priority{color:var(--muted);font-size:12px}.icon-button{width:38px;height:38px;color:var(--green);background:#f0f3ee;border:0;border-radius:10px;place-items:center;display:grid}.filters{align-items:center;gap:10px;display:flex}.search-box{border:1px solid var(--line);color:#8b958f;background:#fff;border-radius:11px;flex:1;align-items:center;gap:8px;max-width:420px;height:44px;padding:0 12px;display:flex}.search-box input{border:0;width:100%;padding:0}.filters select{min-width:145px;height:44px}.result-count{color:var(--muted);margin-left:auto;font-size:13px}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.video-card{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.thumbnail{aspect-ratio:16/9;background:#dfe4dc;display:block;position:relative;overflow:hidden}.thumbnail img{object-fit:cover;width:100%;height:100%;transition:all .2s}.thumbnail:hover img{transform:scale(1.025)}.thumbnail>span{color:#fff;background:#000000c7;border-radius:5px;padding:3px 6px;font-size:11px;position:absolute;bottom:7px;right:8px}.video-body{padding:14px}.video-badges{align-items:center;gap:6px;display:flex}.status-candidate{color:var(--amber);background:#f5ebcf}.status-rejected,.status-hidden{color:var(--red);background:#f3e1de}.score{color:var(--muted);margin-left:auto;font-size:11px}.caption-badge{color:#4c5751;background:#e5e9e4}.video-body h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;height:43px;margin:12px 0 6px;font-size:15px;line-height:1.4;display:-webkit-box;overflow:hidden}.video-body p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.video-body small{color:#9aa29d;margin-top:4px;font-size:10px;display:block}.video-actions{gap:7px;margin-top:14px;display:flex}.video-actions button{border-radius:9px;flex:1;justify-content:center;align-items:center;gap:5px;height:36px;font-weight:700;display:flex}.video-actions .icon-button{flex:0 0 36px;height:36px}.reject-button{color:var(--red);background:#fff7f5;border:1px solid #ebd7d2}.approve-button{color:var(--green);background:#e5f0df;border:0}.pagination{color:var(--muted);justify-content:center;align-items:center;gap:12px;margin-top:22px;font-size:13px;display:flex}.pagination button{border:1px solid var(--line);background:#fff;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.pagination button:disabled{opacity:.4;cursor:default}.run-list{display:grid}.run-row{border-top:1px solid #edf0eb;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:84px;display:grid}.run-list .run-row:first-child,.panel>.run-row{border-top:0}.run-status{border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.run-completed{color:var(--green);background:#e5f0df}.run-running{color:var(--amber);background:#f5ebcf}.run-failed{color:var(--red);background:#f3e1de}.run-row strong,.run-row span,.run-row small{display:block}.run-row>div span{color:var(--muted);text-transform:uppercase;margin-top:3px;font-size:11px}.run-row>div small{color:var(--red);margin-top:4px}.run-row dl{gap:26px;margin:0;display:flex}.run-row dl div{text-align:right}.run-row dt{color:var(--muted);font-size:10px}.run-row dd{margin:3px 0 0;font-size:17px;font-weight:700}.user-list,.member-list{display:grid}.user-row,.member-row{border-top:1px solid #edf0eb;align-items:center;gap:14px;min-height:78px;display:grid}.user-row:first-child,.member-row:first-child{border-top:0}.user-row{grid-template-columns:112px minmax(0,1fr) auto auto}.member-row{grid-template-columns:40px minmax(0,1fr) auto auto}.user-row strong,.user-row span,.user-row small,.member-row strong,.member-row span{display:block}.user-row>div,.member-row>div{min-width:0}.user-row>div span,.member-row>div span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.user-row small{color:#8b958f;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;overflow:hidden}.user-status{letter-spacing:.04em;border-radius:999px;width:max-content;padding:5px 9px;font-size:10px;font-weight:800}.status-pending{color:var(--amber);background:#f5ebcf}.status-approved{color:var(--green);background:#dfeede}.status-rejected{color:var(--red);background:#f3e1de}.joined-at{color:var(--muted);white-space:nowrap;font-size:12px}.user-actions{gap:7px;display:flex}.user-actions button,.member-row button{border-radius:9px;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:0 10px;font-weight:700;display:flex}.member-icon{width:36px;height:36px;color:var(--green);background:#edf4e5;border-radius:11px;place-items:center;display:grid}.admin-member-form{background:#f5f7f2;border-radius:14px;grid-template-columns:minmax(240px,1fr) 150px auto;align-items:end;gap:10px;margin:-6px 0 16px;padding:18px;display:grid}.admin-member-form label{color:var(--muted);gap:6px;font-size:12px;font-weight:600;display:grid}.admin-member-form input,.admin-member-form select{border:1px solid var(--line);height:42px;color:var(--ink);background:#fff;border-radius:9px;outline:none;padding:0 11px}.admin-member-form input:focus,.admin-member-form select:focus{border-color:#77a48e;box-shadow:0 0 0 3px #1d5c431a}.login-page{background:#183d2d;grid-template-columns:minmax(320px,1fr) minmax(420px,620px);min-height:100vh;display:grid}.login-intro{color:#fff;align-self:center;max-width:600px;padding:8vw}.login-intro .logo-mark{margin-bottom:40px}.login-intro h1{letter-spacing:-.055em;margin:16px 0;font-size:clamp(44px,5vw,74px);line-height:1.08}.login-intro>p:last-child{color:#b8c9bf;max-width:460px;line-height:1.7}.login-card{width:min(420px,100% - 48px);box-shadow:var(--shadow);background:#fff;border-radius:22px;place-self:center;gap:18px;padding:36px;display:grid}.login-card h2{margin:4px 0 0;font-size:25px}.login-card .primary-button{margin-top:4px}.form-error{color:var(--red);margin:0;font-size:13px}.form-note{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.form-note code{color:var(--green)}@media (max-width:1100px){.metric-grid,.video-grid{grid-template-columns:repeat(2,1fr)}.source-form{grid-template-columns:1fr 1fr;display:grid}.source-form .grow{grid-column:1/-1}}@media (max-width:760px){.admin-shell{grid-template-columns:1fr}.sidebar{z-index:10;height:72px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));flex-direction:row;position:fixed;inset:auto 0 0}.brand,.logout-button{display:none}.sidebar nav{grid-template-columns:repeat(5,1fr);width:100%;display:grid}.sidebar nav button{justify-content:center;padding:9px 4px;font-size:0}.sidebar nav button svg{width:22px;height:22px}.workspace{padding:24px 16px 100px}.topbar{align-items:flex-end}.topbar h1{font-size:27px}.collect-button{min-width:0;padding:0 12px;font-size:12px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:15px}.metric-card strong{font-size:26px}.panel{border-radius:16px;padding:17px}.panel-heading{align-items:flex-start}.button-row{flex-direction:column}.source-form,.admin-member-form{grid-template-columns:1fr}.source-form .grow{grid-column:auto}.source-row{grid-template-columns:72px minmax(0,1fr) 38px}.source-row .priority{display:none}.filters{flex-wrap:wrap}.search-box{flex-basis:100%;max-width:none}.result-count{margin-left:0}.video-grid{grid-template-columns:1fr}.user-row{grid-template-columns:1fr;padding:15px 0}.member-row{grid-template-columns:36px minmax(0,1fr);padding:14px 0}.member-row .type-badge,.member-row button{grid-column:2;width:max-content}.joined-at{display:none}.user-actions{flex-wrap:wrap}.run-row{grid-template-columns:36px 1fr;padding:14px 0}.run-row dl{grid-column:2;justify-content:flex-start}.run-row dl div{text-align:left}.login-page{grid-template-columns:1fr}.login-intro{display:none}.login-card{margin:24px auto}}