:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2933;background:#eef2f1}*{box-sizing:border-box}html,body,#root{height:100%;min-width:0;overflow:hidden}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.2}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{height:100vh;height:100dvh;display:grid;grid-template-columns:minmax(280px,330px) minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}.app-error-fallback{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px;padding:24px;text-align:center;color:#1f2933;background:#eef2f1}.app-error-fallback h1,.app-error-fallback p{margin:0}.app-error-fallback p{max-width:560px;color:#667085}.app-error-fallback button{min-height:38px;border-radius:6px;background:#176b52;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;font-weight:650}.sidebar{background:#fbfcfb;border-right:1px solid #d6ded9;padding:18px;display:flex;flex-direction:column;gap:16px;height:100vh;height:100dvh;min-height:0;min-width:0;overflow:hidden}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:17px}.brand span,.video-meta,.segment-time span{display:block;color:#6b7280;font-size:12px}.upload-panel{display:grid;grid-template-columns:1fr;gap:8px}.project-select{display:grid;gap:5px}.project-select span{color:#667085;font-size:12px;font-weight:700}.project-select select,.export-form select,.export-form input,.review-tools select,.upload-panel select,.tool-row select,.tool-row input,.box-row select,.auth-panel input,.segment-row textarea,.review-card textarea,.review-segment-card textarea,.mission-cell select,.segment-row-label select,.project-class-row input,.project-class-row textarea,.class-bulk-input,.admin-form input,.admin-form select,.user-form input,.user-form select{border:1px solid #cfd8d3;background:#fff;border-radius:6px;min-height:38px;padding:0 10px;color:#1f2933;max-width:100%;min-width:0}.upload-button,.admin-nav,.logout,.secondary,.complete-button,.danger-button,.auth-panel button,.export-grid button,.review-tools button,.review-actions button,.review-mode-tabs button,.review-pagination button,.project-class-editor button,.project-type-control button,.class-file-picker,.tabs button,.admin-form button,.user-form button{min-height:38px;border-radius:6px;background:#176b52;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;font-weight:650;max-width:100%;text-align:center}.upload-button input{display:none}.secondary,.tabs button,.admin-nav{background:#edf5f1;color:#176b52;border:1px solid #bfd4cc}.admin-nav.active,.complete-button{background:#176b52;color:#fff}.danger-button{background:#fff0ee;color:#b42318;border:1px solid #f4b4ab}.secondary.full{width:100%}.full-action{width:100%;margin-top:8px}.sidebar-title{display:flex;align-items:center;gap:8px;font-weight:700}.sidebar-title .icon-button{margin-left:auto}.video-list{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;padding-right:2px}.video-search{border:1px solid #cfd8d3;background:#fff;border-radius:6px;min-height:36px;padding:0 10px;color:#1f2933}.source-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #d6ded9;border-radius:8px;background:#f7faf8}.source-tabs button{min-height:34px;border-radius:6px;background:transparent;color:#415048;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;font-size:12px;font-weight:750}.source-tabs button.active{background:#176b52;color:#fff}.source-tabs span{min-width:20px;border-radius:999px;background:#0f172a1a;padding:2px 6px;font-size:11px}.source-tabs button.active span{background:#fff3}.source-empty{border:1px dashed #cfd8d3;border-radius:8px;padding:12px;color:#667085;font-size:12px;text-align:center}.video-row{text-align:left;border:1px solid #d8e0dc;background:#fff;border-radius:8px;padding:10px;color:#263238}.video-row.active{border-color:#176b52;box-shadow:0 0 0 2px #176b521f}.video-row.completed{border-color:#84c7a6;background:#eaf7ef}.video-row.completed .video-name:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-right:7px;border-radius:50%;background:#176b52;color:#fff;font-size:11px;line-height:1}.video-row.completed.active{border-color:#176b52;background:#ddf2e5}.video-name{display:block;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:normal;overflow-wrap:anywhere}.lock-pill,.job-pill,.save-state{display:inline-flex;align-items:center;gap:5px;margin-top:7px;font-size:12px;color:#725100;background:#fff4c4;border-radius:999px;padding:3px 8px}.job-pill.running{color:#17556b;background:#dff4fb}.logout{margin-top:auto;background:#263238}.workspace{height:100vh;height:100dvh;min-height:0;overflow:auto;padding:20px;min-width:0}.workspace-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}.workspace-header>div:first-child{min-width:0}.workspace-header h1,.empty-state h1,.auth-panel h1{margin:0;font-size:24px;letter-spacing:0;overflow-wrap:anywhere}.workspace-header p{margin:4px 0 0;color:#667085}.workspace-header .status-error{color:#b42318}.header-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}.feedback-menu{position:relative}.notification-button{position:relative;width:38px;height:38px;border-radius:6px;background:#edf5f1;color:#176b52;border:1px solid #bfd4cc;display:inline-grid;place-items:center}.notification-button.has-items{background:#fff0ee;color:#b42318;border-color:#f4b4ab}.notification-button span{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:#b42318;color:#fff;font-size:10px;font-weight:800}.feedback-popover{position:absolute;right:0;top:44px;z-index:30;width:280px;max-height:330px;overflow:auto;display:grid;gap:6px;padding:10px;border:1px solid #d6ded9;border-radius:8px;background:#fff;box-shadow:0 16px 40px #0f172a2e}.feedback-popover>strong{font-size:13px}.feedback-popover button{display:grid;gap:2px;padding:8px;border:1px solid #e1e7e4;border-radius:6px;background:#f8faf9;text-align:left;color:#1f2933}.feedback-popover small,.feedback-popover p{margin:0;color:#667085;font-size:12px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tabs button{flex:1 1 140px}.class-popover input{width:100%;border:1px solid #cfd8d3;background:#fff;border-radius:6px;min-height:36px;padding:0 10px}.tabs button.active{background:#176b52;color:#fff}.box-layout{display:grid;grid-template-columns:minmax(190px,230px) minmax(0,1fr) minmax(220px,260px);gap:14px;align-items:start;min-width:0}.frame-rail,.annotator,.box-panel,.segment-row,.auth-panel{background:#fff;border:1px solid #d6ded9;border-radius:8px}.rail-controls{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:6px;padding:10px;border-bottom:1px solid #e3e9e6;text-align:center;font-weight:700}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:#2d3b36;background:#eef3f0;border-radius:6px}.icon-button.danger{color:#b42318;background:#fff0ee}.frame-list{max-height:calc(100vh - 210px);overflow:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.frame-list button{text-align:left;background:#f8faf9;border:1px solid #e1e7e4;border-radius:6px;padding:8px;color:#1f2933}.frame-list button.active{background:#edf8f2;border-color:#176b52}.frame-list span,.frame-list small{display:block}.frame-list small{margin-top:2px;color:#6b7280}.annotator{padding:12px;min-width:0}.tool-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}.tool-row label{display:inline-flex;align-items:center;gap:6px}.annotation-stage{position:relative;width:fit-content;max-width:100%;max-height:calc(100vh - 205px);overflow:hidden;background:#111827;border-radius:8px;-webkit-user-select:none;user-select:none;line-height:0;margin:0 auto}.annotation-stage img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 205px);object-fit:contain}.stage-nav{position:absolute;top:50%;z-index:18;width:42px;height:58px;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%);color:#1f2933;background:#ffffffe0;border:1px solid rgba(15,23,42,.14);border-radius:8px;box-shadow:0 10px 24px #0f172a2e}.stage-nav.left{left:10px}.stage-nav.right{right:10px}.stage-nav:disabled{cursor:not-allowed;opacity:.35}.stage-nav svg{pointer-events:none}.image-loading{height:520px;color:#fff;display:grid;place-items:center}.drawn-box{position:absolute;border:2px solid #18c37e;background:#18c37e14;line-height:normal}.drawn-box.selected{border-color:#f59e0b;background:#f59e0b24;box-shadow:0 0 0 2px #f59e0b38}.drawn-box.rejected{border-color:#d92d20;background:#d92d2024}.drawn-box.needs_revision{border-color:#f59e0b;background:#f59e0b24}.drawn-box span{position:absolute;left:-2px;top:-24px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#06281b;background:#a7f3d0;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:700}.resize-handle{position:absolute;width:10px;height:10px;min-height:10px;padding:0;border:1px solid #0f172a;border-radius:50%;background:#fff}.resize-handle.nw{left:-6px;top:-6px;cursor:nwse-resize}.resize-handle.ne{right:-6px;top:-6px;cursor:nesw-resize}.resize-handle.sw{left:-6px;bottom:-6px;cursor:nesw-resize}.resize-handle.se{right:-6px;bottom:-6px;cursor:nwse-resize}.class-popover{position:absolute;z-index:20;width:min(210px,calc(100% - 16px));max-height:calc(100% - 16px);display:flex;flex-direction:column;background:#fff;border:1px solid #bfd4cc;border-radius:8px;box-shadow:0 16px 40px #0f172a33;padding:8px;font-size:12px}.class-suggestions{display:flex;flex-direction:column;flex:1 1 auto;gap:5px;margin-top:7px;min-height:0;max-height:230px;overflow:auto}.class-suggestions button{min-height:28px;display:flex;align-items:center;gap:7px;color:#1f2933;background:#f8faf9;border:1px solid #e1e7e4;border-radius:6px;padding:0 8px;text-align:left;font-size:12px;line-height:1.15}.class-suggestions span{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.class-suggestions p{margin:0;color:#667085;font-size:12px}.box-panel{padding:12px}.box-panel h2{margin:0 0 10px;font-size:16px}.box-panel h3{margin:14px 0 8px;font-size:13px;color:#667085;text-transform:uppercase}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,96px),1fr));gap:8px}.summary-grid div,.summary-lines div{border:1px solid #e1e7e4;background:#f8faf9;border-radius:6px;padding:8px}.summary-grid span,.summary-lines span{display:block;color:#667085;font-size:11px;font-weight:700}.summary-grid strong{display:block;margin-top:4px;font-size:18px}.summary-progress{height:8px;margin:10px 0;overflow:hidden;background:#e8efeb;border-radius:999px}.summary-progress span{display:block;height:100%;background:#176b52}.summary-lines{display:flex;flex-direction:column;gap:6px}.summary-lines div{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.summary-lines strong{font-size:13px}.box-row{display:grid;grid-template-columns:1fr 34px;gap:6px;margin-bottom:8px}.box-row.rejected select{border-color:#d92d20;background:#fff7f6}.box-row.needs_revision select{border-color:#f59e0b;background:#fffbeb}.box-row select.selected{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b2e}.box-review-note{grid-column:1 / -1;color:#8a4b00;font-size:12px;line-height:1.25}.review-alert{color:#b42318!important;font-weight:700}.review-feedback{display:grid;gap:4px;margin-bottom:10px;padding:10px;border:1px solid #f4b4ab;border-radius:8px;background:#fff7f6;color:#7a271a;font-size:12px}.class-example{display:grid;gap:6px;margin-bottom:10px;padding:10px;border:1px solid #d6ded9;border-radius:8px;background:#f7faf8}.class-example span{color:#667085;font-size:12px;font-weight:700}.class-example strong{font-size:13px}.class-example img{width:100%;max-height:130px;object-fit:contain;border-radius:6px;background:#fff}.class-example p{margin:0;color:#667085;font-size:12px}.muted-note{margin:0 0 10px;color:#667085;font-size:13px}.draft-bar,.error-bar,.error-inline{border:1px solid #f4b4ab;background:#fff1ef;color:#9f261d;padding:9px 10px;border-radius:6px;margin-bottom:10px}.notice-bar{border:1px solid #a7d9bd;background:#eaf7ef;color:#176b52;padding:9px 10px;border-radius:6px;margin-bottom:10px;font-weight:700}.notice-bar.warning{border-color:#f8d47c;background:#fff8dd;color:#8a4b00}.draft-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.draft-bar button{background:#fff;border:1px solid #f4b4ab;color:#9f261d;border-radius:6px;padding:5px 8px}.segment-list{display:flex;flex-direction:column;gap:12px;min-width:0}.segment-top{display:grid;grid-template-columns:minmax(260px,420px) minmax(320px,1fr);gap:12px;align-items:start;min-width:0}.segment-editor{background:#fff;border:1px solid #d6ded9;border-radius:8px;padding:12px;min-width:0}.segment-editor-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.segment-editor-title strong{display:block;font-size:15px;line-height:1.25}.segment-editor-title span{display:block;color:#667085;font-size:12px;margin-top:2px}.segment-editor-title button{min-height:32px;padding:0 10px;font-size:12px;white-space:nowrap}.segment-error{margin-bottom:10px}.segment-form-grid,.export-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;align-items:end}.segment-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.segment-form-grid label{display:grid;gap:5px;min-width:0}.segment-form-grid span{color:#667085;font-size:12px;font-weight:700}.segment-form-grid input,.segment-form-grid select{border:1px solid #cfd8d3;background:#fff;border-radius:6px;min-height:34px;padding:0 10px;font-size:13px;width:100%;min-width:0}.segment-time-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:end;min-width:0}.segment-time-field button{min-height:34px;padding:0 10px;font-size:12px;white-space:nowrap}.segment-label-field select,.segment-row-label select{min-height:32px;font-size:12px}.segment-note-field{grid-column:1 / -1}.segment-editor-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.segment-editor-actions button{min-height:36px}.segment-player{background:#111827;border-radius:8px;overflow:hidden}.segment-player video{display:block;width:100%;max-height:260px;background:#111827;object-fit:contain}.segment-clip-preview{background:#111827;border-radius:6px;overflow:hidden;min-height:86px}.segment-clip-preview video{display:block;width:100%;height:100%;min-height:86px;max-height:130px;background:#111827;object-fit:contain}.segment-clip-preview.compact video{max-height:220px}.segment-card-grid{display:grid;gap:10px;min-width:0}.segment-row{display:grid;grid-template-columns:minmax(150px,210px) minmax(120px,160px) minmax(0,1fr) minmax(110px,auto);gap:12px;padding:12px;min-width:0;align-items:start}.segment-summary{display:grid;gap:5px;align-content:center}.segment-row-label{display:grid;gap:5px;max-width:100%;min-width:0}.segment-row-label span{color:#667085;font-size:12px;font-weight:700}.segment-summary span{color:#667085;font-size:12px;overflow-wrap:anywhere}.segment-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;align-content:start}.segment-actions button{min-height:34px;padding:0 10px;font-size:12px}.segment-row.active{border-color:#176b52;box-shadow:0 0 0 2px #176b521f}.segment-time strong{display:block;font-size:13px;margin-bottom:3px}.segment-time span{color:#667085;font-size:12px;overflow-wrap:anywhere}.segment-empty{border:1px dashed #bfd4cc;background:#f7faf8;border-radius:8px;padding:14px;color:#667085;font-size:13px;text-align:center}.segment-labels{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.mission-cell{min-height:70px;border:1px solid #e1e7e4;border-radius:6px;padding:8px}.mission-cell label{display:flex;gap:7px;align-items:flex-start;font-size:13px;min-height:34px;overflow-wrap:anywhere}.mission-cell select,.segment-row textarea{width:100%}.segment-row textarea{min-height:96px;resize:vertical;padding-top:8px}.export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.export-grid button{height:74px}.export-form{margin-top:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr));align-items:end}.export-card-panel{display:grid;grid-template-columns:minmax(min(100%,220px),280px) minmax(0,1fr);gap:14px;margin-top:12px;padding:14px;border:1px solid #d6ded9;border-radius:8px;background:#fbfcfb;min-width:0}.export-card-summary{display:grid;gap:6px;align-content:start;padding:12px;border:1px solid #d6ded9;border-radius:8px;background:#fff}.export-card-summary strong{font-size:16px}.export-card-summary span,.export-card-summary small{color:#667085;font-size:12px;line-height:1.35}.export-card-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:8px;border-top:1px solid #e1e7e4}.export-card-metrics div{display:grid;gap:2px;min-width:0}.export-card-metrics span{color:#667085;font-size:11px;font-weight:700}.export-card-metrics strong{color:#176b52;font-size:22px;line-height:1.05}.export-card-error{color:#b42318!important}@media(min-width:760px){.export-form label:nth-child(1),.export-form label:nth-child(2){grid-column:span 2}}.export-form label{display:grid;gap:5px;min-width:0}.export-form input,.export-form select{width:100%;min-width:0}.export-form button{min-height:38px;border-radius:6px;background:#176b52;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;font-weight:650}.check-line{min-height:38px;display:flex!important;align-items:center;gap:7px;color:#1f2933}.review-section h3{margin:16px 0 8px;font-size:15px}.review-tools,.review-counts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;min-width:0}.review-tools select{flex:1 1 180px;min-width:0}.review-tools select,.review-tools button{max-width:100%}.review-mode-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.review-mode-tabs button{flex:1 1 130px}.review-mode-tabs button{background:#edf5f1;color:#176b52;border:1px solid #bfd4cc}.review-mode-tabs button.active{background:#176b52;color:#fff}.review-counts span{flex:1 1 170px;border:1px solid #d6ded9;background:#f7faf8;border-radius:999px;padding:5px 10px;color:#415048;font-size:12px}.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px;align-items:start}.review-card,.review-segment-card{border:1px solid #d6ded9;background:#fff;border-radius:8px;overflow:hidden}.review-frame-preview{background:#0f172a;max-height:220px;overflow:auto}.review-frame-canvas{position:relative;width:100%;line-height:0}.review-frame-canvas img{width:100%;height:auto;display:block}.review-bbox{position:absolute;border:2px solid #ffb020;background:#ffb0201f;color:#111827;font-size:11px;font-weight:700;line-height:1.2;text-shadow:0 1px 2px rgba(255,255,255,.8);overflow:hidden}.review-card-body,.review-segment-card{display:grid;gap:8px;padding:10px}.review-card-body>div:first-child,.review-segment-main{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.review-card-body p,.review-segment-main span{margin:0;color:#667085;font-size:12px}.review-card textarea,.review-segment-card textarea{min-height:68px;padding-top:8px;resize:vertical}.review-status{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;color:#344054;background:#f2f4f7;white-space:nowrap}.review-status.approved{color:#176b52;background:#e8f5ee}.review-status.rejected{color:#b42318;background:#fff0ee}.review-status.needs_revision{color:#8a4b00;background:#fff4d6}.review-actions{display:flex;flex-wrap:wrap;gap:8px}.review-actions button{flex:1 1 110px}.review-segment-list{display:grid;gap:10px}.review-segment-main strong,.review-segment-main span{display:block}.review-segment-preview video{width:min(720px,100%);max-height:360px;background:#0f172a;border-radius:6px}.review-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:12px}.review-pagination span{min-width:58px;text-align:center;color:#415048;font-size:13px;font-weight:800}.admin-page{display:flex;flex-direction:column;gap:14px;min-width:0}.admin-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,auto);gap:18px;align-items:end;padding:18px;background:#fff;border:1px solid #d6ded9;border-radius:8px}.admin-eyebrow{display:inline-flex;margin-bottom:6px;color:#176b52;font-size:12px;font-weight:800}.admin-hero h1{margin:0;font-size:28px}.admin-hero p,.admin-section p{color:#667085;font-size:12px;margin:0}.admin-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-width:0}.admin-hero-actions div{min-width:0;max-width:100%;padding:10px 12px;border:1px solid #d6ded9;border-radius:8px;background:#f7faf8}.admin-hero-actions span,.export-form label span{display:block;color:#667085;font-size:12px;font-weight:700}.admin-hero-actions strong{display:block;margin-top:3px;font-size:13px}.admin-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:6px;background:#e6ece9;border:1px solid #d6ded9;border-radius:8px}.admin-tabs button{flex:1 1 130px;min-height:38px;border-radius:6px;background:transparent;color:#415048;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;font-weight:750;white-space:normal}.admin-tabs button.active{background:#fff;color:#176b52;box-shadow:0 1px 2px #10182814}.admin-tabs button span{min-width:22px;min-height:22px;display:inline-grid;place-items:center;border-radius:999px;background:#fff0ee;color:#b42318;font-size:11px}.admin-message{padding:10px 12px;border:1px solid #bfd4cc;border-radius:8px;background:#edf5f1;color:#176b52;font-size:13px;font-weight:700}.admin-tab-panel{display:grid;gap:14px;min-width:0}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px}.metric-grid div,.admin-section{background:#fff;border:1px solid #d6ded9;border-radius:8px}.metric-grid div{min-height:88px;display:grid;align-content:center;gap:4px;padding:12px}.metric-grid span{color:#667085;font-size:12px;margin:0}.metric-grid strong{font-size:24px}.admin-section{padding:14px;min-width:0}.admin-section-title{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.admin-section h2{margin:0 0 5px;font-size:17px}.admin-section .export-grid{margin-top:10px}.admin-form,.user-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:8px;align-items:center}.admin-form{grid-template-columns:1fr 1fr auto}.user-admin-form{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.user-management-list{display:grid;gap:8px;margin-top:12px}.user-management-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #d6ded9;border-radius:8px;background:#f8faf9;padding:10px}.user-management-row.inactive{background:#f3f4f6;color:#667085}.user-management-row strong,.user-management-row span{display:block;overflow-wrap:anywhere}.user-management-row span{color:#667085;font-size:12px;margin-top:3px}.user-management-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.project-create-form{display:grid;grid-template-columns:1fr;align-items:start;gap:12px;min-width:0}.project-create-basics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:10px;min-width:0}.project-field{display:grid;gap:5px;min-width:0}.project-field span{color:#667085;font-size:12px;font-weight:700}.project-description-field,.project-type-field{grid-column:1 / -1}.project-type-control{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:8px;min-width:0}.project-type-control button{justify-content:flex-start;align-items:flex-start;min-height:86px;background:#fff;border:1px solid #cfd8d3;color:#1f2933;padding:10px;display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-areas:"icon label" "icon description";gap:3px 8px;text-align:left}.project-type-control button.active{border-color:#176b52;background:#edf5f1;color:#176b52;box-shadow:0 0 0 2px #176b521f}.project-field .project-type-icon{grid-area:icon;width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center;gap:2px;color:inherit;font-size:0}.project-type-control strong{grid-area:label;min-width:0}.project-type-control small{grid-area:description;color:#667085;line-height:1.35}.project-type-control button.active small{color:#415048}.project-description-field textarea{min-height:74px;padding-top:9px;resize:vertical}.project-definition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:12px;min-width:0}.project-create-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e1e7e4;padding-top:12px}.project-create-summary{display:flex;flex-wrap:wrap;gap:8px}.project-create-summary span{display:inline-flex;align-items:center;min-height:28px;border:1px solid #d6ded9;border-radius:999px;background:#f7faf8;color:#415048;padding:0 9px;font-size:12px;font-weight:700}.admin-manage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;min-width:0}.project-list{display:grid;gap:8px;margin-top:12px}.project-class-editor,.project-segment-editor{display:grid;gap:8px;min-width:0}.project-setup-card{border:1px solid #d6ded9;border-radius:8px;background:#f8faf9;padding:12px;max-width:100%;min-width:0;overflow:hidden}.project-class-editor-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.project-class-editor-title strong{display:inline-flex;align-items:center;gap:6px;font-size:13px}.project-class-editor-title small{display:block;color:#667085;font-size:11px;margin-top:2px}.project-class-editor-title span{color:#667085;font-size:12px;font-weight:700;white-space:nowrap}.class-bulk-input{width:100%;min-height:94px;padding-top:9px;resize:vertical}.project-class-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.project-class-actions button{flex:1 1 150px;min-width:0}.project-class-row-list,.project-segment-row-list{display:grid;gap:8px}.project-class-row{display:grid;grid-template-columns:minmax(150px,220px) minmax(220px,1fr) minmax(120px,180px) 42px;gap:8px;align-items:stretch;min-width:0;max-width:100%}.project-class-row textarea{min-height:38px;max-height:96px;padding-top:9px;resize:vertical}.project-segment-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;align-items:center;min-width:0;max-width:100%}.project-class-row .danger-button,.project-segment-row .danger-button{width:42px;min-width:42px;padding:0;gap:0;overflow:hidden;font-size:0;white-space:nowrap}.project-class-row .danger-button svg,.project-segment-row .danger-button svg{flex:0 0 auto}.class-file-picker{background:#edf5f1;color:#176b52;border:1px solid #bfd4cc;min-width:0;width:100%;cursor:pointer}.class-file-picker.has-file{background:#eaf7ef;border-color:#84c7a6}.class-file-picker span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-file-picker input{display:none}.project-class-empty{margin:0;color:#667085;font-size:12px}.project-list div{display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,auto);gap:10px;align-items:center;border:1px solid #d6ded9;border-radius:8px;padding:8px;background:#f7faf8}.project-list div.active{border-color:#176b52;background:#edf5f1}.project-list span,.project-list strong{display:block}.project-list span{color:#415048;font-size:12px}.project-list small{display:block;margin-top:3px;color:#176b52;font-size:11px;font-weight:750}.project-list strong{color:#1f2933;font-size:13px}.project-list .project-list-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.split-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d6ded9;background:#f7faf8;border-radius:999px;padding:5px 9px;color:#415048;font-size:12px;font-weight:700}.split-pill.valid{border-color:#bfd4cc;background:#edf5f1;color:#176b52}.split-pill.invalid{border-color:#f4b4ab;background:#fff0ee;color:#b42318}.admin-table-wrap{overflow:auto;max-width:100%}.admin-table{width:100%;border-collapse:collapse;min-width:760px;font-size:13px}.admin-table th,.admin-table td{border-bottom:1px solid #e1e7e4;padding:9px 8px;text-align:left}.admin-table th{color:#667085;font-size:12px;font-weight:700}.empty-state{min-height:56vh;display:grid;place-items:center;align-content:center;color:#4b5563;text-align:center;gap:8px}.empty-state.compact{min-height:280px;background:#fff;border:1px solid #d6ded9;border-radius:8px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-panel{width:min(420px,100%);padding:24px;display:flex;flex-direction:column;gap:12px}.agent-layout{display:grid;gap:14px;grid-template-columns:minmax(280px,380px) minmax(420px,1fr);min-height:0}.agent-panel{background:linear-gradient(180deg,#fbfdfc,#f5f8f6);overflow:hidden}.agent-panel .admin-section-title{border-bottom:1px solid #e2e9e5;padding-bottom:10px}.agent-launcher{align-self:start;background:#f7faf8;border-color:#d8e1dc;box-shadow:inset 0 1px #ffffffb3;max-width:560px;padding:12px}.agent-form{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.agent-form label{gap:4px}.agent-form label:nth-child(1),.agent-form label:nth-child(2),.agent-form label:nth-child(3),.agent-form label:nth-child(5){grid-column:1 / -1}.agent-form .wide-field{grid-column:1 / -1}.agent-form label span{color:#536173;font-size:11px;font-weight:750}.agent-form input,.agent-form select{border-color:#ccd7d2;border-radius:6px;font-size:13px;min-height:34px;padding:0 9px}.agent-form .check-line{align-items:center;background:#fff;border:1px solid #d8e1dc;border-radius:7px;color:#26323f;display:grid;font-size:12px;font-weight:700;gap:8px;grid-template-columns:28px minmax(0,1fr);line-height:1.2;min-height:36px;padding:7px 8px}.agent-form .check-line input{appearance:none;background:#fff;border:1.5px solid #8b9691;border-radius:999px;display:grid;height:18px;margin:0;min-height:0;padding:0;place-items:center;width:28px}.agent-form .check-line input:before{background:#8b9691;border-radius:50%;content:"";height:10px;transform:translate(-4px);transition:transform .12s ease,background .12s ease;width:10px}.agent-form .check-line input:checked{background:#176b52;border-color:#176b52}.agent-form .check-line input:checked:before{background:#fff;transform:translate(4px)}.agent-form .check-line input:disabled{border-color:#c5ccc8;background:#eef2ef}.agent-form .check-line:has(input:disabled){color:#8a938f}.agent-form button{grid-column:1 / -1;min-height:36px;width:max-content;padding:0 16px}.agent-monitor{min-height:0}.agent-run-tabs{align-items:center;display:flex;gap:8px;margin-bottom:10px}.agent-run-tabs button{align-items:center;background:#fff;border:1px solid #d8e1dc;border-radius:7px;color:#536173;display:inline-flex;font-size:12px;font-weight:800;gap:8px;min-height:32px;padding:0 10px}.agent-run-tabs button.active{background:#176b52;border-color:#176b52;color:#fff}.agent-run-tabs span{background:#176b521a;border-radius:999px;color:inherit;min-width:20px;padding:2px 6px;text-align:center}.agent-run-list{display:grid;gap:12px;max-height:min(62dvh,680px);min-height:0;overflow:auto;padding-right:4px}.agent-run-card{border:1px solid #d9e2df;border-radius:8px;background:linear-gradient(180deg,#fff,#fbfcfb);padding:12px}.agent-run-head,.agent-current{align-items:center;display:flex;gap:12px;justify-content:space-between}.agent-run-head strong{display:block}.agent-run-head span,.agent-current span{color:#667085;font-size:.86rem}.agent-metrics{display:grid;gap:7px;grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0}.agent-metrics div{border:1px solid #e1e7e4;border-radius:7px;background:#f8faf9;padding:7px}.agent-metrics span{color:#667085;display:block;font-size:.74rem;font-weight:800;text-transform:uppercase;white-space:nowrap}.agent-metrics strong{display:block;font-size:15px;margin-top:3px}.agent-events{display:grid;gap:6px;margin-top:12px}.agent-events code{background:#eef4f1;border-radius:6px;color:#2f3d4a;display:block;font-size:.78rem;overflow:hidden;padding:7px 8px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1100px){.app-shell{grid-template-columns:1fr;grid-template-rows:minmax(220px,38dvh) minmax(0,1fr)}.sidebar{height:auto;min-height:0;overflow:auto;border-right:0;border-bottom:1px solid #d6ded9}.workspace{height:auto;min-height:0;overflow:auto}.box-layout,.segment-row,.segment-top,.admin-hero,.admin-form,.export-card-panel,.export-form,.project-list div,.project-create-basics,.project-definition-grid,.project-class-row,.project-segment-row,.user-form,.agent-layout{grid-template-columns:1fr}.agent-form{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-hero-actions,.admin-section-title{align-items:stretch;flex-direction:column}.frame-list{max-height:220px}}@media(max-width:1350px)and (min-width:1101px){.box-layout{grid-template-columns:minmax(180px,220px) minmax(0,1fr)}.box-panel{grid-column:1 / -1}.segment-row{grid-template-columns:minmax(150px,200px) minmax(0,1fr)}.segment-actions{justify-content:flex-start}}@media(max-width:760px){.workspace{padding:12px}.workspace-header,.header-actions,.project-class-editor-title,.project-class-actions,.project-create-footer,.review-tools,.review-actions,.review-pagination{align-items:stretch;flex-direction:column}.workspace-header,.header-actions{width:100%}.header-actions>button,.header-actions .feedback-menu,.export-form button,.export-form .check-line,.review-tools select,.review-tools button,.review-actions button,.review-pagination button,.project-class-actions button,.project-create-footer button,.class-file-picker{width:100%}.agent-form button{width:max-content}.agent-form .check-line{width:auto}.feedback-menu{display:grid}.notification-button{width:100%}.feedback-popover{left:0;right:0;width:min(100vw - 24px,320px)}.admin-hero,.admin-section,.export-card-panel{padding:12px}.admin-hero-actions,.admin-hero-actions div,.split-pill{width:100%}.admin-hero h1{font-size:22px;overflow-wrap:anywhere}.admin-tabs{gap:4px;padding:4px}.admin-tabs button{flex:1 1 calc(50% - 4px);padding:0 10px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-table{min-width:0}.segment-form-grid,.segment-time-field,.segment-row{grid-template-columns:1fr}.segment-editor-title{align-items:stretch;flex-direction:column}.segment-player video{max-height:220px}.segment-clip-preview,.segment-clip-preview video{min-height:120px}.segment-clip-preview video{max-height:180px}.admin-table,.admin-table tbody,.admin-table tr,.admin-table td{display:block;width:100%}.admin-table thead{display:none}.admin-table tr{border:1px solid #e1e7e4;border-radius:8px;background:#f8faf9;padding:6px;margin-bottom:8px}.admin-table td{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e1e7e4;padding:7px 6px;text-align:right;overflow-wrap:anywhere}.admin-table td:last-child{border-bottom:0}.admin-table td:before{color:#667085;font-weight:800;text-align:left}.admin-table td:nth-child(1):before{content:"Kullanici"}.admin-table td:nth-child(2):before{content:"Rol"}.admin-table td:nth-child(3):before{content:"Video"}.admin-table td:nth-child(4):before{content:"Frame"}.admin-table td:nth-child(5):before{content:"Sinif"}.admin-table td:nth-child(6):before{content:"Box"}.admin-table td:nth-child(7):before{content:"Segment"}.admin-table td:nth-child(8):before{content:"Tamamlanan"}.agent-layout{grid-template-columns:1fr}.agent-run-head,.agent-current{align-items:stretch;flex-direction:column}.agent-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.review-card-body>div:first-child,.review-segment-main{align-items:stretch;flex-direction:column}.segment-editor-actions,.segment-actions{align-items:stretch;flex-direction:column}.segment-editor-actions button,.segment-actions button{width:100%}.stage-nav{width:34px;height:46px}}@media(max-width:520px){.sidebar{padding:12px}.metric-grid{grid-template-columns:1fr}.admin-table{min-width:0}.project-list div,.project-class-row,.project-segment-row,.user-management-row{align-items:stretch;grid-template-columns:1fr}.user-management-actions,.project-list .project-list-actions{justify-content:stretch}.project-class-row .danger-button,.project-segment-row .danger-button{width:100%;min-width:0;gap:8px;font-size:inherit}.admin-tabs button{flex-basis:100%}.agent-form{grid-template-columns:1fr}.agent-form button,.tabs button,.rail-controls button,.complete-button,.danger-button,.secondary,.upload-button,.logout,.admin-nav{width:100%}.rail-controls{grid-template-columns:1fr}.frame-list button,.video-row{overflow-wrap:anywhere}}