@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg-a: #e9efe8;--bg-b: #f2efe3;--ink-900: #1f2a24;--ink-700: #304039;--ink-500: #5d6f65;--line: #d5ded4;--card: #f9fbf8;--mint: #d9eedc;--mint-ink: #24543a;--amber: #faecc9;--amber-ink: #6f5d22;--rose: #f6d7d6;--rose-ink: #7c2f2c;--sky: #d7e6ef;--sky-ink: #21475f}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:IBM Plex Sans,sans-serif;color:var(--ink-900);background:radial-gradient(85% 90% at 8% 10%,#7caa9b40,#7caa9b00 60%),radial-gradient(70% 90% at 92% 20%,#d7c39138,#d7c39100 55%),linear-gradient(120deg,var(--bg-a),var(--bg-b));background-attachment:fixed;overflow:hidden;font-size:15px}h1,h2,h3,h4,strong{font-family:Sora,sans-serif}.app-shell{height:100vh;display:flex;flex-direction:column;padding:1.25rem;overflow:hidden}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.15rem;border:1px solid var(--line);border-radius:16px;background:#f9fbf8e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-bottom:1rem;animation:rise-in .45s ease}.brand-wrap h1{margin:0;font-size:1.2rem}.brand-wrap span{color:var(--ink-500);font-size:.85rem}.header-actions{display:flex;align-items:center;gap:.75rem}.username-chip{padding:.35rem .65rem;border-radius:999px;background:#eef3ef;border:1px solid var(--line);color:var(--ink-700);font-size:.83rem}main{flex:1;min-height:0;overflow:hidden}.page-content{display:grid;gap:1rem;min-height:0}.dashboard-page{height:100%;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1rem;min-height:0}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:start}.detail-page{height:100%;overflow:auto;padding-right:.3rem;align-content:start;grid-auto-rows:min-content}.detail-meta-grid{display:grid;grid-template-columns:minmax(360px,1.2fr) minmax(320px,1fr);gap:1rem;min-height:0;align-items:stretch}.control-card .form-grid{height:100%;align-content:start}.control-card .top-space{margin-top:.2rem}.summary-stack{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:1rem;min-height:0}.summary-card .card-header{margin-bottom:.6rem}.summary-card .kv-list{gap:.34rem}.summary-card .kv-list div{padding:.48rem .6rem}.summary-card .kv-list dt{font-size:.72rem}.summary-card .kv-list dd{font-size:.82rem}.detail-ops-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:1rem;min-height:0;align-items:stretch}.jobs-stack{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:1rem;min-height:0}.detail-bottom-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,1.25fr);gap:1rem;min-height:0;align-items:stretch}.timeline-card .card-header{margin-bottom:.55rem}.span-2{grid-column:span 2}.card{border:1px solid var(--line);border-radius:18px;background:#f9fbf8eb;padding:1rem;display:flex;flex-direction:column;min-height:0;position:relative;isolation:isolate;overflow:hidden;animation:rise-in .4s ease}.hero-card{background:#f9fbf8f5;min-height:134px}.hero-card .card-header{margin-bottom:.45rem}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem}.card-title{margin:0;font-size:1.2rem;line-height:1.25}.card-subtitle{margin:.3rem 0 0;color:var(--ink-500);font-size:.84rem}.form-grid{display:grid;gap:.85rem;min-height:0}.two-cols{grid-template-columns:repeat(3,1fr)}.span-full{grid-column:1 / -1}.label{display:block;margin-bottom:.45rem;font-size:.72rem;color:var(--ink-700);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.input{width:100%;border:1px solid var(--line);background:#fcfdfb;border-radius:10px;padding:.52rem .68rem;color:var(--ink-900);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:#97b09a;box-shadow:0 0 0 3px #85aa9133}.btn{border:0;border-radius:999px;padding:.58rem 1rem;font-size:.86rem;font-weight:700;background:linear-gradient(135deg,#0e7660,#158f77);color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #158f7747}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.btn-light{background:#eef2ec;color:var(--ink-700);border:1px solid var(--line)}.btn-light:hover{box-shadow:none;background:#e8ede7}.toolbar{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.orders-toolbar{width:100%;flex-wrap:nowrap;align-items:center;justify-content:flex-start}.orders-search{flex:1 1 auto;min-width:280px}.orders-filter{width:180px;flex:0 0 180px}.orders-toolbar-actions{margin-left:auto;display:inline-flex;gap:.55rem;flex-shrink:0}.metric-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);gap:.65rem;min-height:0;overflow:auto;padding-right:.15rem;padding-bottom:.1rem}.metric-card{border:1px solid var(--line);border-radius:12px;padding:.75rem;background:#f4f8f3;min-width:170px}.metric-card span{display:block;color:var(--ink-500);font-size:.68rem;text-transform:uppercase;font-weight:700}.metric-card strong{display:block;margin-top:.2rem;font-size:1.32rem}.metric-card small{color:var(--ink-500);font-size:.72rem}.table-wrap{overflow:auto;min-height:0}.orders-card{min-height:0}.orders-card .card-header{position:sticky;top:0;z-index:3;background:#f9fbf8f5;padding-bottom:.75rem;margin-bottom:.55rem}.orders-card .table-wrap{flex:1;border:1px solid var(--line);border-radius:12px;background:#f8fbf7}.detail-page .table-wrap{max-height:320px;border:1px solid var(--line);border-radius:12px;background:#f8fbf7}.detail-page .mailboxes-card .table-wrap{max-height:360px}.detail-page .admin-link-card .table-wrap,.detail-page .twofa-card .table-wrap,.detail-page .user-deletion-card .table-wrap{max-height:200px}.detail-page>.card,.detail-page .detail-grid>.card{z-index:1}table{width:100%;border-collapse:collapse;min-width:720px}th,td{border-bottom:1px solid #e7ece6;text-align:left;padding:.52rem .5rem;vertical-align:top;font-size:.8rem;line-height:1.35}th{color:var(--ink-500);text-transform:uppercase;letter-spacing:.05em;font-size:.64rem;position:sticky;top:0;z-index:2;background:#edf3ec}.strong-cell{font-weight:700}.link-btn{display:inline-flex;padding:.28rem .65rem;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--ink-700);font-weight:700;font-size:.74rem}.stage-chip-wrap{display:flex;flex-wrap:wrap;gap:.35rem;max-width:360px}.mini-stage{display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--line);border-radius:999px;padding:.15rem .4rem;font-size:.63rem;color:var(--ink-500)}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.18rem .5rem;font-size:.62rem;font-weight:700;border:1px solid transparent}.status-completed{background:var(--mint);color:var(--mint-ink);border-color:#bfe2c7}.status-pending{background:var(--amber);color:var(--amber-ink);border-color:#f0dfb2}.status-running{background:var(--sky);color:var(--sky-ink);border-color:#bfd8e6}.status-failed{background:var(--rose);color:var(--rose-ink);border-color:#edbfbe}.status-neutral{background:#ecefeb;color:var(--ink-700);border-color:#dce3da}.stage-strip{display:grid;gap:.65rem;grid-template-columns:repeat(7,minmax(0,1fr))}.stage-cell{border:1px solid var(--line);border-radius:12px;padding:.7rem;background:#f5f8f3;display:grid;gap:.35rem}.stage-cell span{color:var(--ink-500);font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}.inline-check{display:flex;align-items:center;gap:.55rem;color:var(--ink-700)}.top-space{margin-top:1.9rem}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.kv-list{display:grid;gap:.4rem;margin:0}.kv-list div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:10px;background:#f7faf5}.kv-list dt{color:var(--ink-500);font-size:.77rem}.kv-list dd{margin:0;font-weight:700;font-size:.87rem}.timeline-list{list-style:none;margin:0;padding:0 0 0 .1rem;display:grid;gap:.3rem;position:relative}.timeline-list:before{content:"";position:absolute;left:.35rem;top:.2rem;bottom:.4rem;width:1px;background:#c8d6cb}.timeline-list li{position:relative;display:grid;grid-template-columns:.75rem 1fr;gap:.5rem;padding:.1rem 0 .45rem}.timeline-dot{position:relative;width:.52rem;height:.52rem;border-radius:999px;background:#98b5a2;margin-top:.32rem;box-shadow:0 0 0 2px #f9fbf8}.timeline-content{min-width:0}.timeline-title-row{display:flex;align-items:center;justify-content:space-between;gap:.55rem}.timeline-list strong{font-size:.78rem;line-height:1.25;font-weight:700}.timeline-content p{margin:.16rem 0;color:var(--ink-500);font-size:.71rem;line-height:1.35}.timeline-content small{color:var(--ink-500);font-size:.66rem}.timeline-collapsed-note{margin:0;color:var(--ink-500);font-size:.75rem}.timeline-card .timeline-list{height:260px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:.35rem}.form-message,.form-error{margin:0;font-size:.78rem;color:var(--ink-700)}.form-error{color:var(--rose-ink)}.form-actions{display:flex;align-items:center;gap:.8rem}.empty-state{border:1px dashed var(--line);border-radius:12px;padding:1rem;color:var(--ink-500);display:grid;gap:.3rem}.login-screen{min-height:100vh;display:grid;place-items:center;padding:1.2rem}.login-card{width:min(460px,100%)}.hero-title{margin:.6rem 0 0;font-size:1.62rem;line-height:1.15}.hero-subtitle{margin:.35rem 0 0;color:var(--ink-500);font-size:.8rem}.back-link{text-decoration:none;color:#0d6d6f;font-weight:700;font-size:.84rem}.order-head-row{position:sticky;top:0;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .9rem;border:1px solid var(--line);border-radius:14px;background:#f9fbf8f5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.order-head-left{display:flex;align-items:center;gap:.8rem;min-width:0}.back-pill{display:inline-flex;align-items:center;white-space:nowrap;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:.36rem .7rem;color:var(--ink-700);font-size:.75rem;font-weight:700;background:#eef2ec}.order-head-text h2{margin:0;font-size:1.22rem;line-height:1.15}.order-head-text p{margin:.22rem 0 0;color:var(--ink-500);font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-head-right{display:inline-flex;align-items:center;gap:.6rem}.overview-card{min-height:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#1e2f2566;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:1.1rem}.modal-panel{width:min(1050px,100%);max-height:calc(100vh - 2.2rem);overflow:auto;border:1px solid #c9d7cb;border-radius:18px;background:#fbfdf9;box-shadow:0 22px 64px #15352240;padding:1rem}.modal-head{display:flex;justify-content:space-between;gap:.9rem;align-items:flex-start;margin-bottom:.9rem}.modal-head h3{margin:0;font-size:1.2rem}.modal-head p{margin:.32rem 0 0;color:var(--ink-500);font-size:.81rem}.modal-form{align-content:start}.import-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.55rem;margin-top:.45rem}.import-summary div{border:1px solid var(--line);border-radius:10px;background:#f6faf5;padding:.48rem .55rem}.import-summary span{display:block;color:var(--ink-500);font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.import-summary strong{display:block;margin-top:.2rem;font-size:1rem}.import-results h4{margin:0 0 .42rem;font-size:.94rem}.import-results .table-wrap{max-height:240px}.modal-actions{position:sticky;bottom:0;padding-top:.45rem;background:linear-gradient(180deg,#fbfdf900,#fbfdf9f2 35%)}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.dashboard-page{grid-template-rows:auto minmax(0,1fr)}.dashboard-grid,.detail-grid,.detail-meta-grid,.detail-ops-grid,.detail-bottom-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.two-cols{grid-template-columns:repeat(2,1fr)}.stage-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;overflow:visible}.summary-stack,.jobs-stack{grid-template-rows:auto}}@media(max-width:820px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;padding:.8rem;overflow:visible}.app-header{position:static;flex-direction:column;align-items:flex-start;gap:.8rem}main{overflow:visible}.dashboard-page{height:auto;grid-template-rows:auto auto;overflow:visible}.toolbar{justify-content:stretch;width:100%}.toolbar .input,.toolbar .btn{width:100%}.orders-toolbar{flex-wrap:wrap}.orders-toolbar .orders-search,.orders-toolbar .orders-filter{width:100%;min-width:0;flex:1 1 100%}.orders-toolbar-actions{width:100%;margin-left:0;justify-content:flex-end}.orders-toolbar-actions .btn{width:auto}.two-cols{grid-template-columns:1fr}.import-summary,.stage-strip,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-grid{grid-template-columns:1fr}.timeline-list li{grid-template-columns:.75rem 1fr}.order-head-row{position:static;flex-direction:column;align-items:flex-start}.order-head-left{width:100%;flex-direction:column;align-items:flex-start;gap:.45rem}.order-head-text p{white-space:normal}.order-head-right{width:100%;justify-content:space-between}.orders-card .table-wrap{max-height:420px}.detail-page .mailboxes-card .table-wrap{max-height:300px}.detail-page .admin-link-card .table-wrap,.detail-page .twofa-card .table-wrap,.detail-page .user-deletion-card .table-wrap{max-height:220px}.timeline-card .timeline-list{height:240px}.modal-panel{max-height:calc(100vh - 1.2rem);padding:.85rem}.modal-head{flex-direction:column}}