@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";
:root{--ink:#202621;--muted:#70766f;--green:#244c3c;--green2:#315f4d;--cream:#f5f3ed;--line:#e5e6e1;--white:#fff;--side:#17251f;--accent:#d5a85c}*{box-sizing:border-box}body{color:var(--ink);background:#f8f8f5;margin:0;font-family:DM Sans,Arial,sans-serif}button,input,select,textarea{font:inherit}.app{min-height:100vh}.sidebar{background:var(--side);color:#eef3ef;z-index:30;flex-direction:column;width:258px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #304039;align-items:center;gap:12px;height:82px;padding:0 22px;display:flex}.brandmark{color:#d1ac6c;border:1px solid #b8955a;border-radius:2px;place-items:center;width:36px;height:36px;font:700 21px Manrope;display:grid}.brand b{font:700 19px Manrope;display:block}.brand small{color:#91a097;letter-spacing:1.6px;font-size:9px}.close{display:none}.sidebar nav{flex:1;padding:20px 12px}.sidebar a,.studio-trigger{color:#aebbb4;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;width:100%;height:44px;padding:0 13px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidebar i{text-align:center;width:17px;font-size:17px;font-style:normal}.sidebar a:hover,.sidebar a.active{color:#fff;background:#2a3d34}.sidebar a.active{box-shadow:inset 3px 0 #d6ad69}.sidebar em{color:#fff;background:#ae8251;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal}.studio-trigger{color:#eef3ef;justify-content:space-between;margin-top:8px}.studio-trigger span{align-items:center;gap:12px;display:flex}.subnav{border-left:1px solid #405048;margin:1px 0 10px 21px;padding-left:8px}.subnav a{height:39px;font-size:13px}.sidebar-foot{border-top:1px solid #304039;align-items:center;gap:10px;height:76px;padding:0 18px;display:flex}.avatar{color:#274336;background:#d7c19d;border-radius:50%;place-items:center;width:35px;height:35px;font-size:12px;font-weight:700;display:grid}.sidebar-foot div{flex:1}.sidebar-foot b,.sidebar-foot small{font-size:12px;display:block}.sidebar-foot small{color:#86968e;margin-top:3px}.sidebar-foot button{color:#87958e;background:0 0;border:0}.main{min-height:100vh;margin-left:258px}.main header{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;height:65px;padding:0 34px;display:flex;position:sticky;top:0}.crumb{color:#91958f;align-items:center;gap:10px;font-size:12px;display:flex}.crumb b{color:#c7cac6;font-weight:400}.crumb strong{color:#404740}.head-actions{align-items:center;gap:11px;margin-left:auto;display:flex}.iconbtn,.hamb{color:#485048;cursor:pointer;background:0 0;border:0;font-size:20px}.notice{position:relative}.notice:after{content:"";background:#be714b;border-radius:50%;width:6px;height:6px;position:absolute;top:1px;right:3px}.hamb{display:none}.content{max-width:1500px;margin:auto;padding:38px 40px 70px}.page-title{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.page-title p,.modal-head p{letter-spacing:1.7px;color:#9a7142;margin:0 0 7px;font-size:10px;font-weight:700}.page-title h1{letter-spacing:-.8px;margin:0 0 8px;font:700 29px Manrope}.page-title span{color:var(--muted);font-size:13px}.primary,.secondary{cursor:pointer;border:0;border-radius:5px;justify-content:center;align-items:center;height:40px;padding:0 17px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.primary{background:var(--green);color:#fff;box-shadow:0 2px 5px #233c2e26}.primary:hover{background:var(--green2)}.secondary{color:#3f4741;background:#fff;border:1px solid #dfe2dd}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px;display:grid}.stats article{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:auto 1fr;gap:3px 14px;padding:21px;display:grid}.stat-icon{color:var(--green);background:#edf2ed;border-radius:5px;grid-row:1/4;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.stats span{color:#777e78;font-size:12px}.stats strong{font:700 27px Manrope}.stats small{color:#608269;font-size:10px}.panel{border:1px solid var(--line);background:#fff;border-radius:7px}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:21px 23px;display:flex}.panel-head h2{margin:0 0 4px;font:700 17px Manrope}.panel-head p{color:var(--muted);margin:0;font-size:12px}.activity-row{border-bottom:1px solid #eff0ed;grid-template-columns:40px 1fr 90px 120px 20px;align-items:center;gap:15px;padding:15px 23px;display:grid}.activity-row:last-child{border:0}.activity-icon{width:36px;height:36px;color:var(--green);background:#eff2ee;border-radius:5px;place-items:center;display:grid}.activity-row b,.activity-row small{font-size:12px;display:block}.activity-row small,.activity-row time{color:#8a8f8a;margin-top:3px;font-size:11px}.activity-row button{color:#999;background:0 0;border:0;font-size:20px}.chip,.tag{color:#60675f;background:#f0f1ed;border-radius:4px;width:max-content;padding:4px 8px;font-size:10px}.toolbar{border:1px solid var(--line);background:#fff;border-radius:7px 7px 0 0;align-items:center;gap:9px;min-height:62px;padding:10px;display:flex}.search{color:#90968f;border:1px solid #dfe2dc;border-radius:5px;align-items:center;gap:8px;min-width:280px;height:40px;padding:0 12px;display:flex}.search input{border:0;outline:0;width:100%}.toolbar select{color:#4b534c;background:#fff;border:1px solid #dfe2dc;border-radius:5px;min-width:150px;height:40px;padding:0 28px 0 12px}.result{color:#929792;margin-left:auto;padding-right:10px;font-size:11px}.table-wrap{border:1px solid var(--line);background:#fff;border-top:0;border-radius:0 0 7px 7px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:1030px}th{text-transform:uppercase;letter-spacing:.8px;color:#8c918b;text-align:left;border-bottom:1px solid var(--line);background:#fafaf8;padding:12px 16px;font-size:9px}td{color:#555d56;border-bottom:1px solid #ededeb;padding:15px 16px;font-size:12px}td b,td small{display:block}td b{color:#293029;margin-bottom:4px;font-size:13px}td small{color:#91958f}.status{color:#8e928e;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:11px;display:flex}.status i{background:#a7aaa7;border-radius:50%;width:7px;height:7px;display:block}.status.on{color:#45725d}.status.on i{background:#4e8a6e}.dots{color:#757a75;cursor:pointer;background:0 0;border:0}.card-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px;display:grid}.item-card{border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden}.preview{background:linear-gradient(135deg,#dee3dc,#b5bdb3);place-items:center;height:130px;display:grid;position:relative}.preview>span{color:#fff;text-shadow:0 1px 5px #0003;font:700 28px Manrope}.preview>button{cursor:pointer;background:#ffffffe8;border:0;border-radius:4px;height:29px;position:absolute;top:10px;right:10px}.card-body{padding:15px}.card-body>div{justify-content:space-between;display:flex}.card-body h3{margin:12px 0 3px;font:700 15px Manrope}.card-body code{color:#929892;font:10px DM Sans}.card-body p{margin:13px 0 6px;font-size:12px}.card-body small{color:#8c928c;font-size:10px}.switch{cursor:pointer;background:#c9cdc9;border:0;border-radius:9px;width:31px;height:18px;padding:2px}.switch i{background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;display:block}.switch.on{background:#47725e}.switch.on i{transform:translate(13px)}.empty{text-align:center;color:#7e847e;padding:60px}.empty-page{text-align:center;place-content:center;height:65vh;display:grid}.empty-page span{color:#9b7b4d;font-size:36px}.empty-page h1{margin:15px;font:700 28px Manrope}.empty-page p{color:var(--muted)}.modal-bg{z-index:50;background:#101b16a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:min(660px,100%);max-height:92vh;overflow:auto;box-shadow:0 20px 80px #0005}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:22px 25px;display:flex}.modal-head h2{margin:0;font:700 20px Manrope}.modal-head button{color:#777;cursor:pointer;background:0 0;border:0;font-size:25px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;padding:25px;display:grid}.form-grid label{color:#575d58;font-size:11px;font-weight:600}.form-grid input,.form-grid textarea{border:1px solid #dfe2dd;border-radius:5px;outline:none;width:100%;margin-top:7px;padding:10px;display:block}.form-grid input:focus,.form-grid textarea:focus{border-color:#507461;box-shadow:0 0 0 3px #50746117}.form-grid textarea{resize:vertical;height:72px}.wide{grid-column:1/-1}.upload{text-align:center;background:#fafbf9;border:1px dashed #bbc3bc;border-radius:6px;padding:20px}.upload b,.upload small{display:block}.upload small{color:#929792;margin-top:6px}.check{align-items:center;gap:9px;display:flex}.check input{width:16px;margin:0}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:16px 25px;display:flex}.scrim{display:none}@media (max-width:1100px){.card-grid,.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:none}.close{color:#fff;background:0 0;border:0;margin-left:auto;font-size:25px;display:block}.scrim{z-index:25;background:#0008;border:0;display:block;position:fixed;inset:0}.main{margin-left:0}.main header{padding:0 16px}.hamb{margin-right:12px;display:block}.crumb span,.crumb b{display:none}.content{padding:25px 16px 50px}.page-title{align-items:flex-start;gap:18px}.page-title h1{font-size:24px}.page-title .primary,.page-title>button{white-space:nowrap;padding:0 12px}.stats{grid-template-columns:1fr}.activity-row{grid-template-columns:38px 1fr 20px}.activity-row .chip,.activity-row time{display:none}.toolbar{flex-wrap:wrap}.search{width:100%;min-width:0}.toolbar select{flex:1;min-width:120px}.result{display:none}.card-grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.head-actions .iconbtn{display:none}}@media (max-width:460px){.page-title{display:block}.page-title .primary,.page-title>button{width:100%;margin-top:18px}.activity-row{padding:14px}.panel-head{padding:17px}.panel-head .secondary{display:none}}.portal-toast{z-index:100;color:#3e352f;background:#fffdf9;border:1px solid #d8cabd;border-radius:.65rem;padding:.8rem 1rem;font-size:.78rem;font-weight:700;position:fixed;top:5rem;right:1.5rem;box-shadow:0 .75rem 2rem #32261c1f}.module-detail{max-width:1050px;margin:auto}.detail-actions{gap:10px;display:flex}.detail-section{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:16px;padding:24px}.detail-section h2{margin:0 0 20px;font:700 16px Manrope}.detail-section>label{font-size:11px;font-weight:600;display:block}.detail-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.detail-grid.compact{grid-template-columns:repeat(3,1fr);margin-top:18px}.detail-grid label,.rule-grid label{color:#575d58;font-size:11px;font-weight:600}.detail-grid input,.detail-grid select,.detail-section textarea{background:#fff;border:1px solid #dfe2dd;border-radius:5px;width:100%;height:42px;margin-top:7px;padding:0 11px;display:block}.detail-section textarea{resize:vertical;height:90px;padding:11px}.detail-grid .check{align-self:end;height:42px}.detail-grid .check input,.rule-grid .check input{width:16px;height:16px;margin:0}.width-options,.rule-grid{flex-wrap:wrap;gap:10px;display:flex}.width-options label{cursor:pointer}.width-options input{opacity:0;position:absolute}.width-options span{background:#fafbf9;border:1px solid #dfe2dd;border-radius:6px;padding:10px 14px;font-size:12px;display:block}.width-options input:checked+span{border-color:var(--green);color:var(--green);background:#edf3ef;font-weight:700}.rule-grid{grid-template-columns:repeat(3,1fr);display:grid}.rule-grid .check{border:1px solid #e5e6e1;border-radius:6px;padding:12px}.form-error{color:#9b3528;background:#fff5f3;border:1px solid #dca9a0;border-radius:6px;margin-bottom:16px;padding:13px 16px;font-size:13px}.domain-note{color:#6f756f;grid-column:1/-1;margin:0;font-size:12px}.primary:disabled{opacity:.55;cursor:wait}@media (max-width:760px){.detail-grid,.detail-grid.compact,.rule-grid{grid-template-columns:1fr}.detail-actions{margin-top:16px}.module-detail .page-title{display:block}.detail-section{padding:18px}}.login-page{background:linear-gradient(135deg,#f5f3ed,#e8e1d6);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #dedfd9;border-radius:10px;width:min(430px,100%);padding:38px;box-shadow:0 20px 70px #26382e1a}.login-brand{align-items:center;gap:12px;margin-bottom:35px;display:flex}.login-brand>span{color:#8d6335;border:1px solid #a77c45;place-items:center;width:44px;height:44px;font:700 18px Manrope;display:grid}.login-brand strong,.login-brand small{display:block}.login-brand small{color:#778078;letter-spacing:1.5px;margin-top:3px;font-size:8px}.login-eyebrow{color:#956a39;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:700}.login-card h1{margin:0 0 8px;font:700 30px Manrope}.login-card>p:not(.login-eyebrow){color:var(--muted);font-size:13px}.login-card form{gap:15px;margin-top:26px;display:grid}.login-card label{font-size:11px;font-weight:600}.login-card input{border:1px solid #dfe2dd;border-radius:5px;width:100%;height:44px;margin-top:7px;padding:0 12px;display:block}.login-card input:focus{border-color:#315f4d;outline:2px solid #315f4d33}.login-card form .primary{width:100%;margin-top:4px}.login-error{color:#9b3528;margin:0;font-size:12px;font-weight:600}.sidebar-foot form{margin:0}.sidebar-foot form button{cursor:pointer;font-size:11px}.mfa-card{width:min(480px,100%)}.mfa-qr{border:1px solid var(--line);border-radius:8px;width:240px;height:240px;margin:22px auto;display:block}.mfa-card input[inputmode=numeric]{letter-spacing:3px;text-align:center;font-size:20px}