@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f7fb;--paper:#fff;--ink:#172438;--muted:#78869a;--line:#e7ecf3;--nav:#111e30;--nav-muted:#98a7bb;--accent:#f05a42;--accent-dark:#d94630;--blue:#4e75e6;--green:#188b69;--shadow:0 10px 30px rgba(24,42,68,.045)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:var(--nav);padding:27px 17px;color:white;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;font:800 22px Manrope,sans-serif;letter-spacing:-.8px;margin:0 9px 47px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:var(--accent);border-radius:12px;color:white;font-size:22px;box-shadow:0 7px 18px #f05a4240}.muted-brand{color:#aab8cc}.brand small{display:block;font:700 8px 'DM Sans',sans-serif;letter-spacing:2.1px;color:#9aa9bc;margin-top:3px}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#6f8096;margin:0 12px 11px}.nav{display:flex;align-items:center;gap:13px;padding:13px 14px;margin:2px 0;border-radius:10px;color:#aebbd0;font-size:13px;transition:.15s}.nav b{width:20px;font-size:17px;font-weight:500;text-align:center}.nav:hover{background:#ffffff0c;color:white}.nav.active{background:#25364b;color:white;box-shadow:inset 3px 0 var(--accent)}.nav.active b{color:#ff907b}.nav-label:not(:first-child){margin-top:29px}.sidebar-bottom{margin-top:auto;border-top:1px solid #2c3b4e;padding:20px 11px 0;font-size:11px;color:#c0ccda;line-height:1.8}.sidebar-bottom small{color:#75869d}.status-dot{display:inline-block;width:7px;height:7px;background:#34c69a;border-radius:50%;margin-right:7px;box-shadow:0 0 0 3px #34c69a20}.logout{display:block;color:#98a8bd;margin-top:16px}.main{margin-left:246px;padding:0 38px;max-width:1800px}.topbar{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#94a1b3;margin-bottom:7px}.topbar h1{font:800 25px Manrope,sans-serif;letter-spacing:-.8px;margin:0}.top-right{display:flex;align-items:center;gap:20px}.live{font-size:9px;letter-spacing:1.2px;color:#68778b;font-weight:700;background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:8px}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#2ab58a;margin-right:6px}.avatar{width:35px;height:35px;border-radius:50%;background:#e8edfb;color:#4e68a8;display:grid;place-items:center;font-size:11px;font-weight:700}.welcome{background:#17283e;border-radius:17px;padding:32px 37px;min-height:236px;display:flex;justify-content:space-between;overflow:hidden;position:relative;color:#fff}.pill{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#ff9a86;background:#f05a4220;border:1px solid #f05a4240;display:inline-block;padding:7px 10px;border-radius:6px}.welcome h2{font:800 30px/1.22 Manrope,sans-serif;letter-spacing:-1.1px;margin:17px 0 9px}.welcome h2 em{font-style:normal;color:#ff8d78}.welcome p{max-width:430px;color:#aab8cb;font-size:12px;line-height:1.7;margin:0}.welcome-art{position:relative;width:320px;min-width:260px}.orbit{position:absolute;border:1px solid #ffffff13;border-radius:50%;width:240px;height:240px;right:24px;top:-35px}.orbit-b{width:170px;height:170px;right:59px;top:0;border-style:dashed}.orbit-core{position:absolute;top:44px;right:109px;width:69px;height:69px;border-radius:21px;background:linear-gradient(145deg,#f77961,#df4b37);display:grid;place-items:center;font:800 31px Manrope;box-shadow:0 14px 34px #f05a4240;transform:rotate(-8deg)}.orbit-core span{font-size:15px;position:absolute;right:12px;top:10px}.float-card{position:absolute;background:#253950;border:1px solid #3a4c60;padding:11px 13px;border-radius:10px;box-shadow:0 8px 22px #0b162440;font-size:11px}.float-card small{display:block;color:#8fa2b8;font-size:9px;margin-top:5px}.card-one{top:24px;right:0}.card-one:first-letter{color:#57d7a6}.card-two{bottom:22px;right:83px;color:#d3dfed}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:29px 0 15px}.section-heading h3,.panel h3{font:800 15px Manrope,sans-serif;letter-spacing:-.2px;margin:0 0 5px}.section-heading p,.panel-head p{margin:0;color:var(--muted);font-size:11px}.text-link{font-size:11px;font-weight:700;color:var(--accent)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:17px 18px;box-shadow:var(--shadow);transition:transform .16s,border-color .16s}.stat-card:hover{transform:translateY(-2px);border-color:#f5b0a4}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#6c7a8f;font-size:11px}.stat-top small{font-size:9px;color:#a8b3c2;background:#f3f5f9;padding:4px 6px;border-radius:5px}.stat-number{font:800 28px Manrope,sans-serif;letter-spacing:-1px;margin:16px 0 10px}.stat-foot{border-top:1px solid #f0f2f6;padding-top:10px;color:#99a5b4;font-size:10px;display:flex;justify-content:space-between}.stat-foot span{color:#e87561;font-size:14px}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:15px;margin-top:21px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:22px;box-shadow:var(--shadow);min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:19px}.tag{font-size:8px;letter-spacing:1px;color:#7c8a9d;background:#f4f6f9;border:1px solid #e8edf4;border-radius:5px;padding:7px 8px;font-weight:700;white-space:nowrap}.flow-list{display:flex;flex-direction:column;gap:0}.flow-item{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #f0f2f6}.flow-item:last-child{border:0}.flow-num{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#fff0ed;color:#e45d48;font:800 10px Manrope}.flow-item:nth-child(2) .flow-num{background:#edf2ff;color:#4f72df}.flow-item:nth-child(3) .flow-num{background:#eaf8f3;color:#188b69}.flow-item b,.quick-action b{display:block;font-size:11px;margin-bottom:4px}.flow-item small,.quick-action small{display:block;font-size:10px;color:#94a0b0}.flow-arrow{margin-left:auto;color:#aeb8c6;font-size:18px}.callout{display:flex;gap:10px;background:#f6f8fb;border:1px solid #e9eef5;border-radius:8px;padding:12px;margin-top:14px;font-size:10px;line-height:1.6;color:#7c899b}.callout b{color:#33445b;white-space:nowrap}.quick-action{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #f0f2f6}.quick-action:last-child{border:0;padding-bottom:0}.quick-action>span:last-child{margin-left:auto;color:#b3bdc9;font-size:17px}.quick-icon{width:34px;height:34px;border-radius:9px;background:#f5f7fb;display:grid;place-items:center;color:#697c99;font-size:17px}.quick-action:hover b{color:var(--accent)}footer{display:flex;justify-content:space-between;color:#9ba6b5;font-size:10px;padding:29px 2px 23px}footer span{color:#b1bac6}.notice{padding:12px 15px;border-radius:9px;background:#eaf8f3;border:1px solid #d0efe3;color:#177a5c;font-size:12px;margin:0 0 16px;line-height:1.7}.notice.danger{background:#fff0ee;border-color:#ffd9d3;color:#a73b2a}.filter-bar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:20px}.filter-label{display:flex;flex-direction:column;gap:7px;font-size:9px;font-weight:700;letter-spacing:1px;color:#7e8b9d}.filter-label select,.search-box input,.settings-layout input,.login-card input,.edit-field input,.edit-field textarea{font:12px 'DM Sans',sans-serif;color:var(--ink);border:1px solid #dfe5ee;border-radius:8px;background:#fff;outline:none;padding:11px 12px}.filter-label select{min-width:170px;text-transform:capitalize}.search-box{display:flex;align-items:center;border:1px solid #dfe5ee;border-radius:8px;padding-left:10px;color:#aab5c3;flex:1;min-width:190px}.search-box input{border:0;flex:1;min-width:0}.primary-btn,.secondary-btn{border:0;background:var(--accent);color:#fff;padding:11px 15px;border-radius:8px;font:700 11px 'DM Sans',sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:12px;justify-content:center}.primary-btn:hover{background:var(--accent-dark)}.secondary-btn{background:#edf1f7;color:#52647b}.table-meta{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:10px;color:#8b98a9}.table-meta b{color:#53647a}.table-wrap{overflow:auto;border:1px solid #e9edf3;border-radius:9px}table{border-collapse:collapse;width:100%;font-size:10px;white-space:nowrap}th{background:#f8f9fc;color:#8491a3;text-transform:uppercase;letter-spacing:.7px;font-size:8px;text-align:left;padding:12px;border-bottom:1px solid #e9edf3}td{padding:11px 12px;border-bottom:1px solid #eff2f6;color:#5e6d80;max-width:220px;overflow:hidden;text-overflow:ellipsis}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfe}.status-tag{display:inline-block;background:#f2f5fa;padding:4px 7px;border-radius:5px;color:#62758e}.mini-btn{border:1px solid #e0e6ee;background:#fff;border-radius:6px;padding:6px 9px;font:600 9px 'DM Sans';color:#51647b;cursor:pointer}.mini-btn:hover{border-color:#f1a091;color:#df5842}.danger-btn{color:#ba5142;margin-left:4px}.inline-form{display:inline}.empty{padding:26px;text-align:center;color:#98a5b5}.schema-note,.field-help{font-size:10px;color:#8d9aab;line-height:1.7;margin-top:14px}.modal-backdrop{position:fixed;inset:0;background:#0d1a2bc9;z-index:20;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.edit-modal{width:min(780px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:15px;padding:24px;box-shadow:0 25px 90px #07101e55}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.modal-head h3{font:800 18px Manrope;margin:0}.close-btn{border:0;background:#f3f5f9;border-radius:8px;width:33px;height:33px;font-size:21px;color:#67778d;cursor:pointer}.edit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.edit-field{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#6c7b90;text-transform:capitalize}.edit-field input,.edit-field textarea{width:100%}.edit-field textarea{resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.modal-open{overflow:hidden}.workflow-card{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #eef1f6}.workflow-card:last-child{border:0}.workflow-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#f2f5fb;color:#667ca3;font-size:20px}.workflow-info{flex:1;min-width:0}.workflow-info b{display:block;font-size:12px;margin-bottom:5px}.workflow-info small{display:block;font-size:10px;color:#8c99aa;line-height:1.5}.workflow-id{font-size:9px;color:#9ca8b7;margin-top:7px}.workflow-controls{display:flex;align-items:center;gap:10px}.state{font-size:8px;font-weight:800;letter-spacing:.8px;padding:6px 7px;border-radius:5px;white-space:nowrap}.state-on{color:#16805f;background:#e8f8f1}.state-off{color:#8a96a6;background:#f1f3f7}.warning-callout{background:#fff8eb;border-color:#f8e7c5;color:#94753d;margin:16px 0}.warning-callout b{color:#795c24}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-layout .panel label{display:flex;flex-direction:column;gap:8px;font-size:10px;font-weight:700;color:#64758b;margin:15px 0 0}.settings-layout input{width:100%;font-weight:400}.settings-icon{width:34px;height:34px;display:grid;place-items:center;background:#f5f7fb;border-radius:9px;color:#6e81a0;font-size:17px}.span-all{grid-column:1/-1}.db-settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.db-settings-grid>div{background:#f7f9fc;border:1px solid #edf0f5;border-radius:8px;padding:13px}.db-settings-grid small{display:block;font-size:9px;color:#95a1b0;margin-bottom:7px}.db-settings-grid b{font-size:11px;overflow-wrap:anywhere}.settings-save{display:flex;align-items:center;justify-content:space-between;gap:15px}.settings-save>span{font-size:10px;color:#8794a5;line-height:1.6}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 20%,#e4eafa,transparent 45%),#f5f7fb}.login-card{width:min(420px,calc(100% - 30px));background:white;padding:38px;border:1px solid var(--line);border-radius:17px;box-shadow:0 20px 70px #182b4510}.login-brand{margin:0 0 42px;color:var(--ink)}.login-card h1{font:800 29px Manrope;letter-spacing:-1px;margin:5px 0 7px}.login-card p{color:#8491a3;font-size:12px;margin-bottom:25px}.login-card label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;color:#627188;margin:17px 0}.login-card input{width:100%}.full{width:100%;margin-top:6px;padding:13px}.muted-note{display:block;text-align:center;color:#a1adbb;font-size:9px;margin-top:19px}
@media(max-width:1200px){.main{padding:0 25px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-art{width:270px}.two-col{grid-template-columns:1fr}}@media(max-width:800px){.sidebar{width:68px;padding:20px 8px}.brand{margin:0 5px 35px}.brand>span:last-child,.nav-label,.nav:not(.active){font-size:0}.brand-mark{flex-shrink:0}.brand>span:last-child{display:none}.nav{justify-content:center;padding:13px 5px}.nav b{font-size:19px}.nav.active{font-size:0}.sidebar-bottom{font-size:0;padding:17px 4px}.sidebar-bottom small,.logout{display:none}.status-dot{margin:0}.main{margin-left:68px;padding:0 17px}.topbar{height:86px}.topbar h1{font-size:21px}.live{display:none}.welcome{padding:25px;min-height:210px}.welcome-art{display:none}.welcome h2{font-size:27px}.settings-layout{grid-template-columns:1fr}.span-all{grid-column:auto}.db-settings-grid{grid-template-columns:repeat(2,1fr)}.settings-save{align-items:flex-start;flex-direction:column}.workflow-card{align-items:flex-start;flex-wrap:wrap}.workflow-controls{margin-left:54px}.edit-fields{grid-template-columns:1fr}footer{gap:12px;flex-direction:column}}@media(max-width:480px){.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:13px}.stat-number{font-size:23px}.stat-top{font-size:10px}.section-heading{align-items:flex-start;gap:10px}.section-heading .tag{display:none}.panel{padding:16px}.welcome p{font-size:11px}.filter-bar{align-items:stretch}.filter-label select{min-width:100%}.filter-label{flex:1}.search-box{flex-basis:100%}.primary-btn{white-space:nowrap}.table-meta{align-items:flex-start;gap:10px;flex-direction:column}.login-card{padding:27px}}