:root { --ink:#172338; --muted:#7e899a; --line:#e3e8ef; --paper:#fff; --canvas:#f4f6f9; --accent:#e76532; --nav:#111c2e; --green:#178760; --red:#b84c4c; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--canvas); font-family:'DM Sans',Arial,sans-serif; font-size:13px; }
h1,h2,h3,.brand strong,.metrics strong,.quality-grid b,.quality-score i{font-family:Inter,Arial,sans-serif!important}
button,input,textarea { font:inherit; } button { cursor:pointer; }
.hidden { display:none !important; }.eyebrow { display:block; color:#9aa5b5; font-size:9px; font-weight:700; letter-spacing:.16em; }
.login-layer { position:fixed; inset:0; z-index:20; display:grid; place-items:center; padding:24px; background:radial-gradient(circle at 30% 20%,#273650 0,#111b2c 42%,#0a1220 100%); }
.login-card { width:min(430px,100%); padding:42px; border:1px solid rgba(255,255,255,.12); border-radius:18px; color:white; background:rgba(22,34,54,.92); box-shadow:0 30px 80px rgba(0,0,0,.35); }
.login-mark { display:grid; place-items:center; width:46px; height:46px; margin-bottom:28px; border-radius:13px; color:white; background:var(--accent); font:700 22px Manrope; }
.login-card h1 { margin:8px 0 10px; font:700 25px Manrope; }.login-card p { margin:0 0 25px; color:#aeb8c8; line-height:1.6; }
.login-card label span,.dialog-card label span,.user-form label span { display:block; margin-bottom:6px; color:#8895a9; font-size:10px; font-weight:600; }
.login-card input { width:100%; height:45px; padding:0 13px; border:1px solid #40506a; border-radius:9px; outline:0; color:white; background:#101b2d; }
.login-card input:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(231,101,50,.15); }.login-card button { width:100%; height:44px; margin-top:12px; border:0; border-radius:9px; color:white; background:var(--accent); font-weight:700; }
.login-card a { display:block; margin-top:18px; color:#aab5c5; text-align:center; text-decoration:none; }.login-error { min-height:18px; margin-top:12px; color:#ff9f87; text-align:center; font-size:11px; }
.admin-shell { display:grid; grid-template-columns:225px minmax(0,1fr); min-height:100vh; }
aside { position:sticky; top:0; display:flex; flex-direction:column; height:100vh; padding:25px 18px 20px; color:white; background:var(--nav); }
.brand { display:flex; gap:11px; align-items:center; margin:0 8px 38px; color:white; text-decoration:none; }.brand>span { display:grid; place-items:center; width:34px; height:34px; border-radius:9px; background:var(--accent); font:700 17px Manrope; }.brand strong { font:700 13px Manrope; }.brand small { display:block; margin-top:2px; color:#8390a3; font:500 8px DM Sans; letter-spacing:.12em; text-transform:uppercase; }
nav { display:grid; gap:5px; }nav a { display:flex; gap:10px; align-items:center; padding:11px 12px; border-radius:8px; color:#9eabbd; text-decoration:none; font-size:11px; }nav a i { color:#5e6b7f; font-style:normal; font-size:8px; }nav a:hover,nav a.active { color:white; background:#1b2940; }.aside-spacer { flex:1; }
.security-note { margin-bottom:12px; padding:13px; border:1px solid #2b3a52; border-radius:9px; background:#16243a; }.security-note b,.security-note span { display:block; }.security-note b { margin-bottom:5px; color:#d8e0eb; font-size:9px; }.security-note span { color:#7f8ca0; font-size:8px; line-height:1.5; }.logout { padding:10px; border:1px solid #35445b; border-radius:8px; color:#aab5c5; background:transparent; font-size:9px; }
main { min-width:0; padding:37px clamp(24px,4vw,58px) 60px; }header { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; margin-bottom:26px; }header h1 { margin:5px 0 7px; font:700 25px Manrope; }header p { margin:0; color:var(--muted); font-size:11px; }
.primary,.secondary { min-height:37px; padding:0 15px; border-radius:8px; font-size:10px; font-weight:700; }.primary { border:1px solid var(--accent); color:white; background:var(--accent); box-shadow:0 5px 14px rgba(231,101,50,.15); }.secondary { border:1px solid #dce2ea; color:#667286; background:white; }.compact { min-height:31px; padding:0 11px; font-size:9px; }.full { width:100%; }
.metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:16px; }.metrics article { padding:17px 18px; border:1px solid var(--line); border-radius:11px; background:white; }.metrics span,.metrics small { display:block; }.metrics span { color:#8994a5; font-size:9px; }.metrics strong { display:block; margin:8px 0 5px; font:700 23px Manrope; }.metrics small { color:#a3acb9; font-size:8px; }.status-card strong { display:flex !important; gap:7px; align-items:center; color:var(--green); font-size:15px !important; }.status-card i { width:7px; height:7px; border-radius:50%; background:#25a777; box-shadow:0 0 0 4px #e1f5ed; }
.content-grid { display:grid; grid-template-columns:minmax(500px,1.35fr) minmax(360px,.85fr); gap:16px; align-items:start; }.panel { min-width:0; border:1px solid var(--line); border-radius:12px; background:white; box-shadow:0 6px 22px rgba(22,34,53,.035); }.panel-head { display:flex; justify-content:space-between; gap:15px; align-items:center; padding:17px 19px; border-bottom:1px solid #edf0f4; }.panel-head h2 { margin:4px 0 0; font:700 14px Manrope; }.panel-head input { width:170px; height:32px; padding:0 10px; border:1px solid #e0e5eb; border-radius:7px; outline:0; font-size:9px; }
.table-wrap { min-height:350px; overflow:auto; }table { width:100%; border-collapse:collapse; }th,td { padding:12px 15px; border-bottom:1px solid #f0f2f5; text-align:left; }th { color:#9ba4b1; background:#fbfcfd; font-size:8px; text-transform:uppercase; letter-spacing:.08em; }td { color:#596579; font-size:10px; }.user-cell { display:flex; gap:9px; align-items:center; }.avatar { display:grid; flex:0 0 auto; place-items:center; width:31px; height:31px; border-radius:9px; color:#b8512d; background:#fff0e9; font-weight:700; }.user-cell b,.user-cell small { display:block; }.user-cell b { color:#29364a; font-size:10px; }.user-cell small { margin-top:2px; color:#9ca6b4; font-size:8px; }.badge,.status-pill { display:inline-flex; padding:4px 7px; border-radius:20px; color:var(--green); background:#e9f7f1; font-size:8px; font-weight:700; }.badge.inactive,.status-pill.inactive { color:#8b5660; background:#f7ecef; }.manage { border:0; color:#d05a2c; background:transparent; font-size:9px; font-weight:700; }
.empty,.detail-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:280px; color:#9aa4b2; text-align:center; }.empty strong,.detail-empty strong { color:#617087; }.empty span,.detail-empty p { margin:6px 0 0; font-size:9px; }.detail-empty>span { margin-bottom:10px; color:#d3d9e1; font-size:34px; }.detail-head { border-bottom:0; }.user-form { display:grid; grid-template-columns:1fr 1fr; gap:11px; padding:0 19px 20px; border-bottom:1px solid #edf0f4; }.user-form .wide,.dialog-grid .wide { grid-column:1/-1; }.user-form input,.user-form textarea,.dialog-card input,.dialog-card textarea { width:100%; border:1px solid #dfe4eb; border-radius:7px; outline:0; color:#3b485c; background:#fbfcfd; font-size:10px; }.user-form input,.dialog-card input { height:35px; padding:0 9px; }.user-form textarea,.dialog-card textarea { min-height:60px; padding:9px; resize:vertical; }.user-form input:focus,.user-form textarea:focus,.dialog-card input:focus,.dialog-card textarea:focus { border-color:#e58a67; background:white; }.form-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:3px; }
.token-section { padding:18px 19px 21px; }.token-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }.token-heading h3 { margin:4px 0 0; font:700 13px Manrope; }.token-list { display:grid; gap:7px; }.token-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px; border:1px solid #e8ebf0; border-radius:8px; }.token-row b,.token-row span { display:block; }.token-row b { color:#3c485b; font-size:9px; }.token-row code { display:block; margin-top:3px; color:#929cab; font-size:8px; }.token-row span { margin-top:4px; color:#a3acb9; font-size:7px; }.token-row button { border:0; color:var(--red); background:transparent; font-size:8px; font-weight:700; }.token-row.revoked { opacity:.55; }.token-empty { min-height:120px; }
dialog { width:min(620px,calc(100% - 30px)); padding:0; border:0; border-radius:14px; color:var(--ink); box-shadow:0 28px 80px rgba(16,27,45,.3); }dialog::backdrop { background:rgba(12,22,37,.62); backdrop-filter:blur(3px); }.dialog-card { padding:25px; }.dialog-card.small { width:min(430px,100%); }.dialog-head { display:flex; justify-content:space-between; gap:20px; margin-bottom:20px; }.dialog-head h2,.reveal-card h2 { margin:5px 0 0; font:700 18px Manrope; }.close { width:30px; height:30px; border:1px solid #e1e5eb; border-radius:7px; color:#8d97a6; background:white; font-size:18px; }.dialog-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.dialog-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:20px; }.dialog-card>label { display:block; margin-bottom:12px; }.dialog-card label em { float:right; color:#adb4bf; font-style:normal; font-weight:400; }.dialog-note { padding:10px; border-radius:7px; color:#7f8998; background:#f5f7fa; font-size:9px; line-height:1.5; }
.reveal-card { text-align:center; }.success-mark { display:grid; place-items:center; width:42px; height:42px; margin:0 auto 15px; border-radius:50%; color:white; background:var(--green); font-size:20px; }.reveal-card p { color:#808b9b; font-size:10px; }.token-reveal { display:flex; gap:8px; align-items:center; margin:18px 0; padding:8px; border:1px dashed #dc855e; border-radius:9px; background:#fff9f6; }.token-reveal code { flex:1; min-width:0; overflow:auto; color:#7b3c26; text-align:left; white-space:nowrap; font-size:10px; }.token-reveal button { border:0; color:white; background:var(--accent); border-radius:6px; padding:8px 11px; font-size:9px; }
.toast { position:fixed; right:24px; bottom:24px; z-index:50; max-width:340px; padding:12px 16px; border-radius:8px; color:white; background:#17243a; opacity:0; transform:translateY(15px); pointer-events:none; transition:.2s; box-shadow:0 12px 30px rgba(0,0,0,.2); font-size:10px; }.toast.show { opacity:1; transform:none; }.toast.error { background:#9e3e42; }

/* Training Studio */
.upload-copy a{display:block;margin-top:5px;color:#c4562f;font-size:8px;font-weight:700;text-decoration:none}
.training-header{align-items:center}.training-readiness{display:flex;align-items:center;gap:10px;min-width:190px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fff}.training-readiness>i{width:9px;height:9px;border-radius:50%;background:#d4a742;box-shadow:0 0 0 5px #f8f0dc}.training-readiness.ready>i{background:#27a979;box-shadow:0 0 0 5px #e3f5ee}.training-readiness.blocked>i{background:#c45e5e;box-shadow:0 0 0 5px #f7e8e8}.training-readiness b,.training-readiness small{display:block}.training-readiness b{font-size:9px}.training-readiness small{margin-top:2px;color:#929cab;font-size:8px}.profile-card strong{color:#5d55aa!important}.training-metrics .profile-card strong{font-size:23px!important}
.training-hero{position:relative;overflow:hidden;margin-bottom:16px;padding:24px 26px;border:1px solid #263650;border-radius:14px;color:#fff;background:radial-gradient(circle at 82% 0,#5e3a674f,transparent 32%),linear-gradient(125deg,#111c2e,#172640);box-shadow:0 14px 35px #16213614}.training-hero:after{content:"";position:absolute;right:7%;top:-70px;width:190px;height:190px;border:1px solid #ffffff0d;border-radius:50%;box-shadow:0 0 70px #e7653221}.training-hero-copy{position:relative;z-index:1;display:flex;align-items:center;gap:17px;max-width:750px}.lab-orbit{display:grid;flex:none;place-items:center;width:48px;height:48px;border:1px solid #f68a6042;border-radius:15px;color:#ff9b74;background:#e765321c;box-shadow:inset 0 0 24px #e7653217}.training-hero h2{margin:4px 0;font:700 18px Manrope}.training-hero p{margin:0;color:#9ba9bc;font-size:9px}.training-path{position:relative;z-index:1;display:flex;align-items:center;gap:11px;margin-top:22px;padding-top:18px;border-top:1px solid #ffffff12}.training-path span{display:flex;align-items:center;gap:7px;color:#b8c2d0;font-size:8px}.training-path span i{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;color:#ff9a73;background:#e7653221;font-style:normal;font-weight:700}.training-path>b{color:#44536a;font-size:9px}
.training-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:start}.training-builder{overflow:hidden}.step-chip{padding:5px 8px;border-radius:20px;color:#b8522e;background:#fff0e9;font-size:8px;font-weight:700}.dataset-upload-form{padding:24px}.upload-copy{display:flex;align-items:center;gap:13px;margin-bottom:20px}.upload-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #f0d5ca;border-radius:11px;color:#dd6638;background:#fff6f2;font-size:18px}.upload-copy b,.upload-copy small{display:block}.upload-copy b{font-size:11px}.upload-copy small{margin-top:3px;color:#929cab;font-size:8px}.upload-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-fields label>span,.mapping-form label>span,.training-config label>span{display:block;margin-bottom:6px;color:#7c8798;font-size:9px;font-weight:600}.upload-fields label em,.mapping-form label em{float:right;color:#b1b8c3;font-size:7px;font-style:normal}.upload-fields input,.mapping-form input,.mapping-form select,.training-config input,.training-config select{width:100%;height:38px;padding:0 10px;border:1px solid #dfe4eb;border-radius:8px;outline:0;color:#354256;background:#fbfcfd;font-size:9px}.upload-fields input:focus,.mapping-form input:focus,.mapping-form select:focus,.training-config input:focus,.training-config select:focus{border-color:#e58a67;box-shadow:0 0 0 3px #e7653212;background:#fff}.file-picker{position:relative;display:flex;grid-column:1/-1;align-items:center;height:45px;padding:0 8px 0 13px;border:1px dashed #d8dee7;border-radius:9px;background:#fafbfd}.file-picker input{position:absolute;width:1px;height:1px;opacity:0}.file-picker>span{flex:1!important;margin:0!important;color:#7f8a9b!important;font-weight:500!important}.file-picker>b{padding:7px 10px;border-radius:6px;color:#c5562c;background:#fff0e9;font-size:8px}.upload-fields>.primary{grid-column:1/-1;justify-self:end}.upload-progress{display:flex;align-items:center;gap:9px;margin-top:15px;padding:10px 12px;border-radius:8px;color:#7d8797;background:#f5f7fa;font-size:8px}.upload-progress i{width:11px;height:11px;border:2px solid #f0c5b4;border-top-color:var(--accent);border-radius:50%;animation:admin-spin .8s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}
.mapping-form{padding:20px}.dataset-ribbon{display:flex;align-items:center;justify-content:space-between;margin:-20px -20px 0;padding:14px 18px;border-bottom:1px solid #edf0f4;background:#fafbfd}.dataset-ribbon>div{display:flex;align-items:center;gap:10px}.dataset-file-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#2d8466;background:#eaf6f1}.dataset-ribbon b,.dataset-ribbon small{display:block}.dataset-ribbon b{font-size:9px}.dataset-ribbon small{margin-top:2px;color:#949eac;font-size:8px}.dataset-ribbon small em{font-style:normal}.dataset-ribbon button,.field-picker-head button,.refresh-button{border:0;color:#c45730;background:transparent;font-size:8px;font-weight:700}.mapping-section{padding:20px 0;border-bottom:1px solid #edf0f4}.mapping-heading{display:flex;gap:11px;margin-bottom:14px}.mapping-heading>span{display:grid;flex:none;place-items:center;width:26px;height:26px;border-radius:7px;color:#c45730;background:#fff0e9;font-size:8px;font-weight:700}.mapping-heading b,.mapping-heading small{display:block}.mapping-heading b{font-size:10px}.mapping-heading small{margin-top:3px;color:#929cab;font-size:8px;line-height:1.5}.strategy-switch{display:inline-flex;margin-bottom:12px;padding:3px;border-radius:8px;background:#f1f3f6}.strategy-switch button{padding:7px 10px;border:0;border-radius:6px;color:#8490a1;background:transparent;font-size:8px}.strategy-switch button.active{color:#39465a;background:#fff;box-shadow:0 2px 8px #1b2a4014;font-weight:700}.mapping-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.target-json{display:block;max-width:calc(50% - 6px);margin-bottom:15px}.field-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.field-picker-head>b{font-size:9px}.field-picker-head>small{color:#98a1ae;font-size:8px}.field-picker-head>div{display:flex;gap:7px}.output-field-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:245px;overflow:auto;padding:3px}.output-field{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:9px;border:1px solid #e6eaf0;border-radius:8px;background:#fbfcfd}.output-field:has(input:checked){border-color:#eebba7;background:#fff8f5}.output-field input{width:14px;height:14px;margin:1px 0;accent-color:var(--accent)}.output-field span,.output-field b,.output-field small{display:block;min-width:0}.output-field b{overflow:hidden;color:#4d596b;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.output-field small{margin-top:5px;color:#9aa4b2;font-size:7px}.output-field small input{width:100%;height:25px;margin:0;padding:0 7px;border:1px solid #e3e7ed;border-radius:5px;font-size:7px}.profile-toggle{display:flex!important;gap:10px;align-items:flex-start;margin:18px 0;padding:12px;border:1px solid #dbece5;border-radius:9px;background:#f4faf7}.profile-toggle>input{width:15px!important;height:15px!important;margin:1px 0;accent-color:#258c67}.profile-toggle span{margin:0!important}.profile-toggle b,.profile-toggle small{display:block}.profile-toggle b{color:#43715f;font-size:9px}.profile-toggle small{margin-top:3px;color:#789487;font-size:8px}.builder-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.quality-review{padding:22px}.quality-score{display:flex;align-items:center;gap:17px;padding:16px;border:1px solid #e2e9e6;border-radius:11px;background:linear-gradient(120deg,#f8fcfa,#fff)}.quality-score>span{display:grid;place-items:center;width:65px;height:65px;border:6px solid #d9f0e7;border-top-color:#26976e;border-radius:50%}.quality-score i{color:#227a5c;font:700 17px Manrope;font-style:normal}.quality-score>span small{margin-top:-15px;color:#8ca398;font-size:6px}.quality-score h3{margin:4px 0;font:700 14px Manrope}.quality-score p{margin:0;color:#8994a3;font-size:8px}.quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.quality-grid>div{padding:11px;border:1px solid #e8ebef;border-radius:8px}.quality-grid b,.quality-grid span{display:block}.quality-grid b{font:700 15px Manrope}.quality-grid span{margin-top:3px;color:#929ba8;font-size:7px}.quality-warnings{display:grid;gap:6px}.quality-warnings>div{padding:9px 10px;border-left:2px solid #e3a34d;border-radius:4px;color:#8b744f;background:#fff9ef;font-size:8px}.quality-warnings .good{border-color:#39a77d;color:#5b806f;background:#f3faf7}.profile-distribution{margin-top:17px}.distribution-row{display:grid;grid-template-columns:120px minmax(0,1fr) 38px;align-items:center;gap:9px;margin-top:7px;font-size:8px}.distribution-row>b{overflow:hidden;text-overflow:ellipsis}.distribution-row>span{height:6px;overflow:hidden;border-radius:10px;background:#eef1f4}.distribution-row>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e76532,#ef9a72)}.distribution-row>small{color:#8791a0;text-align:right}
.training-config{padding:22px}.training-config-intro{display:flex;align-items:center;gap:13px;margin-bottom:19px;padding:14px;border:1px solid #e3e7ee;border-radius:10px;background:#fafbfd}.training-config-intro>span{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;color:#6b5cb0;background:#f0edfb;font-size:16px}.training-config-intro h3{margin:3px 0;font:700 12px Manrope}.training-config-intro p{margin:0;color:#909aa8;font-size:8px}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.config-grid .wide{grid-column:1/-1}.gpu-impact{display:flex;align-items:center;gap:11px;margin-top:16px;padding:11px;border:1px solid #e1e6ed;border-radius:9px}.gpu-impact>span{display:grid;place-items:center;width:35px;height:28px;border-radius:6px;color:#338766;background:#eaf6f1;font-size:7px;font-weight:800}.gpu-impact>div{flex:1}.gpu-impact b,.gpu-impact small{display:block}.gpu-impact b{font-size:8px}.gpu-impact small{margin-top:2px;color:#929baa;font-size:7px}.gpu-impact>i{color:#9c6a30;font-size:7px;font-style:normal}
.training-guide{display:grid;gap:12px}.guide-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.guide-card h3{margin:5px 0 12px;font:700 12px Manrope}.guide-card ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.guide-card li{display:flex;gap:8px;color:#717d8e;font-size:8px}.guide-card li i{color:#258c67;font-style:normal}.guide-card.caution{border-color:#f0dfc5;background:#fffbf5}.guide-card.caution p{margin:7px 0 0;color:#897b67;font-size:8px;line-height:1.6}.capability{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid #edf0f4}.capability b{font-size:8px}.capability span{color:#2c8a68;font-size:7px}.capability.muted{opacity:.62}.capability.muted span{color:#8c96a5}
.training-operations{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.operation-list{display:grid;max-height:350px;overflow:auto}.operation-empty{padding:35px;color:#98a2b0;text-align:center;font-size:8px}.operation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:13px 17px;border-bottom:1px solid #eef1f4}.operation-row:last-child{border:0}.operation-row b,.operation-row small{display:block}.operation-row b{font-size:9px}.operation-row small{margin-top:4px;color:#96a0ae;font-size:7px}.operation-row>span{align-self:center;padding:4px 7px;border-radius:20px;color:#5e6b7c;background:#f1f3f6;font-size:7px;font-weight:700}.operation-row>span.ready,.operation-row>span.completed{color:#287b5d;background:#eaf6f1}.operation-row>span.running,.operation-row>span.preparing{color:#97612d;background:#fff4e5}.operation-row>span.failed{color:#a74a4e;background:#f9eaeb}.job-progress{height:4px;margin-top:8px;overflow:hidden;border-radius:10px;background:#edf0f4}.job-progress i{display:block;height:100%;background:linear-gradient(90deg,#e76532,#f0a17f)}.job-actions{display:flex;gap:5px;margin-top:8px}.job-actions button{padding:5px 7px;border:1px solid #e1e5eb;border-radius:5px;color:#677385;background:#fff;font-size:7px}.job-actions button.activate{border-color:#d4eadf;color:#267a5c;background:#f2faf6}.profiles-panel{margin-top:16px}.profile-hint{color:#929cab;font-size:8px}.profile-list{display:grid;grid-template-columns:repeat(3,1fr)}.profile-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:15px;border-right:1px solid #edf0f4;border-bottom:1px solid #edf0f4}.profile-item:nth-child(3n){border-right:0}.profile-item b,.profile-item small{display:block}.profile-item b{font-size:9px}.profile-item small{margin-top:4px;color:#939dab;font-size:7px}.profile-toggle-button{position:relative;width:31px;height:18px;border:0;border-radius:20px;background:#dce1e8}.profile-toggle-button:after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #17233833;transition:.18s}.profile-toggle-button.active{background:#2f9a72}.profile-toggle-button.active:after{transform:translateX(13px)}
/* Continuous supervised learning */
.learning-console{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:16px;margin-bottom:16px;align-items:start}.learning-settings,.learning-inbox{overflow:hidden}.learning-form-body{padding:20px}.learning-form-body>label{display:block;margin-top:13px}.learning-form-body label>span,.learning-policy-grid label>span{display:block;margin-bottom:6px;color:#7c8798;font-size:9px;font-weight:600}.learning-form-body label em{float:right;color:#a7b0bd;font-size:7px;font-style:normal;font-weight:400}.learning-form-body input,.learning-form-body select,.learning-form-body textarea,.learning-inbox select{width:100%;border:1px solid #dfe4eb;border-radius:8px;outline:0;color:#354256;background:#fbfcfd;font-size:9px}.learning-form-body input,.learning-form-body select{height:38px;padding:0 10px}.learning-form-body textarea{min-height:76px;padding:10px;resize:vertical;line-height:1.55}.learning-form-body textarea.parameter-editor{min-height:245px;color:#29384f;background:#f8fafc;font:9px/1.65 "SFMono-Regular",Consolas,monospace;tab-size:2}.learning-form-body input:focus,.learning-form-body select:focus,.learning-form-body textarea:focus{border-color:#e58a67;background:#fff;box-shadow:0 0 0 3px #e7653212}.learning-identity,.learning-policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.parameter-help{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.parameter-help span{padding:4px 6px;border-radius:5px;color:#68768a;background:#eef1f5;font:7px monospace}.learning-policy-grid{grid-template-columns:repeat(4,1fr);margin-top:15px;padding-top:15px;border-top:1px solid #edf0f4}.learning-toggles{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.learning-toggles label{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:9px;border:1px solid #e5e9ee;border-radius:8px;background:#fbfcfd}.learning-toggles input{width:14px!important;height:14px!important;margin:1px 0;accent-color:var(--accent)}.learning-toggles span{margin:0!important}.learning-toggles b,.learning-toggles small{display:block}.learning-toggles b{color:#4d596c;font-size:8px}.learning-toggles small{margin-top:3px;color:#929cab;font-size:7px;line-height:1.4}.learning-validation{min-height:18px;padding-top:8px;color:#668373;font-size:8px}.learning-validation.error{color:#ae454a}.learning-profile-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #edf0f4;background:#fafbfd}.learning-profile{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:11px 13px;border:0;border-right:1px solid #edf0f4;border-bottom:1px solid #edf0f4;text-align:left;background:transparent}.learning-profile:nth-child(2n){border-right:0}.learning-profile:hover,.learning-profile.active{background:#fff6f2}.learning-profile b,.learning-profile small{display:block}.learning-profile b{color:#3d495c;font-size:8px}.learning-profile small{margin-top:3px;color:#949eac;font-size:7px}.learning-profile i{padding:4px 6px;border-radius:20px;color:#8a6570;background:#f5ecef;font-size:6px;font-style:normal}.learning-profile i.enabled{color:#26775a;background:#e7f5ef}.learning-inbox .panel-head select{width:110px;height:30px;padding:0 7px}.inbox-summary{padding:10px 16px;border-bottom:1px solid #edf0f4;color:#8c97a6;background:#fafbfd;font-size:7px}.feedback-inbox-list{max-height:690px;overflow:auto}.inbox-item{border-bottom:1px solid #edf0f4}.inbox-item summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 16px;cursor:pointer;list-style:none}.inbox-item summary::-webkit-details-marker{display:none}.inbox-item summary b,.inbox-item summary small{display:block}.inbox-item summary b{color:#3b485b;font-size:9px;text-transform:capitalize}.inbox-item summary small{margin-top:4px;color:#96a0ae;font-size:7px}.inbox-item summary i{padding:4px 7px;border-radius:20px;color:#93642c;background:#fff2df;font-size:6px;font-style:normal;font-weight:700}.inbox-item.approved summary i{color:#28795c;background:#e8f5ef}.inbox-item.rejected summary i{color:#a1484d;background:#f8e9ea}.inbox-item-body{padding:0 16px 15px}.inbox-item-body pre{max-height:220px;overflow:auto;margin:7px 0 10px;padding:10px;border:1px solid #e4e8ee;border-radius:7px;color:#425065;background:#f8fafc;font:7px/1.6 monospace;white-space:pre-wrap;word-break:break-word}.inbox-note{margin:0 0 8px;padding:8px;border-radius:6px;color:#7f6b50;background:#fff7ea;font-size:7px}.inbox-actions{display:flex;justify-content:flex-end;gap:6px}.inbox-actions button{padding:6px 9px;border:1px solid #dfe4e9;border-radius:6px;background:#fff;font-size:7px;font-weight:700}.inbox-actions .approve{color:#267a5b;border-color:#cfe6dd;background:#f1faf6}.inbox-actions .reject{color:#a1484d;border-color:#ead0d2;background:#fff5f5}
@media(max-width:1100px){.metrics{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.detail-panel{min-height:300px}}
@media(max-width:1100px){.learning-console{grid-template-columns:1fr}.training-workspace{grid-template-columns:1fr}.training-guide{grid-template-columns:repeat(3,1fr)}.training-operations{grid-template-columns:1fr}.profile-list{grid-template-columns:repeat(2,1fr)}.profile-item:nth-child(3n){border-right:1px solid #edf0f4}.profile-item:nth-child(2n){border-right:0}}
@media(max-width:700px){.admin-shell{grid-template-columns:1fr}aside{position:static;height:auto;padding:16px}.brand{margin-bottom:15px}nav{grid-template-columns:1fr 1fr}.aside-spacer,.security-note{display:none}.logout{margin-top:12px}main{padding:24px 15px}.metrics{grid-template-columns:1fr 1fr}.content-grid{display:block}.detail-panel{margin-top:14px}.users-panel{overflow:hidden}.dialog-grid,.user-form{grid-template-columns:1fr}.user-form .wide,.dialog-grid .wide{grid-column:auto}header{display:block}header>.primary{margin-top:15px}.training-readiness{margin-top:15px}.training-hero{padding:20px}.training-hero-copy{align-items:flex-start}.training-path{flex-wrap:wrap}.learning-identity,.learning-policy-grid,.learning-toggles{grid-template-columns:1fr}.learning-profile-list{grid-template-columns:1fr}.learning-profile{border-right:0}.upload-fields,.mapping-grid,.config-grid{grid-template-columns:1fr}.target-json{max-width:none}.output-field-list{grid-template-columns:1fr}.quality-grid{grid-template-columns:1fr 1fr}.training-guide{grid-template-columns:1fr}.profile-list{grid-template-columns:1fr}.profile-item,.profile-item:nth-child(3n){border-right:0}.distribution-row{grid-template-columns:90px 1fr 30px}}

.inbox-filters{display:flex;gap:6px}
.inbox-item.awaiting_confirmation summary i{color:#8a5a2b;background:#fdf0e2}
.comparison{margin:9px 0 11px;border:1px solid #e4e8ee;border-radius:7px;overflow:hidden}
.comparison-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid #e4e8ee;background:#fafbfd}
.comparison-head b{font-size:7px;font-weight:700;letter-spacing:.09em}
.comparison-head span{color:#8c97a6;font-size:7px}
.comparison-head.accepted b{color:#26775a}
.comparison-head.review b{color:#93642c}
.comparison-scroll{max-height:260px;overflow:auto}
.comparison-table{width:100%;border-collapse:collapse;font:7px/1.5 "SFMono-Regular",Consolas,monospace}
.comparison-table th{position:sticky;top:0;z-index:1;padding:7px 9px;color:#7c8798;background:#f4f6f9;font-size:6px;font-weight:700;letter-spacing:.1em;text-align:left;text-transform:uppercase;white-space:nowrap}
.comparison-table td{padding:6px 9px;border-top:1px solid #edf0f4;color:#425065;vertical-align:top;word-break:break-word}
.comparison-table td.comparison-field{color:#68768a;white-space:nowrap}
.comparison-table td.comparison-status{font-weight:700;white-space:nowrap}
.comparison-table tr.match td.comparison-status{color:#26775a}
.comparison-table tr.mismatch{background:#fff7f7}
.comparison-table tr.mismatch td.comparison-status{color:#a1484d}
.comparison-table tr.missing_in_model{background:#fffaf1}
.comparison-table tr.missing_in_model td.comparison-status{color:#93642c}
.comparison-table tr.extra_in_model td{color:#96a0ae}
.comparison-table tr.extra_in_model td.comparison-status{color:#96a0ae}
.inbox-actions .correct{color:#2c5f86;border-color:#d2e0ea;background:#f4f9fd}