:root{--bg:#f5f6f3;--ink:#162f34;--muted:#718087;--line:#e3e8e5;--teal:#14786b;--nav:#142e32;--mint:#e6f2eb;--orange:#ab6727}*{box-sizing:border-box}body{margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}[hidden]{display:none!important}button,input,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:11px 17px;font-weight:600;transition:background .15s}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #50bca5;outline-offset:3px}input,textarea{border:1px solid #d6dfda;border-radius:7px;padding:10px 12px;background:#fff;color:var(--ink);width:100%}input:focus,textarea:focus{outline:2px solid #b5dacc;border-color:var(--teal)}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600}h1{font-size:34px;line-height:1.15;letter-spacing:-1.1px;margin:7px 0 12px;font-weight:650}h2{font-size:17px;letter-spacing:-.3px;margin:0 0 5px}p{margin:0 0 12px}.muted{color:var(--muted)}.small,small{font-size:12px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--teal);margin:0 0 9px}.primary{background:var(--teal);color:#fff}.primary:hover{background:#106457}.secondary{border:1px solid #d5dfda;background:#fff;color:var(--ink)}.secondary:hover{background:#edf3ef}.subtle{background:transparent;color:inherit;padding-left:0}.brand{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:700;letter-spacing:-1px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:#b9e5cc;color:#123c32;border-radius:10px;width:37px;height:37px;font-size:27px}.brand-dot{font-size:8px;color:#92d7b3;margin-left:-6px;margin-top:13px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-card{max-width:450px;align-self:center;justify-self:center;padding:40px}.login-card .brand{margin-bottom:55px}.login-card h1{font-size:43px;line-height:1.15}.login-card .muted{margin:20px 0 30px}.login-card form button{width:100%;margin-top:18px;display:flex;justify-content:space-between}.login-card small{display:block;margin-top:25px;color:var(--muted)}.login-art{position:relative;background:#173f3d;overflow:hidden;display:flex;align-items:center;justify-content:center}.ring{position:absolute;border:1px solid #42655b;border-radius:50%;width:650px;height:650px}.ring-one{top:-200px;right:-300px}.ring-two{bottom:-350px;left:-260px}.art-card{z-index:1;padding:40px;border-radius:20px;background:#28544b;color:#e9f7ed;box-shadow:0 35px 60px #0c26234d;transform:rotate(-3deg);width:360px}.art-card h2{font-size:31px;line-height:1.25;margin:25px 0}.art-card p{color:#b5d2c6;line-height:2}.art-check{display:block;border-radius:50%;background:#a6dec0;width:50px;height:50px;text-align:center;line-height:50px;color:#24543d;font-size:25px}aside{position:fixed;width:236px;inset:0 auto 0 0;background:var(--nav);color:#edf7f1;padding:32px 22px}.side-caption{font-size:9px;letter-spacing:1.6px;color:#809e9b;margin:42px 10px 17px}nav{display:flex;flex-direction:column;gap:8px}nav button{text-align:left;background:transparent;color:#9eb8b3;display:flex;gap:12px;align-items:center;font-size:13px;padding:13px 12px}nav button.active{background:#294a45;color:#d5f1de}nav button span{font-size:17px}.side-bottom{position:absolute;bottom:25px;left:27px;right:25px}.side-note{font-size:11px;color:#d4e7de;border-bottom:1px solid #35524e;padding-bottom:20px;margin-bottom:13px}.side-note p{font-size:10px;color:#89a6a0;margin:6px 0 0 13px}.status-dot{display:inline-block;background:#8acaa0;border-radius:50%;width:6px;height:6px;margin-right:6px}main{margin-left:236px}header{height:79px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 38px;background:#fafbf8}.breadcrumb{font-size:10px;font-weight:600;letter-spacing:1px;color:#788986}.breadcrumb span{margin-left:13px}.header-right{display:flex;gap:17px;align-items:center}.avatar{display:inline-flex;width:33px;height:33px;border:1px solid #d7e4dc;background:#e9eee6;border-radius:50%;align-items:center;justify-content:center;font-size:10px;font-weight:700}.pill{display:inline-block;border-radius:20px;background:var(--mint);padding:5px 11px;font-size:10px;font-weight:650;color:#397455}.pill.warning{background:#fff0dc;color:#946323}.pill.plain{background:#f0f3ef;color:#76817c}.page{padding:36px 38px 60px;max-width:1500px;margin:auto}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.title-row p.muted{margin:0;font-size:13px}.notice{background:#eaf2ee;border:1px solid #d8e5dc;border-radius:8px;padding:13px 17px;font-size:12px;color:#426559;margin-bottom:23px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:27px}.stats article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px}.stats article>span{display:block;color:#657774;font-size:11px}.stats strong{display:block;font-size:29px;letter-spacing:-.8px;font-weight:600;margin:9px 0 6px}.stats small{font-size:10px;color:#8a9590}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-top{padding:23px 24px;display:flex;align-items:center;justify-content:space-between}.panel-top p{margin:3px 0 0;font-size:11px}.filters{display:flex;gap:14px;padding:0 24px 22px;align-items:end}.filters label{max-width:170px;flex:1}.filters .search{max-width:none;flex:2}.filters input{padding:9px 11px;font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}th{font-weight:500;color:#7b8781;font-size:10px;background:#f8faf7;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 20px}td{padding:20px;border-bottom:1px solid #eef1ec}td:first-child{padding-left:24px}td strong{display:block;font-size:12px;font-weight:600}td small{display:block;font-size:10px;color:#8b9690;margin-top:4px}.money{font-weight:650}.row-action{color:var(--teal);background:#edf5f0;padding:7px 11px;font-size:11px}.stage{color:#7a847c;font-size:11px}.empty{text-align:center;padding:50px!important;color:var(--muted);white-space:normal}.panel-footer{padding:16px 24px;display:flex;justify-content:space-between;font-size:10px;color:#86928a;background:#fcfdfb}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.integration{padding:25px}.integration label{margin:20px 0}.integration input{font-size:11px}.integration small{display:block;color:var(--muted);margin-top:15px}.logo-ca,.logo-z{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#e4f2ff;color:#2380c3;font-size:14px;font-weight:700;margin-bottom:17px}.logo-z{background:#e3f3e8;color:#287c4c}.settings{padding:25px;max-width:850px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.settings label small{font-weight:400;color:var(--muted)}.check{flex-direction:row;align-items:center;gap:9px;margin:18px 0}.check input{width:16px;height:16px;accent-color:var(--teal)}.event-panel{padding:25px;margin-top:23px}.event{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:18px}.event time{min-width:135px;color:var(--muted);font-size:11px}.event p{margin:0;font-size:12px}dialog{width:min(590px,94vw);max-height:90vh;border:1px solid #d2dfd6;border-radius:14px;padding:30px;box-shadow:0 30px 100px #17362e40;color:var(--ink)}dialog::backdrop{background:#102c2d66}dialog h2{font-size:24px;margin:10px 0}dialog label{margin-top:14px}.close{position:absolute;right:12px;top:10px;background:transparent;font-size:23px;padding:3px 10px;color:var(--muted)}dialog small{display:block;color:var(--muted);margin-top:10px}.or{font-size:11px;text-align:center;color:var(--muted);margin:10px 0 -3px}hr{border:0;border-top:1px solid var(--line);margin:23px 0}pre{white-space:pre-wrap;font-family:inherit;font-size:13px;line-height:1.7;background:#f0f6ef;border:1px solid #d8e7d6;border-radius:8px;padding:16px}.actions{display:flex;gap:10px}#preview-phone{margin-top:16px}#toast{position:fixed;bottom:25px;right:25px;max-width:460px;padding:16px 22px;border-radius:9px;background:#173f37;color:#fff;z-index:10;box-shadow:0 5px 20px #0002}.error{color:#aa4233;font-size:12px;margin-top:15px}.pill.danger{background:#fbe9e4;color:#a84939}@media(max-width:1150px){aside{width:205px;padding:28px 17px}main{margin-left:205px}.page{padding:28px 24px}header{padding:0 24px}.stats{grid-template-columns:repeat(2,1fr)}.filters{flex-wrap:wrap}.filters .search{min-width:160px}}@media(max-width:720px){aside{position:static;width:auto;padding:14px 18px}.brand{font-size:21px}.side-caption,.side-bottom{display:none}nav{flex-direction:row;margin-top:12px;gap:4px;overflow:auto}nav button{font-size:11px;padding:8px;white-space:nowrap}main{margin:0}header{height:57px}.page{padding:24px 16px}.title-row{align-items:start;flex-direction:column}h1{font-size:29px}.stats{gap:10px}.stats article{padding:16px}.stats strong{font-size:23px}.stats small{font-size:9px}.filters{padding:0 16px 20px;gap:10px}.filters label{min-width:110px}.panel-top{padding:20px 16px}.panel-footer{gap:10px;flex-wrap:wrap}.integration-grid{grid-template-columns:1fr}.login{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:25px}.settings-grid{grid-template-columns:1fr}.event{flex-direction:column;gap:3px}.header-right{gap:8px}}
#sasdesk-form{margin-bottom:18px}#sasdesk-check{display:block;margin:12px 0}#sasdesk-form details{margin:18px 0;color:var(--muted);font-size:12px}#sasdesk-form summary{cursor:pointer}#sasdesk-token-note{overflow-wrap:anywhere}

/* Tema baseado na referência visual SASDesk enviada pelo usuário. */
:root{--bg:#fafafb;--ink:#171719;--muted:#788194;--line:#e7e7ed;--teal:#18181b;--nav:#fafafb;--mint:#e5f5ed;--orange:#f06443}
body{font-family:Arial,Helvetica,system-ui,sans-serif;font-size:14px;color:var(--ink);background:var(--bg)}
button,input,textarea,select{font:inherit}button{padding:9px 14px;border-radius:8px;font-size:13px;font-weight:600}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid #7a89bf;outline-offset:3px}
input,textarea,select{width:100%;padding:10px 12px;border:1px solid #e0e1e8;border-radius:7px;background:#fff;color:var(--ink);font-size:13px}input:focus,textarea:focus,select:focus{outline:2px solid #d6daea;border-color:#8f97ac}label{font-size:12px;color:#424b5c;font-weight:500}
h1{font-size:25px;letter-spacing:-.7px;font-weight:700;margin:4px 0 7px;line-height:1.25}h2{font-size:16px;letter-spacing:-.2px;font-weight:600}.eyebrow{color:#8390a5;letter-spacing:1px;font-size:10px;font-weight:500}.title-row p.muted{font-size:14px}.title-row{margin-bottom:24px}
.primary{background:#18181b;color:#fff;box-shadow:0 1px 3px #0002}.primary:hover{background:#303036}.secondary{color:#18181b;border-color:#e1e2e9;background:#fff;box-shadow:0 1px 2px #00000008}.secondary:hover{background:#f3f3f6}.row-action{color:#24242b;border:1px solid #e5e5ec;background:#fff;font-size:12px;padding:7px 11px}.row-action:hover{background:#f0f0f3}
aside{width:255px;padding:20px 8px;background:#fafafb;color:#3b4557;border-right:1px solid var(--line)}aside .brand{padding:0 26px;height:40px;margin-bottom:25px}.brand{font-size:21px;letter-spacing:-.6px;color:#f06443;gap:8px}.brand-mark{width:32px;height:32px;border-radius:8px;font-size:20px;background:#fff1e9;color:#f06443}.brand-dot{color:#f06443}.side-caption{background:#efeff2;border-radius:7px;padding:7px 12px;margin:12px 0 8px;color:#687185;letter-spacing:.6px;font-size:10px;border-left:3px solid #ff8da3}nav{gap:3px}nav button{font-size:13px;font-weight:400;color:#465168;padding:9px 13px;border-radius:7px;gap:10px;border-left:2px solid transparent}nav button.active{background:#f0f0f3;color:#171719;border-left-color:#fb8097;font-weight:600}nav button:hover{background:#eeeef2}nav button span{font-size:17px;color:#525663}.side-bottom{left:16px;right:16px;bottom:18px}.side-note{color:#4d5868;border-color:#e4e4ec;padding-bottom:16px}.side-note p{color:#7f8799}.status-dot{background:#7acb99}.subtle{font-size:12px;font-weight:400}
main{margin-left:255px}header{height:65px;padding:0 25px;background:#fafafb}.breadcrumb{font-size:11px;letter-spacing:.6px;color:#778095}.header-right{gap:14px}.avatar{background:#18181b;color:#fff;border:0;width:33px;height:33px;font-size:12px;position:relative}.avatar:after{content:'';position:absolute;width:7px;height:7px;background:#3cc27a;right:0;bottom:0;border:2px solid #fafafb;border-radius:50%;box-sizing:content-box}.page{max-width:none;padding:26px 25px 45px;margin:0}.notice{background:#f4f6fb;border-color:#e0e5f0;color:#64708a;font-size:13px;margin-bottom:23px;padding:15px 17px;border-radius:8px}
.stats{gap:16px;margin-bottom:23px}.stats article{padding:20px 22px;border-radius:12px;box-shadow:0 1px 2px #00000005}.stats article>span{color:#6e788b;font-size:12px}.stats strong{font-size:28px;font-weight:600;letter-spacing:-.5px;margin:8px 0}.stats small{color:#8590a1;font-size:11px}.panel{border-radius:12px;border-color:#e6e6ed;box-shadow:0 1px 2px #00000005}.panel-top{padding:20px 24px}.panel-top p{font-size:12px}.filters{gap:12px}.filters input{font-size:13px}.filters label{max-width:180px}.filters .search{max-width:none}table{font-size:13px}th{font-size:11px;color:#788195;background:#fafafb;padding:13px 18px}td{padding:18px;border-bottom:1px solid #ededf2}td strong{font-size:13px;font-weight:500}td small{font-size:11px;color:#8590a1}td:nth-child(2){min-width:175px}td:nth-child(2) small{max-width:230px;white-space:normal;line-height:1.4}.stage{font-size:12px;color:#758095}.panel-footer{background:#fcfcfd;color:#8590a1;font-size:11px;padding:14px 24px}
.pill{color:#0c9c69;background:#e4f5ec;font-size:10px;font-weight:600;padding:4px 9px}.pill.warning{color:#aa7427;background:#fff5df}.pill.plain{color:#788194;background:#f0f0f4}.pill.danger{color:#e9414f;background:#fff0f2}.integration-grid{gap:18px;align-items:start}.integration{padding:24px}.integration h2{font-size:18px}.integration label{margin:17px 0}.integration input{font-size:13px}.integration small{font-size:11px;line-height:1.5}.logo-z{background:#fff1e9;color:#f06443}.settings{max-width:100%;padding:24px}.settings-grid{gap:20px;max-width:900px}fieldset{border:1px solid #e5e5eb;border-radius:8px;padding:10px 14px}legend{color:#687185;font-size:12px}.check input{accent-color:#18181b;flex:0 0 16px}.check{line-height:1.5}.settings textarea{max-width:1000px}#sasdesk-form .primary{width:100%}#sasdesk-check{margin:12px 0;width:100%}#test-zpro{width:100%}.event{border-color:#ededf3}.event p{font-size:13px}.event time{font-size:12px}
dialog{border:1px solid #e5e5ed;border-radius:12px;box-shadow:0 25px 80px #18181b30;padding:26px;width:min(640px,94vw)}dialog::backdrop{background:#18181b55}dialog h2{font-size:22px}.close{color:#7f8798}pre{background:#f7f7fa;border-color:#e5e5ec;font-size:13px}.error{color:#e8424e}#toast{background:#18181b;border-radius:8px;font-size:13px}.login{background:#fafafb}.login-card{max-width:480px}.login-card .brand{margin-bottom:38px}.login-card h1{font-size:36px;letter-spacing:-1px}.login-art{background:#f0f0f4;border-left:1px solid #e5e5ec}.ring{border-color:#dddde7}.art-card{background:#fff;color:#18181b;border:1px solid #e2e2ea;border-radius:14px;box-shadow:0 12px 35px #18181b0d;transform:none}.art-card p{color:#808a9d}.art-check{background:#e5f5ed;color:#1d9e69}.login-card small{font-size:12px}
@media(max-width:1150px){aside{width:220px;padding:18px 8px}main{margin-left:220px}.page{padding:25px 20px}header{padding:0 20px}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){aside{position:static;width:auto;border-right:0;border-bottom:1px solid #e7e7ed;padding:12px}aside .brand{padding:0 8px;height:30px;margin:0 0 12px}.side-caption,.side-bottom{display:none}nav{flex-direction:row;gap:3px;margin-top:0}nav button{font-size:12px;padding:8px 10px}main{margin-left:0}header{height:55px;padding:0 16px}.page{padding:22px 16px 35px}.title-row{gap:16px}.title-row .primary{align-self:flex-start}h1{font-size:24px}.stats{gap:10px}.stats article{padding:16px}.stats strong{font-size:24px}.integration-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.login-art{display:none}.login-card h1{font-size:34px}.panel-footer{padding:14px 16px}.filters label{max-width:none}.actions{flex-wrap:wrap}}