body.flowmanager-open { overflow:hidden!important; }
.flowmanager-page { --fm-navy:#142a43; --fm-blue:#2869d8; --fm-teal:#0f9d88; --fm-ink:#17283b; --fm-muted:#64758a; --fm-line:#dbe4ed; position:fixed; z-index:100000; inset:0; overflow:auto; color:var(--fm-ink); background:#edf2f7; font:14px/1.5 Inter,Manrope,"Segoe UI",Arial,sans-serif; }
.flowmanager-page * { box-sizing:border-box; }
.flowmanager-page a { color:#2362bd; text-decoration:none; }
.flowmanager-page button,.flowmanager-page input,.flowmanager-page select,.flowmanager-page textarea { font:inherit; }
.flowmanager-header { min-height:58px; padding:0 18px; position:sticky; z-index:20; top:0; display:flex; align-items:center; gap:20px; color:white; background:linear-gradient(110deg,#12283f,#1d466c); box-shadow:0 4px 18px rgba(17,39,63,.18); }
.flowmanager-brand { min-width:235px; display:flex; align-items:center; gap:9px; color:white!important; }.flowmanager-brand__icon{width:32px;height:32px;display:grid;place-items:center;border:2px solid #54dbc6;border-radius:10px;color:#54dbc6;font-size:19px}.flowmanager-brand small,.flowmanager-brand strong{display:block}.flowmanager-brand small{color:#59dac6;font-size:8px;font-weight:900;letter-spacing:.16em}.flowmanager-brand strong{font-size:16px}.flowmanager-header nav{display:flex;align-self:stretch;gap:2px}.flowmanager-header nav a{padding:0 13px;display:flex;align-items:center;color:#ccdae7;font-size:13px;font-weight:700;border-bottom:3px solid transparent}.flowmanager-header nav a:hover,.flowmanager-header nav a.active{color:white;background:rgba(255,255,255,.06);border-bottom-color:#42d0ba}.flowmanager-user{margin-left:auto;display:flex;align-items:center;gap:9px;white-space:nowrap}.flowmanager-user>span{max-width:135px;overflow:hidden;text-overflow:ellipsis}.flowmanager-user a,.flowmanager-user button{color:#d9e8f5;background:none;border:0;cursor:pointer}.flowmanager-user form{margin:0}
.flowmanager-shell { width:min(1540px,calc(100% - 44px)); margin:14px auto 60px; }
.flowmanager-kicker { margin:0 0 5px; color:var(--fm-teal); font-size:10px; font-weight:900; letter-spacing:.13em; }
.flowmanager-hero,.flowmanager-titlebar { margin-bottom:12px; padding:13px 22px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:white; background:linear-gradient(118deg,#142c46,#225c82); border-radius:10px; border-bottom:3px solid #3dc5b0; box-shadow:0 8px 20px rgba(29,58,88,.13); }.flowmanager-hero h1,.flowmanager-titlebar h1{margin:0 0 2px;color:white;font-size:24px;line-height:1.08;letter-spacing:-.035em}.flowmanager-hero p:not(.flowmanager-kicker),.flowmanager-titlebar p:not(.flowmanager-kicker){margin:0;color:#d2e0ec;font-size:12px}.flowmanager-hero .flowmanager-kicker,.flowmanager-titlebar .flowmanager-kicker{margin-bottom:2px;color:#4fdbc5}.flowmanager-hero__actions{display:flex;gap:8px}
.flowmanager-button { min-height:38px; padding:8px 13px; display:inline-flex; align-items:center; justify-content:center; color:#24405d!important; background:white; border:1px solid #cbd8e4; border-radius:8px; font-weight:800; cursor:pointer; white-space:nowrap; }.flowmanager-button:hover{background:#f3f7fb}.flowmanager-button.is-primary{color:white!important;background:var(--fm-blue);border-color:var(--fm-blue)}.flowmanager-button.is-light{color:white!important;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.55)}.flowmanager-button.is-danger{color:#a52f3b!important;background:#fff4f5;border-color:#efb7bd}.flowmanager-button.is-danger-solid{color:white!important;background:#b63d4a;border-color:#d26973}.flowmanager-button.is-danger-solid:hover{background:#cc4654}.flowmanager-button.is-open-solid{color:white!important;background:#078b73;border-color:#3cc2a9}.flowmanager-button.is-open-solid:hover{background:#09a087}.flowmanager-title-actions{display:flex;align-items:center;gap:8px}.flowmanager-title-actions form{margin:0}
.flowmanager-stats { margin-bottom:18px; display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }.flowmanager-stats article{padding:20px;background:white;border:1px solid var(--fm-line);border-radius:12px;box-shadow:0 7px 20px rgba(36,56,80,.055)}.flowmanager-stats span,.flowmanager-stats small{display:block;color:#78879a;font-size:11px}.flowmanager-stats strong{margin:3px 0;display:block;color:#18344f;font-size:31px;line-height:1.1}
.flowmanager-dashboard-grid { display:grid; grid-template-columns:minmax(330px,.75fr) minmax(580px,1.25fr); gap:16px; }.flowmanager-card{padding:22px;background:white;border:1px solid var(--fm-line);border-radius:12px;box-shadow:0 7px 22px rgba(36,56,80,.055)}.flowmanager-card__head{margin-bottom:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.flowmanager-card h2{margin:0;font-size:21px;letter-spacing:-.025em}.flowmanager-pill{padding:5px 9px;display:inline-block;border-radius:20px;font-size:10px;font-weight:900;text-transform:uppercase}.flowmanager-pill.is-on{color:#08735f;background:#dff8f1}.flowmanager-pill.is-off{color:#a33742;background:#fee8ea}.flowmanager-summary{margin:0 0 19px}.flowmanager-summary>div{padding:12px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #edf1f5}.flowmanager-summary dt{font-weight:800}.flowmanager-summary dd{margin:0;color:var(--fm-muted);text-align:right}.flowmanager-table-wrap{overflow:auto}.flowmanager-page table{width:100%;border-collapse:collapse}.flowmanager-page th,.flowmanager-page td{padding:11px 10px;text-align:left;border-bottom:1px solid #e8edf2}.flowmanager-page th{color:#586b80;font-size:11px;text-transform:uppercase}.flowmanager-empty{padding:34px!important;color:#8592a2;text-align:center!important}
.flowmanager-titlebar { padding:13px 22px; }.flowmanager-titlebar h1{font-size:24px}.flowmanager-notice{margin:0 0 10px;padding:9px 13px;border:1px solid #b9d3ee;border-radius:8px;color:#245582;background:#edf6ff;font-weight:700}.flowmanager-notice.is-success,.flowmanager-notice.is-message{color:#096d5d;background:#e4f8f2;border-color:#a9dfd3}.flowmanager-notice.is-error{color:#9d2e3a;background:#fff0f1;border-color:#efb4ba}.flowmanager-notice.is-warning{color:#80550c;background:#fff6d7;border-color:#ead384}
.flowmanager-settings-form{padding:28px}.flowmanager-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px}.flowmanager-settings-grid h2{margin:0 0 13px}.flowmanager-switch{padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #edf1f5}.flowmanager-switch span,.flowmanager-switch small{display:block}.flowmanager-switch small{margin-top:3px;color:#79889a;font-weight:400}.flowmanager-switch input{width:44px;height:24px;accent-color:var(--fm-teal)}.flowmanager-settings-grid section>label:not(.flowmanager-switch){margin:14px 0;display:block;font-weight:800}.flowmanager-settings-grid select,.flowmanager-settings-grid input[type=password]{width:100%;margin-top:6px;padding:10px;border:1px solid #cad6e2;border-radius:8px;background:white}.flowmanager-settings-grid label>small{margin-top:4px;display:block;color:#78879a;font-weight:400}.flowmanager-password-state{padding:11px;color:#566a7f;background:#f4f7fa;border-radius:8px}.flowmanager-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e7edf3}.flowmanager-inline-danger{margin-top:15px;padding:16px;background:#fff;border:1px solid #efd4d7;border-radius:10px}
.flowmanager-task-list{display:grid;gap:11px}.flowmanager-task-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;background:white;border:1px solid var(--fm-line);border-radius:12px;box-shadow:0 5px 15px rgba(36,56,80,.045);overflow:hidden}.flowmanager-task-order{display:grid;place-items:center;color:#708196;background:#f5f8fb;font-size:18px;font-weight:900}.flowmanager-task-content{padding:17px 20px}.flowmanager-task-title{display:flex;justify-content:space-between;gap:18px}.flowmanager-task-title span:first-child{color:#6e8296;font-size:10px;font-weight:800;letter-spacing:.05em}.flowmanager-task-title h2{margin:2px 0 4px;font-size:19px}.flowmanager-task-content>p{margin:5px 0 12px;color:var(--fm-muted)}.flowmanager-task-content details{border:1px solid #dce5ed;border-radius:8px}.flowmanager-task-content summary{padding:9px 12px;color:#345673;background:#f6f9fb;border-radius:8px;cursor:pointer;font-weight:800}.flowmanager-guide{padding:14px;white-space:normal}.flowmanager-task-actions{padding:15px;display:flex;align-items:flex-end;flex-direction:column;justify-content:center;gap:7px;border-left:1px solid #e8edf2}.flowmanager-task-actions form,.flowmanager-task-actions .flowmanager-button{width:100%}
.flowmanager-task-editor .flowadmin-card{border-color:var(--fm-line);box-shadow:0 6px 18px rgba(36,56,80,.05)}.flowmanager-field{margin:14px 0;display:block;color:#51667a;font-size:12px;font-weight:900}.flowmanager-field input,.flowmanager-field select,.flowmanager-field textarea{width:100%;margin-top:5px;padding:10px;color:#192d43;background:#fbfcfd;border:1px solid #cbd7e2;border-radius:8px}.flowmanager-field textarea{resize:vertical;font:13px/1.55 inherit}.flowmanager-field.is-guide textarea{background:#f0fbf8;border-color:#a8ddd3}.flowmanager-field small{margin-top:4px;display:block;color:#75869a;font-weight:400}.flowmanager-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.flowmanager-checkbox{display:flex;align-items:center;gap:8px;font-weight:800}.flowmanager-checkbox input{width:17px;height:17px;accent-color:var(--fm-teal)}.flowmanager-json-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:15px}.flowmanager-json-grid textarea{font-family:"Cascadia Mono",Consolas,monospace!important}.flowmanager-sticky-save{padding:12px 18px;position:sticky;z-index:9;bottom:14px;display:flex;justify-content:flex-end;gap:8px;background:rgba(255,255,255,.94);border:1px solid var(--fm-line);border-radius:11px;box-shadow:0 12px 28px rgba(31,50,72,.2);backdrop-filter:blur(8px)}
.flowmanager-login{min-height:100%;padding:35px;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,#28567e 0,#162d47 43%,#0d1d30 100%)}.flowmanager-login__card{width:min(440px,100%);padding:38px;color:var(--fm-ink);background:white;border-radius:18px;box-shadow:0 28px 70px rgba(0,0,0,.25);text-align:center}.flowmanager-login__card h1{margin:5px 0 8px;font-size:31px;letter-spacing:-.04em}.flowmanager-login__card>p:not(.flowmanager-kicker){color:var(--fm-muted)}.flowmanager-mark{width:66px;height:66px;margin:0 auto 17px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,#2469cc,#11a189);border-radius:20px;font-size:34px}.flowmanager-mark.is-warning{background:#c47b29}.flowmanager-login-form{margin:24px 0 17px;text-align:left}.flowmanager-login-form>label:not(.flowmanager-checkbox){margin:12px 0 5px;display:block;font-weight:800}.flowmanager-login-form>input{width:100%;padding:11px;border:1px solid #c8d4df;border-radius:8px}.flowmanager-login-form .flowmanager-checkbox{margin:12px 0}.flowmanager-login-form .flowmanager-button{width:100%;margin-top:7px}
@media(max-width:1120px){.flowmanager-header{flex-wrap:wrap;padding:11px 18px;gap:8px 18px}.flowmanager-brand{min-width:220px}.flowmanager-header nav{height:42px;order:3;width:100%;overflow:auto}.flowmanager-header nav a{padding:0 12px}.flowmanager-dashboard-grid,.flowmanager-settings-grid{grid-template-columns:1fr}.flowmanager-json-grid{grid-template-columns:1fr}.flowmanager-task-card{grid-template-columns:45px 1fr}.flowmanager-task-actions{grid-column:1/-1;align-items:center;flex-direction:row;border-left:0;border-top:1px solid #e8edf2}.flowmanager-task-actions form,.flowmanager-task-actions .flowmanager-button{width:auto}}
@media(max-width:720px){.flowmanager-shell{width:calc(100% - 20px);margin-top:10px}.flowmanager-header{position:relative}.flowmanager-user>span{display:none}.flowmanager-user{margin-left:0}.flowmanager-hero,.flowmanager-titlebar{padding:13px 15px;align-items:flex-start;flex-direction:column}.flowmanager-hero h1,.flowmanager-titlebar h1{font-size:22px}.flowmanager-stats{grid-template-columns:1fr 1fr}.flowmanager-task-order{display:none}.flowmanager-task-card{grid-template-columns:1fr}.flowmanager-task-title{align-items:flex-start}.flowmanager-task-actions{flex-wrap:wrap}.flowmanager-field-grid{grid-template-columns:1fr}.flowmanager-login{padding:14px}.flowmanager-login__card{padding:27px 21px}}
@media(max-width:440px){.flowmanager-stats{grid-template-columns:1fr}.flowmanager-brand{min-width:0}.flowmanager-brand strong{font-size:15px}.flowmanager-user>a{display:none}.flowmanager-header nav a{font-size:12px}.flowmanager-hero__actions,.flowmanager-title-actions{flex-wrap:wrap}}