@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{font-family:'DM Sans',Arial,sans-serif;color:#19243a;background:#f6f7fb;font-size:14px;--ink:#17223b;--muted:#7e899a;--purple:#6355df;--border:#e8ebf2}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.shell{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:#111b2d;color:#aeb8cb;min-height:100vh;padding:34px 19px 23px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 12px;color:#fff}.brandmark{width:43px;height:43px;background:#8172f5;color:#fff;display:grid;place-items:center;font-size:30px;border-radius:13px;box-shadow:0 10px 30px #5548c440}.brand strong{font-family:Manrope;font-size:29px;letter-spacing:-2px;line-height:1;display:block}.branddot,.login-logo strong span{color:#9b90ff}.brand small{display:block;margin-top:5px;font-size:8px;letter-spacing:1.55px;color:#7785a0;font-weight:800}.side-section{font-size:10px;letter-spacing:2px;font-weight:800;color:#60708a;margin:57px 14px 18px}.navigation{display:grid;gap:5px}.navlink{padding:13px 14px;display:flex;gap:13px;align-items:center;border-radius:11px;font-weight:600;color:#aab5c9}.navlink>span{font-size:21px;line-height:1;width:23px;text-align:center;font-weight:400}.navlink:hover{background:#1b2941;color:white}.navlink.on{background:#29385a;color:#fff}.navlink.on>span{color:#b1a8ff}.sidebar-bottom{margin-top:auto}.workspace-note{background:#19263d;border:1px solid #293853;border-radius:13px;padding:16px;display:grid;gap:8px}.workspace-note b{color:#edf1ff;font-size:12px}.workspace-note small{font-size:11px;line-height:1.7}.indicator,.live-dot{width:7px;height:7px;border-radius:100%;display:inline-block;background:#46d6a5;box-shadow:0 0 0 4px #46d6a518}.logout{border:0;background:none;color:#8e9db5;margin:20px 12px 0;font-size:12px}.main{flex:1;min-width:0}.topbar{height:78px;border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 52px}.breadcrumb{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#9da6b5}.breadcrumb span{color:#cfD4df;padding:0 8px}.top-right{font-size:12px;color:#7b879b;display:flex;gap:12px;align-items:center}.date-pill{background:#f3f4f8;border:1px solid #e9ecf3;padding:9px 12px;border-radius:8px;margin-left:12px;color:#59677c;font-weight:700}.mobile-menu{display:none}.page{max-width:1550px;margin:auto;padding:46px 52px 60px}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:29px}.heading h1,.login-box h1{font-family:Manrope,Arial,sans-serif;font-size:34px;letter-spacing:-1.55px;font-weight:800;line-height:1.3;margin:10px 0}.heading em,.login-box em{font-style:normal;color:var(--purple)}.heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.eyebrow{font-weight:800;letter-spacing:2px;font-size:10px;color:#8b80dd;display:flex;align-items:center;gap:12px}.btn{border:1px solid #e1e5ee;color:#394863;border-radius:10px;background:white;padding:12px 18px;font-weight:800;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px)}.btn.primary{background:#6b5ce7;border-color:#6b5ce7;color:white;box-shadow:0 8px 18px #6252cf26}.btn.light{background:#fff;color:#24304f;border:0}.btn.tiny{padding:8px 10px;font-size:11px}.hero-action{background:linear-gradient(115deg,#202c54 0%,#31336c 60%,#5d4fc1 100%);min-height:236px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;padding:36px 44px;color:#fff;overflow:hidden;position:relative}.hero-action>div:first-child{max-width:620px;position:relative;z-index:1}.step-label{font-size:10px;letter-spacing:2px;font-weight:800;color:#c3bbff}.number-tag{margin-left:8px;background:#ffffff25;padding:5px 8px;border-radius:5px}.hero-action h2{font-family:Manrope;font-size:24px;letter-spacing:-.7px;line-height:1.4;margin:13px 0}.hero-action p{font-size:12px;line-height:1.9;color:#c7cbe8;margin:0 0 18px}.orbit-graphic{position:relative;width:220px;height:190px;flex-shrink:0;margin-right:22px}.orb{position:absolute;border:1px solid #dad1ff44;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.o1{width:120px;height:120px}.o2{width:205px;height:205px}.o3{width:295px;height:295px}.orb.center{background:#a69af4;width:70px;height:70px;display:grid;place-items:center;box-shadow:0 0 55px #c0adf477;font-size:38px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:23px 0}.stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat,.panel,.campaign-card{background:#fff;border:1px solid var(--border);border-radius:16px}.stat{padding:25px 24px;display:flex;flex-direction:column;gap:8px}.stat>span{font-size:9px;letter-spacing:1.3px;color:#8c96a6;font-weight:800}.stat strong{font-family:Manrope;font-size:29px;letter-spacing:-1.2px}.stat small{color:#929bad;font-size:11px}.split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:19px;margin-top:19px}.panel{padding:25px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.panel-heading h3{font-size:15px;font-family:Manrope;font-weight:800;letter-spacing:-.25px;margin:0 0 6px}.panel-heading p{font-size:11px;color:#9ba3b3;margin:0}.pill{font-size:9px;font-weight:800;letter-spacing:.7px;border-radius:20px;padding:7px 10px;white-space:nowrap}.pill.neutral{background:#f3f2ff;color:#897ee0}.chart-container{height:250px}.chart-container canvas{width:100%;height:250px}.check-flow{display:grid}.check-flow a{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #edf0f6}.check-flow a:last-child{border-bottom:0}.check{width:32px;height:32px;border-radius:50%;background:#f4f4f8;color:#8f96a8;display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0}.check.done{background:#dff8ee;color:#18a979}.check-flow a div{flex:1}.check-flow strong,.listrow b{font-size:12px;display:block}.check-flow small,.listrow small{display:block;margin-top:5px;font-size:10px;color:#929eaf;line-height:1.5}.check-flow a>b{color:#98a1b1}.textlink{font-weight:700;color:#6b5ce7;font-size:11px}.listrows{display:grid}.listrow{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #f0f2f6}.round-icon{height:38px;width:38px;border-radius:11px;display:grid;place-items:center;background:#f1efff;color:#7264df;font-size:19px;flex-shrink:0}.listrow>div:nth-child(2){flex:1;min-width:0}.row-right{text-align:right}.row-right strong{font-size:12px}.empty{padding:38px 24px;text-align:center;color:#8995a7;line-height:1.8;font-size:13px}.small-empty{padding:30px 12px}.large-empty{grid-column:1/-1;background:#fff;border:1px dashed #dddfe9;border-radius:15px}.info-banner{display:flex;align-items:center;gap:12px;background:#f0efff;border:1px solid #e1defe;border-radius:12px;padding:17px 20px;color:#5b598c;line-height:1.6;margin:18px 0 22px}.table-panel{padding:0;overflow:hidden}.table-panel>.panel-heading{padding:24px 26px;margin:0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:760px}th{background:#f8f9fc;color:#9ba4b4;font-size:10px;letter-spacing:1px;padding:15px 25px}td{padding:18px 25px;border-top:1px solid #edf0f5;color:#5c6880;font-size:12px;vertical-align:middle}td strong{color:#23304a;display:block}td small{display:block;margin-top:5px;color:#a1a9b8}td small a{color:#7163dc}.search,input,select,textarea{border:1px solid #e4e8f0;border-radius:9px;padding:11px 12px;outline:none;background:#fff;color:#263550;min-width:0}.search:focus,input:focus,select:focus,textarea:focus{border-color:#7a6de9;box-shadow:0 0 0 3px #7060f31a}.search{width:220px}.inline-form{display:flex;gap:5px;align-items:center}.inline-form select{max-width:158px;font-size:11px;padding:8px}.status-tag{font-size:10px;padding:7px 9px;background:#f1f3f7;border-radius:6px;color:#68768d;white-space:nowrap;font-weight:800}.status-tag.approved,.status-tag.active,.status-tag.paid{background:#e7f8ef;color:#23996a}.status-tag.applied,.status-tag.pending{background:#fff5df;color:#b8892c}.status-tag.rejected,.status-tag.suspended{background:#fdeceb;color:#cd6260}.money-col{font-weight:800;color:#23304a}.modal-backdrop{position:fixed;inset:0;background:#0b142ec0;z-index:12;display:none;align-items:center;justify-content:center;padding:18px;overflow:auto}.modal-backdrop.visible{display:flex}.modal{position:relative;background:#fff;border-radius:18px;width:min(100%,560px);max-height:94vh;overflow:auto;padding:35px}.modal.wide{width:min(100%,750px)}.modal .close{position:absolute;top:21px;right:21px;border:0;background:#f4f5fa;width:32px;height:32px;border-radius:7px}.modal h2{font-family:Manrope;margin:10px 0;font-size:25px}.modal p{color:#8390a5;font-size:12px;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.form-grid label,.login-box label{font-weight:700;font-size:11px;color:#53627c;display:flex;flex-direction:column;gap:8px}.form-grid input,.form-grid select,.form-grid textarea{width:100%}.form-grid .full{grid-column:1/-1}.form-grid .checkbox-label{display:flex;flex-direction:row;align-items:center;gap:8px}.form-grid .checkbox-label input{width:auto}.actions{display:flex;justify-content:flex-end;gap:8px;padding-top:14px}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.campaign-card{padding:25px}.campaign-top{display:flex;justify-content:space-between;align-items:center}.campaign-card h3{font:800 18px Manrope;margin:20px 0 5px}.campaign-card p{color:#8794a7;font-size:12px;margin:0 0 18px}.copy-line{display:flex;margin-bottom:15px;gap:5px}.copy-line input{width:100%;background:#f8f9fc;font-size:11px}.copy-line button{background:#efecff;color:#6c5de5;border:0;border-radius:8px;font-weight:800;padding:0 12px}.barrow{display:grid;grid-template-columns:160px 1fr 30px;gap:10px;align-items:center;margin:15px 0;font-size:11px}.barrow>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bartrack{height:9px;border-radius:8px;background:#f0eff8;overflow:hidden}.bartrack>div{height:100%;background:#7464ec;border-radius:8px}.barrow strong{text-align:right}.muted{color:#8894a7;font-size:12px;line-height:1.7}.terminal{background:#111b2d;color:#a5eecc;padding:19px;border-radius:11px;overflow:auto;font-size:12px}.flash{margin-bottom:18px;border-radius:10px;padding:14px 18px;background:#e7f9ee;color:#23875c}.flash.error{background:#fff0ed;color:#bd5751}footer{color:#a7b0c0;font-size:10px;letter-spacing:.25px;padding:15px 52px 30px}footer span{padding:0 7px}.login-screen{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fff}.login-box{align-self:center;justify-self:center;width:min(400px,80%)}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:70px}.login-logo strong{font:800 35px Manrope;letter-spacing:-2px}.login-box h1{font-size:40px}.login-box p{line-height:1.9;color:#919bab;margin-bottom:34px}.login-box form{display:grid;gap:19px}.full-button{width:100%;margin-top:5px}.login-box>small{display:block;margin-top:55px;color:#a4aebb}.login-art{background:radial-gradient(circle at 50% 45%,#4c478c,#171f3a 65%);color:#fff;position:relative;overflow:hidden;display:grid;place-items:center}.login-art-inner{text-align:center}.login-art-inner>span{letter-spacing:3px;color:#a9a8d4;font-size:10px;font-weight:800}.giant-star{font-size:230px;color:#9589f8;line-height:1.5;text-shadow:0 0 120px #a69af4}.login-art h2{font:800 29px Manrope;line-height:1.5}@media(max-width:1180px){.page{padding:32px}.topbar{padding:0 32px}.stat-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.sidebar{width:220px}}@media(max-width:780px){.sidebar{position:fixed;z-index:10;left:-270px;transition:left .2s}.show-side .sidebar{left:0}.mobile-menu{display:block;background:none;border:0;font-size:22px;color:#24304f}.topbar{height:63px;padding:0 20px}.top-right{font-size:0}.top-right .date-pill{font-size:10px}.page{padding:25px 17px}.heading{align-items:flex-start;flex-direction:column}.heading h1{font-size:28px}.hero-action{padding:27px;min-height:235px}.hero-action h2{font-size:20px}.orbit-graphic{display:none}.stat{padding:20px}.stat strong{font-size:23px}.card-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid label{grid-column:1/-1}.modal{padding:25px}.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-box{padding:50px 0}.search{width:150px}footer{padding:15px 17px 30px}}
