:root{color:#1b2540;background:#f5f7fb;font-family:Arial,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}.app{min-height:100vh;display:flex}.sidebar{color:#d9e2f7;background:#101b35;flex-shrink:0;width:255px;min-height:100vh;padding:28px 16px}.brand{color:#fff;letter-spacing:.2px;padding:8px 13px 35px;font-size:24px;font-weight:900}.brand small{color:#8496c0;margin-top:7px;font-size:12px;font-weight:500;display:block}.nav{color:#bac8e3;text-align:right;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;margin:5px 0;padding:15px 16px;font-weight:600;display:flex}.nav:hover,.nav.active{color:#fff;background:#233859}.nav.active{box-shadow:inset -3px 0 #69a7ff}.sidebar-foot{color:#8294b8;margin-top:42px;padding:0 13px;font-size:12px}.main{flex:1;min-width:0;padding:36px max(3%,25px)}.page-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:28px;display:flex}.page-header h1{margin:0 0 10px;font-size:27px}.subtitle{color:#68748d;margin:0;font-size:14px;line-height:1.7}.toolbar{flex-wrap:wrap;gap:10px;display:flex}.btn{color:#fff;white-space:nowrap;background:#2563eb;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:14px;font-weight:700;display:inline-flex}.btn:hover{filter:brightness(.95)}.btn.secondary{color:#2f405c;background:#fff;border-color:#dce3f0}.btn.danger{color:#b91c1c;background:#fff1f2;border:1px solid #fecdd3}.btn.green{background:#0f9b75}.btn.small{padding:7px 11px;font-size:12px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px;display:grid}.stat,.panel{background:#fff;border:1px solid #e3e8f2;border-radius:15px;box-shadow:0 3px 13px #17295405}.stat{padding:22px}.stat .number{margin:9px 0;font-size:31px;font-weight:800}.stat .muted{color:#6e7a91;font-size:13px}.stat .icon-square{color:#225dd1;background:#ebf2ff;border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.panel{margin-bottom:22px;padding:22px}.panel h3{margin:0 0 17px;font-size:18px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;text-align:right;white-space:nowrap;width:100%;font-size:14px}.table th{color:#69778f;background:#f8fafd;padding:15px 12px;font-size:12px}.table td{border-top:1px solid #eef1f7;padding:14px 12px}.table tbody tr:hover{background:#fafcff}.badge{color:#1d4ed8;background:#eff6ff;border-radius:50px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-block}.badge.running{color:#087c54;background:#e5fff3}.badge.paused{color:#9a6800;background:#fff4d4}.badge.completed{color:#1762bd;background:#e7f4ff}.badge.cancelled,.badge.failed{color:#b32739;background:#fff0f0}.badge.draft{color:#526174;background:#f2f4f8}.actions{flex-wrap:wrap;gap:7px;display:flex}.field{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.field label{color:#33415d;font-size:13px;font-weight:700}.field input,.field textarea,.field select{color:#1c2b47;background:#fff;border:1px solid #d9e0ee;border-radius:10px;outline:none;width:100%;padding:12px 13px;font-size:14px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#649bff;box-shadow:0 0 0 3px #e8f0ff}.field textarea{resize:vertical;min-height:120px;line-height:1.8}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 17px;display:grid}.notice{color:#2a518c;background:#eef5ff;border:1px solid #d5e6ff;border-radius:10px;margin-bottom:16px;padding:13px 17px;font-size:13px;line-height:1.9}.alert{color:#0f6f4a;background:#e8fff3;border:1px solid #bfe7d1;border-radius:9px;margin-bottom:17px;padding:12px 15px}.alert.error{color:#ad2935;background:#fff1f1;border-color:#ffd0d0}.modal-backdrop{z-index:20;background:#07142bab;justify-content:center;align-items:center;padding:17px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:17px;width:100%;max-width:730px;max-height:94vh;padding:25px;overflow:auto;box-shadow:0 30px 100px #001b3352}.modal-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-head h2{margin:0;font-size:20px}.close{background:#f0f3f8;border:0;border-radius:9px;padding:8px 12px}.checkline{align-items:center;gap:8px;margin:9px 0 20px;font-size:14px;display:flex}.checkline input{width:18px;height:18px}.flex{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.muted{color:#7e8a9e}.progress{background:#e8edf4;border-radius:10px;width:125px;height:8px;overflow:hidden}.progress>div{background:#12a87b;height:100%}.file-chip{background:#f0f4fb;border-radius:8px;align-items:center;gap:8px;margin:5px;padding:9px;font-size:13px;display:inline-flex}.small-note{color:#7c879b;font-size:12px;line-height:1.8}.login-page{background:linear-gradient(120deg,#0a1430,#233f71);place-items:center;min-height:100vh;padding:25px;display:grid}.login-card{background:#fff;border-radius:18px;width:min(430px,100%);padding:36px;box-shadow:0 18px 65px #06101b44}.login-card h1{margin:5px 0;font-size:30px}.empty{text-align:center;color:#8290a6;padding:42px 12px}.detail-cols{grid-template-columns:1fr 1fr;gap:18px;display:grid}.detail-box{background:#f8faff;border-radius:12px;padding:14px;font-size:14px}.step{color:#2060c5;background:#eaf2ff;border-radius:50%;place-items:center;width:29px;height:29px;margin-left:8px;font-weight:700;display:inline-grid}@media (max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.app{display:block}.sidebar{width:100%;min-height:auto;padding:14px}.brand{padding:8px 10px 15px}.sidebar nav{gap:5px;display:flex;overflow-x:auto}.nav{white-space:nowrap;padding:12px;font-size:13px}.sidebar-foot{display:none}.main{padding:23px 14px}.page-header{flex-direction:column}.form-grid,.detail-cols{grid-template-columns:1fr}.panel{padding:14px}.cards{gap:10px}.stat{padding:15px}.stat .number{font-size:25px}}@media (max-width:500px){.cards{grid-template-columns:repeat(2,1fr)}.stat .muted{font-size:11px}}