*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#f6f8f7;color:#011640;font:500 16px/1.45 ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial}.auth-grid{display:grid;grid-template-columns:1.1fr 1.4fr;min-height:100%}@media(max-width:980px){.auth-grid{grid-template-columns:1fr}.auth-grid .auth-aside{display:none}}.auth-aside{padding:48px clamp(32px,6vw,64px);color:#eaf3f0;display:flex;flex-direction:column;gap:48px;justify-content:space-between;background:radial-gradient(1200px 600px at -10% -10%,#94b5a9 0%,transparent 60%),radial-gradient(800px 500px at 120% 110%,#142859 0%,transparent 55%),linear-gradient(140deg,#011640,#0b2c5a 60%,#103a4e)}.auth-aside .auth-brand h1{margin:16px 0 8px;font-size:28px;letter-spacing:.3px}.auth-aside .auth-brand p{margin:0;color:#d7e5e0}.auth-aside .auth-highlights{margin:0;padding:0;list-style:none;display:grid;gap:10px}.auth-aside .auth-highlights li{opacity:.92}.auth-aside .auth-footer{opacity:.8}.auth-main{display:grid;place-items:center;padding:32px}.auth-main .auth-card{width:min(520px,92vw);border:1px solid #e6ecea;background:#fff;border-radius:16px;box-shadow:0 10px 30px #01164014;border:1px solid #e8ecea;padding:32px clamp(24px,4vw,40px)}.auth-main .auth-card h2{margin:0 0 6px;font-size:26px}.auth-main .auth-card .auth-subtitle{margin:0 0 22px;color:#6b7280}.auth-main .auth-card form .auth-field{display:grid;gap:8px;margin-bottom:14px}.auth-main .auth-card form .auth-field span{font-size:14px;color:#334155}.auth-main .auth-card form .auth-field input{appearance:none;width:100%;padding:12px 14px;border:1px solid #d9e2de;border-radius:10px;background:#fff;outline:none;transition:border .15s,box-shadow .15s}.auth-main .auth-card form .auth-field input:focus{border-color:#618c7c;box-shadow:0 0 0 4px #618c7c59}.auth-main .auth-card form .auth-password{display:flex;gap:8px;align-items:center}.auth-main .auth-card form .auth-password input{flex:1}.auth-main .auth-card form .auth-password .ghost{border:none;background:transparent;cursor:pointer;color:#618c7c;padding:8px 10px;border-radius:8px;font-weight:600}.auth-main .auth-card form .auth-password .ghost:hover{background:#618c7c14}.auth-main .auth-card form .auth-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0 16px}.auth-main .auth-card form .auth-row .auth-check{display:flex;gap:8px;align-items:center;color:#334155}.auth-main .auth-card form .auth-row .auth-link{color:#618c7c;text-decoration:none;font-weight:600}.auth-main .auth-card form .auth-row .auth-link:hover{text-decoration:underline}.auth-main .auth-card form .auth-error{background:#ffe8e8;color:#9b1c1c;border:1px solid #ffd1d1;padding:10px 12px;border-radius:8px;margin:8px 0 14px}.auth-main .auth-card form .auth-submit{width:100%;padding:12px 16px;border:none;border-radius:12px;background:linear-gradient(135deg,#618c7c,#527769);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 6px 16px #618c7c40}.auth-main .auth-card form .auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-main .auth-card .auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:18px 0;color:#6b7280;font-size:14px}.auth-main .auth-card .auth-divider:before,.auth-main .auth-card .auth-divider:after{content:"";height:1px;background:#e6ece9}.auth-main .auth-card .auth-actions{display:grid;gap:10px}.auth-main .auth-card .auth-actions .outline{width:100%;padding:12px 16px;border-radius:12px;border:1.5px solid #618c7c;background:#fff;color:#618c7c;font-weight:700;cursor:pointer}.auth-main .auth-card .auth-actions .outline:hover{background:#618c7c0f}.home-wrap{background:#f6f8f7;min-height:100vh;color:#011640;font:500 15px/1.45 ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial;max-width:1200px;margin:0 auto;padding:32px 24px}.home-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.home-header .title h1{margin:0;font-size:28px;letter-spacing:.3px}.home-header .title p{margin:4px 0 0;color:#6b7280}.home-header .userbox{display:inline-flex;gap:10px;align-items:center;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid #e6ecea}.home-header .userbox .dot{width:8px;height:8px;border-radius:999px;background:#618c7c;display:inline-block}.home-header .userbox span{text-transform:uppercase;font-weight:700;color:#618c7c;letter-spacing:.6px}.home-header .userbox .logout{border:1px solid #618c7c;background:#fff;color:#618c7c;font-weight:700;cursor:pointer;padding:8px 10px;border-radius:8px;font-size:13px}.home-header .userbox .logout:disabled{opacity:.55;cursor:not-allowed}.home-header .userbox .logout.primary{background:linear-gradient(135deg,#618c7c,#527769);border-color:transparent;color:#fff;box-shadow:0 6px 16px #618c7c40}.home-header .userbox .logout.ghost{background:#fff}.home-header .userbox .logout.tiny{padding:8px 10px;border-radius:8px;font-size:13px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.tile{background:#fff;border-radius:16px;box-shadow:0 10px 30px #01164014;border:1px solid #e6ecea;position:relative;padding:18px;display:flex;flex-direction:column;gap:10px;min-height:140px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;cursor:pointer;text-decoration:none;color:inherit}.tile:hover{transform:translateY(-2px);box-shadow:0 14px 24px #0116401a;border-color:#618c7c73}.tile .tile-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#618c7c,#0e3a3d);display:grid;place-items:center;color:#fff;font-weight:900}.tile h3{margin:8px 0 0;font-size:18px}.tile p{margin:0;color:#6b7280;font-size:13px}.tile.disabled{opacity:.55;cursor:not-allowed}.orders-wrap{background:#f6f8f7;min-height:100vh;color:#011640;font:500 15px/1.45 ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial;max-width:1200px;margin:0 auto;padding:32px 24px}.userbox{display:inline-flex;gap:10px;align-items:center;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid #e6ecea}.userbox .dot{width:8px;height:8px;border-radius:999px;background:#618c7c;display:inline-block}.userbox span{text-transform:uppercase;font-weight:700;color:#618c7c;letter-spacing:.6px}.userbox .logout{border:1px solid #618c7c;background:#fff;color:#618c7c;font-weight:700;cursor:pointer;padding:8px 10px;border-radius:8px;font-size:13px}.userbox .logout.primary{background:linear-gradient(135deg,#618c7c,#527769);border-color:transparent;color:#fff;box-shadow:0 6px 16px #618c7c40}.userbox .logout.ghost{background:#fff}.userbox .logout.tiny{padding:8px 10px;border-radius:8px;font-size:13px}.userbox .logout.danger{border-color:#b91c1c;color:#b91c1c}.userbox .logout:disabled{opacity:.55;cursor:not-allowed}.orders-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.orders-header .title h1{margin:0;font-size:28px;letter-spacing:.3px}.orders-header .title p{margin:4px 0 0;color:#6b7280}.orders-header button.ghost.btn{margin-right:12px}.orders-filters{display:grid;grid-template-columns:repeat(3,minmax(200px,280px)) auto;gap:12px;align-items:end;margin:16px 0 12px}@media(max-width:920px){.orders-filters{grid-template-columns:1fr 1fr;grid-auto-rows:auto}}.orders-filters .field{display:grid;gap:6px}.orders-filters .field span{font-size:13px;color:#334155}.orders-filters .field input{padding:10px 12px;border:1px solid #d9e2de;border-radius:10px;outline:none;background:#fff}.orders-filters .field input:focus{border-color:#618c7c;box-shadow:0 0 0 4px #618c7c59}.orders-filters .actions{display:flex;gap:8px;align-items:center}.btn{padding:10px 14px;border-radius:10px;border:1px solid #618c7c;background:#fff;color:#618c7c;font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#618c7c,#527769);border-color:transparent;color:#fff;box-shadow:0 6px 16px #618c7c40}.btn.ghost{background:#fff}.btn.tiny{padding:8px 10px;border-radius:8px;font-size:13px}.btn.danger{border-color:#b91c1c;color:#b91c1c}.btn:disabled{opacity:.55;cursor:not-allowed}.banner.error{border:1px solid #e6ecea;background:#fff;border-radius:16px;box-shadow:0 10px 30px #01164014;border:1px solid #e8ecea;border-left:4px solid #b91c1c;padding:10px 12px;color:#b91c1c;margin:8px 0 14px}.orders-card{border:1px solid #e6ecea;background:#fff;border-radius:16px;box-shadow:0 10px 30px #01164014;border:1px solid #e8ecea;padding:12px}.table-scroll{overflow:auto;max-width:100%}.orders-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.orders-table th,.orders-table td{border:1px solid #cbd5d1;padding:10px;text-align:left;background:#fff}.orders-table th{background:#e8efed;font-weight:800;color:#0f2546}.orders-table td.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.orders-table td .row-actions{display:flex;gap:8px;flex-wrap:wrap}.orders-table td.empty{text-align:center;color:#6b7280;background:#fbfcfb}.chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.3px}.chip.created{background:#0116400f;color:#0f2546;border:1px solid rgba(1,22,64,.18)}.chip.in_progress{background:#618c7c24;color:#48685c;border:1px solid rgba(97,140,124,.3)}.chip.paused{background:#fff8e6;color:#995f00;border:1px solid #ffe3a3}.chip.completed{background:#e7f7ef;color:#0f6b3e;border:1px solid #bde8d1}.chip.cancelled{background:#fde8e8;color:#b91c1c;border:1px solid #ffd1d1}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#f6f8f7;color:#011640;padding:24px;border-radius:8px;min-width:320px;max-width:480px;box-shadow:0 12px 30px #0006}.modal__label{display:flex;flex-direction:column;margin-bottom:12px;font-size:14px}.modal__select,.modal__textarea{margin-top:6px;padding:6px 8px;border-radius:4px;border:1px solid #444;background:#fff;color:#011640}.modal__select:focus,.modal__textarea:focus{outline:none;border-color:#618c7c}.modal__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.modal h2{margin-top:0;margin-bottom:16px;font-size:18px}.create-wrap{background:#f6f8f7;min-height:100vh;color:#011640;font:500 15px/1.45 ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial;max-width:1200px;margin:0 auto;padding:32px 24px}.create-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.create-header h1{margin:0;font-size:28px;letter-spacing:.3px}.create-header p{margin:4px 0 0;color:#6b7280}.create-header .btn{padding:10px 14px;border-radius:10px;border:1px solid #618c7c;background:#fff;color:#618c7c;font-weight:700;cursor:pointer}.create-header .btn:disabled{opacity:.55;cursor:not-allowed}.create-header .btn.primary{background:linear-gradient(135deg,#618c7c,#527769);border-color:transparent;color:#fff;box-shadow:0 6px 16px #618c7c40}.create-header .btn.ghost{background:#fff}.create-header .btn.tiny{padding:8px 10px;border-radius:8px;font-size:13px}.create-header .ghost{padding:10px 14px;border-radius:10px;border:1px solid #618c7c;color:#618c7c;font-weight:700;cursor:pointer;background:#fff}.create-header .ghost:disabled{opacity:.55;cursor:not-allowed}.create-header .ghost.primary{background:linear-gradient(135deg,#618c7c,#527769);border-color:transparent;color:#fff;box-shadow:0 6px 16px #618c7c40}.create-header .ghost.ghost{background:#fff}.create-header .ghost.tiny{padding:8px 10px;border-radius:8px;font-size:13px}.create-header button.ghost.btn{margin-right:12px}.banner.error{background:#fff;border-radius:16px;box-shadow:0 10px 30px #01164014;border:1px solid #e6ecea;border-left:4px solid #b91c1c;padding:10px 12px;color:#b91c1c;margin:8px 0 14px}.create-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #01164014;border:1px solid #e6ecea;padding:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px}@media(max-width:860px){.form-grid{grid-template-columns:1fr}}.form-grid .field{display:grid;gap:6px}.form-grid .field span{font-size:13px;color:#334155}.form-grid .field input{padding:10px 12px;border:1px solid #d9e2de;border-radius:10px;outline:none;background:#fff}.form-grid .field input:focus{border-color:#618c7c;box-shadow:0 0 0 4px #618c7c59}.form-grid .form-actions{grid-column:1 / -1;display:flex;gap:10px;justify-content:flex-end;padding-top:6px}.form-grid .form-actions .btn{padding:10px 14px;border-radius:10px;border:1px solid #618c7c;background:#fff;color:#618c7c;font-weight:700;cursor:pointer}.form-grid .form-actions .btn:disabled{opacity:.55;cursor:not-allowed}.form-grid .form-actions .btn.primary{background:linear-gradient(135deg,#618c7c,#527769);border-color:transparent;color:#fff;box-shadow:0 6px 16px #618c7c40}.form-grid .form-actions .btn.ghost{background:#fff}.form-grid .form-actions .btn.tiny{padding:8px 10px;border-radius:8px;font-size:13px}.form-grid .form-actions .primary{padding:10px 14px;border-radius:10px;border:1px solid #618c7c;background:#fff;color:#618c7c;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#618c7c,#527769);border-color:transparent;color:#fff;box-shadow:0 6px 16px #618c7c40}.form-grid .form-actions .primary:disabled{opacity:.55;cursor:not-allowed}.form-grid .form-actions .primary.primary{background:linear-gradient(135deg,#618c7c,#527769);border-color:transparent;color:#fff;box-shadow:0 6px 16px #618c7c40}.form-grid .form-actions .primary.ghost{background:#fff}.form-grid .form-actions .primary.tiny{padding:8px 10px;border-radius:8px;font-size:13px}.form-grid .form-actions .ghost{padding:10px 14px;border-radius:10px;border:1px solid #618c7c;color:#618c7c;font-weight:700;cursor:pointer;background:#fff}.form-grid .form-actions .ghost:disabled{opacity:.55;cursor:not-allowed}.form-grid .form-actions .ghost.primary{background:linear-gradient(135deg,#618c7c,#527769);border-color:transparent;color:#fff;box-shadow:0 6px 16px #618c7c40}.form-grid .form-actions .ghost.ghost{background:#fff}.form-grid .form-actions .ghost.tiny{padding:8px 10px;border-radius:8px;font-size:13px}.tpl-panel{background:#fff;border-radius:16px;box-shadow:0 10px 30px #01164014;border:1px solid #e6ecea;padding:14px 14px 8px;margin-bottom:12px}.tpl-panel .tpl-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.tpl-panel .tpl-head h3{margin:0;font-size:18px}.tpl-panel .tpl-head input[type=search]{min-width:260px;padding:8px 10px;border:1px solid #d9e2de;border-radius:10px;outline:none;background:#fff}.tpl-panel .tpl-head input[type=search]:focus{border-color:#618c7c;box-shadow:0 0 0 4px #618c7c59}.tpl-panel .tpl-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.tpl-panel .tpl-item{text-align:left;padding:10px 12px;border-radius:12px;border:1px solid #e6ecea;background:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.tpl-panel .tpl-item .tpl-name{font-weight:800;margin-bottom:6px;color:#011640}.tpl-panel .tpl-item .tpl-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#6b7280;font-size:12px}.tpl-panel .tpl-item .tpl-meta .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tpl-panel .tpl-item .tpl-meta .dot{width:4px;height:4px;border-radius:999px;background:#cbd5d1;display:inline-block}.tpl-panel .tpl-item:hover{transform:translateY(-1px);box-shadow:0 10px 22px #01164014;border-color:#618c7c59}.tpl-panel .tpl-item.active{border-color:#618c7c;box-shadow:0 0 0 3px #618c7c33}.tpl-panel .tpl-empty{color:#6b7280;padding:8px 2px}.monitoring-wrap{background:#f6f8f7;min-height:100vh;color:#011640;font:500 15px/1.45 ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial;max-width:1200px;margin:0 auto;padding:32px 24px}button.btn.ghost{margin-right:12px}.monitoring-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.monitoring-header h1{margin:0;font-size:24px}.monitoring-header p{margin:4px 0 0;color:#7a8190;font-size:14px}.tag{font-size:12px;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#4f46e5}.monitoring-grid{display:flex;flex-direction:column;gap:16px}.monitoring-card{background:#fff;border-radius:16px;padding:14px 18px;box-shadow:0 18px 40px #0f172a14;width:100%;display:flex;flex-direction:column}.monitoring-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pill{padding:4px 10px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:12px;font-weight:600}.chip-running{background:#dcfce7;color:#15803d}.chip-paused{background:#fef3c7;color:#b45309}.chip-idle{background:#e5e7eb;color:#4b5563}.monitoring-card h2{margin:0 0 4px;font-size:16px}.monitoring-card .muted{margin:0 0 12px;color:#9ca3af;font-size:13px}.monitoring-card__body .row{display:flex;justify-content:space-between;margin-bottom:4px}.monitoring-card__body .row .label{color:#6b7280;font-size:13px}.monitoring-card__body .row .value{font-size:13px}.monitoring-card__empty{margin-top:8px;color:#9ca3af;font-size:13px}.reports-wrap{background:#f6f8f7;min-height:100vh;color:#011640;font:500 15px/1.45 ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial;max-width:1200px;margin:0 auto;padding:32px 24px}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.reports-header h1{margin:0;font-size:24px}.reports-header p{margin:4px 0 0;color:#7a8190;font-size:14px}.reports-empty{padding:24px;border-radius:16px;background:#fff;box-shadow:0 18px 40px #0f172a14;color:#9ca3af;text-align:center}.reports-list{display:flex;flex-direction:column;gap:12px}.report-card{background:#fff;border-radius:16px;box-shadow:0 18px 40px #0f172a14;overflow:hidden}.report-card__header{width:100%;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;border:none;background:transparent;cursor:pointer;color:#011640}.report-card__header:hover{background:#f9fafb}.report-card__main{display:flex;flex-direction:column;gap:4px;text-align:left}.report-card__title-row{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#011640}.report-card__meta-row{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#4b5563}.report-card__status{display:flex;align-items:center;gap:8px}.chevron{display:inline-block;width:10px;height:10px;border-right:2px solid #6b7280;border-bottom:2px solid #6b7280;transform:rotate(45deg);transition:transform .15s ease-out}.chevron.down{transform:rotate(45deg)}.chevron.up{transform:rotate(-135deg)}.report-card__body{padding:12px 18px 16px;border-top:1px solid #e5e7eb;background:#f9fafb}.report-body__section{margin-bottom:12px}.report-body__section h3{margin:0 0 8px;font-size:14px;color:#111827}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px 16px}.detail-label{font-size:11px;color:#6b7280}.detail-value{font-size:13px;color:#111827}.downtime-row{display:flex;flex-direction:column;gap:2px;padding:6px 0;border-top:1px dashed #e5e7eb}.downtime-row:first-of-type{border-top:none}.downtime-main{display:flex;gap:8px;align-items:baseline}.downtime-code{font-size:11px;padding:2px 6px;border-radius:999px;background:#e5e7eb;color:#374151}.downtime-desc{font-size:13px;color:#111827}.downtime-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#6b7280}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.chip{padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600}.chip-completed{background:#dcfce7;color:#15803d}.chip-partial{background:#fef3c7;color:#b45309}.chip-cancelled,.chip-error{background:#fee2e2;color:#b91c1c}.muted{color:#9ca3af;font-size:13px}