:root {
  --blue-950:#043c60; --blue-900:#07547f; --blue-700:#0876b9; --blue-600:#0a8bd4;
  --cyan:#18a7c7; --yellow:#ffd21c; --green:#16966a; --orange:#ef8d32;
  --ink:#183042; --muted:#6a7d8c; --line:#dce7ed; --surface:#ffffff; --canvas:#f4f8fa;
  --danger:#d55757; --shadow:0 14px 38px rgba(21,61,85,.09); --radius:18px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--canvas);color:var(--ink)}
button,input,select,textarea{font:inherit} button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}
.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--blue-950),#062e48);color:#fff;padding:28px 20px;display:flex;flex-direction:column;z-index:10}
.brand{display:flex;align-items:center;gap:12px;padding:0 6px 28px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-mark{width:46px;height:46px;border-radius:14px;background:var(--yellow);color:var(--blue-950);display:grid;place-items:center;font-weight:900;font-size:18px;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.brand strong,.brand span{display:block}.brand strong{font-size:17px}.brand span{font-size:11px;color:#a9d3e7;margin-top:3px;text-transform:uppercase;letter-spacing:.08em}
.main-nav{display:grid;gap:8px;margin-top:28px}.nav-item{border:0;color:#c8e1ec;background:transparent;border-radius:13px;padding:13px 14px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:650;transition:.2s;text-decoration:none}.nav-item:hover{background:rgba(255,255,255,.08);color:#fff}.nav-item.active{background:#fff;color:var(--blue-900);box-shadow:0 10px 24px rgba(0,0,0,.15)}.nav-icon{width:26px;font-size:21px;text-align:center}
.sidebar-footer{margin-top:auto;padding:18px 7px 0;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:10px;color:#9cc4d7}.sync-pill{font-size:12px}.sync-pill span{display:inline-block;width:8px;height:8px;background:#4fdd9b;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px rgba(79,221,155,.12)}
.import-grid,.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.import-card{margin:0}.stack-form{display:grid;gap:15px;margin-top:22px}.notice-box{padding:13px 15px;border-radius:10px;background:#fff6df;color:#795b0e;font-size:13px;line-height:1.5;border:1px solid #f3dda2}.notice-box.success{background:#eaf8f2;color:#166347;border-color:#bde8d5}.formula-audit{border-left:4px solid #7d58c2}.formula-list{display:grid;gap:8px;margin-top:18px}.formula-list div{display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:start;padding:10px 12px;background:#f6f3fb;border-radius:8px}.formula-list code{white-space:normal;word-break:break-word;color:#51378b}.formula-badge{display:inline-block;padding:1px 5px;border-radius:5px;background:#eee7fb;color:#6741a5;font-size:10px}.integration-panel,.setup-steps{padding:26px}.integration-status{display:inline-flex;align-items:center;gap:8px;background:#fff1e6;color:#a34c13;padding:7px 11px;border-radius:99px;font-size:12px;font-weight:800}.integration-status span{width:8px;height:8px;border-radius:50%;background:#ef8d32}.integration-status.enabled{background:#e7f8f0;color:#14714d}.integration-status.enabled span{background:#16966a}.integration-panel h3,.setup-steps h3{margin:18px 0}.integration-panel dl{display:grid;grid-template-columns:120px 1fr;gap:11px;margin:0 0 22px}.integration-panel dt{color:#6a7d8c}.integration-panel dd{margin:0;font-weight:700;overflow-wrap:anywhere}.setup-steps ol{padding-left:20px;line-height:1.8}.setup-steps p{color:#617988;line-height:1.6}.btn:disabled{opacity:.5;cursor:not-allowed}
.main-content{min-width:0;padding:0 36px 48px}.topbar{height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{margin:0 0 5px;color:var(--blue-700);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.topbar h1{font-size:27px;margin:0;letter-spacing:-.03em}.topbar-actions{display:flex;align-items:center;gap:14px}.today{font-size:13px;color:var(--muted)}.mobile-menu{display:none;border:0;background:#fff;border-radius:10px;padding:9px 12px;font-size:20px}
.btn{border:0;border-radius:11px;padding:11px 16px;font-weight:750;transition:transform .16s,box-shadow .16s,background .16s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:var(--blue-700);box-shadow:0 8px 18px rgba(8,118,185,.2)}.btn-primary:hover{background:var(--blue-900)}.btn-secondary{background:#e9f1f5;color:var(--blue-900)}.btn-light{background:#fff;color:var(--blue-900)}.btn-yellow{background:var(--yellow);color:#173447}.btn-large{padding:14px 24px}.button-group{display:flex;gap:9px}
.page{display:none}.page.active{display:block;animation:fade .24s ease}@keyframes fade{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}
.hero-card{min-height:190px;border-radius:24px;padding:32px 34px;background:linear-gradient(118deg,var(--blue-700),#064f82 72%,#083d60);color:#fff;display:flex;justify-content:space-between;align-items:flex-end;gap:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:300px;height:300px;border:60px solid rgba(255,255,255,.05);border-radius:50%;right:-90px;top:-145px}.hero-card>*{position:relative;z-index:1}.hero-badge{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero-card h2{font-size:28px;max-width:620px;margin:18px 0 8px;letter-spacing:-.03em}.hero-card p{margin:0;color:#cce7f3;max-width:650px;line-height:1.55}.hero-actions{display:flex;gap:9px;white-space:nowrap}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.metric-card{background:#fff;border-radius:var(--radius);padding:21px;border:1px solid #e7eff3;box-shadow:0 8px 24px rgba(20,61,87,.045);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--card-accent)}.accent-blue{--card-accent:var(--blue-700)}.accent-cyan{--card-accent:var(--cyan)}.accent-green{--card-accent:var(--green)}.accent-orange{--card-accent:var(--orange)}.metric-label{font-size:12px;color:var(--muted);font-weight:750;text-transform:uppercase;letter-spacing:.06em}.metric-value{font-size:34px;font-weight:850;margin:8px 0 5px;color:#102f45;letter-spacing:-.04em}.metric-value.compact{font-size:24px;margin-top:13px}.metric-note{font-size:12px;color:#82939e}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:#fff;border:1px solid #e5edf1;border-radius:var(--radius);box-shadow:0 8px 25px rgba(19,57,80,.045)}.chart-panel{padding:22px;min-width:0}.chart-panel.wide{grid-column:1/-1}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.panel-header h3{margin:4px 0 0;font-size:17px}.panel-kicker{font-size:10px;color:var(--blue-700);font-weight:850;letter-spacing:.1em;text-transform:uppercase}.legend-note{font-size:11px;color:var(--muted)}canvas{display:block;width:100%;max-width:100%}
.recent-panel{padding:22px;margin-top:16px}.text-button{border:0;background:transparent;color:var(--blue-700);font-weight:750;text-decoration:none}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;padding:11px 12px;color:#718492;font-size:10px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:13px 12px;border-bottom:1px solid #edf2f5;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.project-cell{min-width:220px}.project-cell b,.project-cell span{display:block}.project-cell span{font-size:11px;color:var(--muted);margin-top:3px}.project-cell a{color:var(--blue-700)}.type-badge,.status-badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;white-space:nowrap}.type-KKF{background:#e2f1fb;color:#075e93}.type-BCR{background:#e5f7f0;color:#117a56}.type-price{background:#fff4d7;color:#916a00}.status-good{background:#e4f6ed;color:#117a53}.status-warning{background:#fff0dc;color:#a15a0d}.status-neutral{background:#e9f0f4;color:#506b7c}
.section-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-intro>div:first-child{display:flex;align-items:center;gap:15px}.section-intro h2{margin:0 0 4px;font-size:22px}.section-intro p{margin:0;color:var(--muted);font-size:13px}.section-number{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:var(--blue-700);color:#fff;font-size:12px;font-weight:850}
.form-card{background:#fff;border:1px solid #e3edf2;border-radius:20px;padding:25px;margin-bottom:16px;box-shadow:0 8px 25px rgba(19,57,80,.04)}.form-card-title{display:flex;gap:12px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:20px}.form-card-title>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#e4f3fb;color:var(--blue-700);font-weight:850}.form-card-title h3{margin:0 0 3px;font-size:17px}.form-card-title p{margin:0;color:var(--muted);font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label{font-size:12px;font-weight:700;color:#486274;display:grid;gap:7px}.form-grid label small{font-size:10px;color:var(--muted);font-weight:500}.form-grid label b,.form-actions b{color:var(--danger)}.span-2{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #cfdee6;border-radius:10px;background:#fbfdfe;color:var(--ink);padding:11px 12px;outline:none;transition:.18s}input:focus,select:focus,textarea:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(10,139,212,.1);background:#fff}input[readonly]{background:#eef4f7;color:#4e6878}textarea{resize:vertical;min-height:84px}.dynamic-empty{margin-top:18px;border:1px dashed #bdd2df;border-radius:12px;padding:18px;text-align:center;color:#718794;font-size:13px;background:#f8fbfc}.dynamic-fields{display:none;margin-top:18px}.dynamic-fields.active{display:block}.field-banner{font-size:11px;font-weight:850;color:var(--blue-700);text-transform:uppercase;letter-spacing:.08em;background:#eff8fc;border-radius:10px;padding:10px 12px;margin-bottom:14px}.auto-check-card{margin-top:20px;border-radius:14px;padding:15px 17px;background:#edf6fa;display:flex;gap:12px;align-items:center;border:1px solid #d5e9f2}.auto-check-card.good{background:#e8f8f0;border-color:#c7ead8}.auto-check-card.warning{background:#fff5e6;border-color:#f2dab7}.auto-check-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--blue-700);font-weight:900}.auto-check-card small,.auto-check-card strong{display:block}.auto-check-card small{font-size:9px;letter-spacing:.1em;color:#6e8390;font-weight:850;margin-bottom:3px}.auto-check-card strong{font-size:13px}.form-actions{display:flex;align-items:center;justify-content:space-between;padding:8px 2px}.form-actions p{font-size:11px;color:var(--muted)}
.records-panel{padding:20px}.filter-bar{display:grid;grid-template-columns:minmax(240px,1fr) 175px 175px auto;gap:10px}.search-box{position:relative}.search-box span{position:absolute;left:13px;top:9px;font-size:20px;color:#6e8492}.search-box input{padding-left:40px}.record-summary{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;padding:17px 3px 8px}.large-table{max-height:560px}.large-table th{position:sticky;top:0;background:#fff;z-index:1}.action-group{display:flex;gap:5px}.action-group form{margin:0}.icon-button{border:0;border-radius:8px;background:#edf4f7;color:var(--blue-900);padding:7px 9px;font-size:11px;font-weight:750;text-decoration:none;display:inline-block}.icon-button.delete{background:#fff0f0;color:#b84444}.empty-state{display:none;text-align:center;padding:45px;color:var(--muted)}.empty-state.shown{display:block}.empty-state>div{font-size:30px}.empty-state h3{color:var(--ink);margin:8px 0 4px}.empty-state p{margin:0;font-size:12px}
.sidebar-user{display:grid;gap:3px;padding-bottom:2px}.sidebar-user b{font-size:12px;color:#fff}.sidebar-user span{font-size:10px;color:#9cc4d7;text-transform:uppercase;letter-spacing:.06em}.user-chip{display:grid;text-align:right;line-height:1.2}.user-chip b{font-size:12px;color:var(--blue-950)}.user-chip span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.user-role-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.role-summary{background:#fff;border:1px solid #e2ecf1;border-radius:16px;padding:19px 20px;display:grid;grid-template-columns:1fr auto;gap:5px 15px;box-shadow:0 7px 22px rgba(19,57,80,.04);border-top:4px solid var(--role-color)}.role-summary.admin{--role-color:#7048a8}.role-summary.supervisor{--role-color:var(--blue-700)}.role-summary.staff{--role-color:var(--green)}.role-summary span{font-size:12px;font-weight:800;color:#496374;text-transform:uppercase;letter-spacing:.05em}.role-summary strong{grid-row:1/3;grid-column:2;font-size:30px;color:var(--role-color)}.role-summary small{font-size:11px;color:var(--muted)}.user-settings-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:16px;align-items:start}.user-form-card{margin:0}.user-form-card .stack-form label{font-size:12px;font-weight:700;color:#486274;display:grid;gap:7px}.user-form-card .stack-form label b{color:var(--danger)}.user-form-card .stack-form label small{font-size:10px;font-weight:500;color:var(--muted);line-height:1.45}.hierarchy-panel{padding:25px}.hierarchy-panel h3{margin:7px 0 20px}.hierarchy-flow{display:grid;justify-items:center}.hierarchy-flow>i{font-style:normal;color:#8aa5b5;font-size:22px;line-height:1.2}.hierarchy-level{width:100%;border-radius:12px;padding:14px 16px;border-left:5px solid var(--level-color);background:#f7fafc}.hierarchy-level b,.hierarchy-level span{display:block}.hierarchy-level b{font-size:13px;color:#24475c}.hierarchy-level span{font-size:11px;line-height:1.5;color:var(--muted);margin-top:4px}.level-admin{--level-color:#7048a8}.level-supervisor{--level-color:var(--blue-700)}.level-staff{--level-color:var(--green)}.hierarchy-panel .notice-box{margin-top:20px}.user-list-panel{margin-top:16px}.role-badge,.account-status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;white-space:nowrap}.role-admin{background:#eee7fb;color:#624095}.role-supervisor{background:#e2f1fb;color:#075e93}.role-staff{background:#e5f7f0;color:#117a56}.account-status.active{background:#e4f6ed;color:#117a53}.account-status.inactive{background:#edf1f3;color:#71838e}.self-label{font-size:10px;color:var(--muted);padding:7px 4px;white-space:nowrap}
.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.guide-card{background:#fff;border:1px solid #e2ecf1;border-radius:17px;padding:22px;box-shadow:0 8px 22px rgba(19,57,80,.04)}.guide-card>span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:var(--yellow);font-weight:900;color:var(--blue-950)}.guide-card h3{font-size:15px;margin:17px 0 7px}.guide-card p{font-size:12px;color:var(--muted);line-height:1.55;margin:0}.rules-panel{padding:24px;margin-top:16px}.rule-list{display:grid;gap:10px}.rule-list div{display:grid;grid-template-columns:170px 1fr;padding:12px 14px;border-radius:10px;background:#f7fafc;font-size:13px}.rule-list span{color:var(--muted)}.local-note{margin-top:16px;padding:16px 18px;border-radius:13px;background:#fff7d9;border:1px solid #f2df93;color:#66531a;font-size:12px;line-height:1.55}
.toast{position:fixed;right:24px;bottom:24px;max-width:360px;background:#143a52;color:#fff;border-radius:12px;padding:13px 17px;box-shadow:0 14px 40px rgba(0,0,0,.18);font-size:13px;font-weight:650;transform:translateY(100px);opacity:0;transition:.25s;z-index:100}.toast.show{transform:none;opacity:1}.toast.error{background:#a83f3f}
.setup-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(135deg,#eef7fb,#f7fafc)}.setup-card{width:min(680px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.setup-card h1{margin:18px 0 8px}.setup-card p,.setup-card li{color:var(--muted);line-height:1.65}.setup-card code{background:#edf4f7;padding:2px 6px;border-radius:5px}.error-box{margin-top:18px;padding:14px;border-radius:10px;background:#fff1f1;color:#9c3e3e;font-size:12px;overflow-wrap:anywhere}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,var(--blue-950),var(--blue-700))}.login-card{width:min(430px,100%);background:#fff;border-radius:24px;padding:34px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.login-card h1{margin:18px 0 5px;font-size:25px}.login-card>p{margin:0 0 22px;color:var(--muted)}.login-card form{display:grid;gap:15px}.login-card label{font-size:12px;font-weight:750;color:#486274;display:grid;gap:7px}.login-card button{margin-top:3px}.login-card>small{display:block;margin-top:20px;color:var(--muted);line-height:1.5}.login-card code{background:#edf4f7;padding:2px 5px;border-radius:4px}.login-error{margin-bottom:16px;padding:11px 13px;border-radius:9px;background:#fff0f0;color:#a33e3e;font-size:12px}.logout-link{color:var(--blue-900);font-size:12px;font-weight:750;text-decoration:none;padding:8px}
@media(max-width:1050px){.app-shell{grid-template-columns:210px 1fr}.main-content{padding:0 24px 40px}.metric-grid{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:repeat(2,1fr)}.today{display:none}.form-grid.three{grid-template-columns:1fr 1fr}.user-settings-grid{grid-template-columns:1fr}}
@media(max-width:780px){.app-shell{display:block}.sidebar{position:fixed;left:-270px;width:250px;transition:.25s}.sidebar.open{left:0;box-shadow:20px 0 50px rgba(0,0,0,.25)}.main-content{padding:0 16px 35px}.topbar{height:92px}.mobile-menu{display:block}.topbar{justify-content:flex-start}.topbar-actions{margin-left:auto}.topbar-actions .btn,.user-chip{display:none}.eyebrow{display:none}.topbar h1{font-size:21px}.hero-card{display:block;padding:25px}.hero-actions{margin-top:20px}.dashboard-grid,.import-grid,.integration-grid{grid-template-columns:1fr}.chart-panel.wide{grid-column:auto}.form-grid,.form-grid.three{grid-template-columns:1fr}.span-2{grid-column:auto}.filter-bar{grid-template-columns:1fr}.records-intro,.section-intro{align-items:flex-start;gap:14px}.button-group{flex-wrap:wrap;justify-content:flex-end}.rule-list div{grid-template-columns:1fr;gap:5px}.formula-list div{grid-template-columns:1fr}.integration-panel dl{grid-template-columns:1fr;gap:4px}.user-role-summary{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.metric-grid,.guide-grid,.user-role-summary{grid-template-columns:1fr}.hero-card h2{font-size:23px}.hero-actions{white-space:normal;display:grid}.section-intro{display:grid}.section-intro>div:first-child{align-items:flex-start}.button-group{justify-content:flex-start}.form-actions{display:grid;gap:8px}.form-actions .btn{width:100%}.record-summary span:last-child{display:none}}
.workflow-alert{margin:0 0 16px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-left:5px solid var(--green)}.workflow-alert.has-task{border-left-color:var(--orange);background:#fffdf8}.workflow-alert>div{display:flex;align-items:center;gap:13px}.workflow-alert-icon{width:38px;height:38px;border-radius:12px;background:#e5f7f0;color:var(--green);display:grid;place-items:center;font-weight:900}.workflow-alert.has-task .workflow-alert-icon{background:#fff0dc;color:#b76511}.workflow-alert h3{margin:3px 0;font-size:15px}.workflow-alert p{margin:0;color:var(--muted);font-size:11px}
.workflow-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.workflow-summary-item{background:#fff;border:1px solid #e1ebf0;border-top:4px solid var(--workflow-color);border-radius:13px;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--ink);box-shadow:0 6px 18px rgba(19,57,80,.04)}.workflow-summary-item span{font-size:10px;font-weight:800;color:#5d7381}.workflow-summary-item strong{font-size:21px;color:var(--workflow-color)}
.workflow-summary-item.draft,.workflow-badge.draft{--workflow-color:#81929c}.workflow-summary-item.waiting,.workflow-badge.waiting{--workflow-color:#d77a1f}.workflow-summary-item.revision,.workflow-badge.revision{--workflow-color:#ce4e4e}.workflow-summary-item.approved,.workflow-badge.approved{--workflow-color:#0876b9}.workflow-summary-item.final,.workflow-badge.final{--workflow-color:#16966a}.workflow-badge{display:inline-flex;border-radius:999px;padding:6px 10px;background:#edf2f4;color:var(--workflow-color);font-size:10px;font-weight:850;white-space:nowrap}.workflow-badge.waiting{background:#fff0dc}.workflow-badge.revision{background:#fff0f0}.workflow-badge.approved{background:#e2f1fb}.workflow-badge.final{background:#e5f7f0}.icon-button.process{background:#e4f3fb;color:#075e93}
.workflow-detail{padding:24px;margin-bottom:16px}.workflow-detail-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.workflow-detail-head h3{margin:5px 0;font-size:19px}.workflow-detail-head p{margin:0;color:var(--muted);font-size:12px}.workflow-detail-head>div:last-child{display:flex;gap:12px;align-items:center}.workflow-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:22px 0}.workflow-stepper span{padding:9px 10px;text-align:center;border-radius:9px;background:#eef3f6;color:#697d89;font-size:10px;font-weight:800}.workflow-stepper span.current{background:var(--blue-700);color:#fff;box-shadow:0 7px 17px rgba(8,118,185,.18)}.workflow-action-form{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(280px,1.5fr) auto;gap:12px;align-items:end;background:#f5f9fb;border:1px solid #deeaef;border-radius:13px;padding:15px;margin-bottom:22px}.workflow-action-form label{display:grid;gap:6px;color:#486274;font-size:11px;font-weight:750}.workflow-action-form textarea{min-height:42px}.activity-timeline{display:grid;gap:0;margin-top:18px}.activity-item{display:grid;grid-template-columns:15px 1fr;gap:11px;position:relative;padding-bottom:18px}.activity-item:before{content:"";position:absolute;width:2px;background:#dce8ed;left:6px;top:13px;bottom:-2px}.activity-item:last-child:before{display:none}.activity-item>span{width:14px;height:14px;border:4px solid #d9edf7;background:var(--blue-700);border-radius:50%;z-index:1}.activity-item b,.activity-item small,.activity-item em{display:block}.activity-item b{font-size:12px}.activity-item small{color:var(--muted);font-size:10px;margin-top:3px}.activity-item em{font-style:normal;color:var(--blue-700);font-size:10px;font-weight:750;margin-top:5px}.activity-item p{margin:7px 0 0;background:#f7fafc;border-radius:8px;padding:9px 11px;color:#506a79;font-size:11px;line-height:1.5}
@media(max-width:1050px){.workflow-summary{grid-template-columns:repeat(3,1fr)}.workflow-action-form{grid-template-columns:1fr 1fr}.workflow-action-form .btn{grid-column:1/-1}}
@media(max-width:780px){.workflow-alert,.workflow-detail-head{align-items:flex-start}.workflow-action-form{grid-template-columns:1fr}.workflow-action-form .btn{grid-column:auto}.workflow-stepper{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.workflow-summary{grid-template-columns:1fr}.workflow-alert{display:grid}.workflow-alert .btn{width:100%}.workflow-detail-head{display:grid}.workflow-stepper{grid-template-columns:1fr}.workflow-detail-head>div:last-child{justify-content:space-between}}