@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{color:#17231c;font-synthesis:none;background:#f4f6f2;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.brand{letter-spacing:-1px;align-items:center;gap:11px;font-family:Manrope;font-size:22px;display:flex}.brandmark{color:#132016;background:#d8ff3e;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.eyebrow{letter-spacing:2px;color:#6b7b70;font-size:11px;font-weight:700}.muted{color:#738078}.login{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-art{color:#fff;background:#0d1912;flex-direction:column;justify-content:space-between;padding:48px 7vw;display:flex;position:relative;overflow:hidden}.login-art:after{content:"";border:1px solid #263b2d;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-170px;right:-230px;box-shadow:0 0 0 80px #14241a,0 0 0 81px #263b2d,0 0 0 160px #102016}.login-art>div{z-index:1;position:relative}.login-art h1{letter-spacing:-4px;margin:22px 0;font:600 clamp(42px,5vw,72px)/1.07 Manrope}.login-art h1 em{color:#d8ff3e;font-style:normal}.login-art p{color:#aab7ae;max-width:520px;font-size:18px;line-height:1.6}.trust{color:#aab7ae;align-items:center;gap:10px;font-size:13px;display:flex}.trust svg{color:#d8ff3e;width:18px}.login-form{background:#fbfcfa;place-items:center;padding:40px;display:grid}.login-form form{width:min(420px,100%)}.login-form h2{letter-spacing:-1.5px;margin:16px 0 4px;font:700 38px Manrope}.login-form label,.fields label{gap:8px;margin:22px 0;font-size:13px;font-weight:600;display:grid}.login-form input,.fields input,.fields textarea,.fields select{background:#fff;border:1px solid #d8ded9;border-radius:10px;outline:none;width:100%;padding:13px 14px}.login-form input:focus,.fields input:focus,.fields textarea:focus{border-color:#486452;box-shadow:0 0 0 3px #e8eee9}.primary,.secondary{border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:700;display:inline-flex}.primary{color:#fff;background:#17291e}.primary:hover{background:#213c2b}.login-form .primary{width:100%;margin-top:8px}.primary:disabled{opacity:.6}.secondary{color:#324137;background:#fff;border:1px solid #dce2dd}.error,.banner{color:#9f382b;background:#fff0ed;border-radius:9px;align-items:center;gap:8px;margin:12px 0;padding:11px 13px;font-size:13px;display:flex}.mobile-brand{display:none}.splash{color:#d8ff3e;background:#0d1912;place-items:center;min-height:100vh;font:700 28px Manrope;display:grid}.shell{min-height:100vh;display:flex}.shell aside{color:#d4ddd6;z-index:20;background:#101d15;flex-direction:column;width:250px;padding:25px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.shell aside>.brand{color:#fff;padding:0 10px}.shell nav{gap:5px;margin-top:35px;display:grid}.shell nav button{color:#9dac9f;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:11px 12px;font-size:14px;display:flex}.shell nav button svg{width:18px}.shell nav button.active,.shell nav button:hover{color:#fff;background:#203227}.shell nav button.active svg{color:#d8ff3e}.nav-head{margin-bottom:8px}.nav-label{letter-spacing:1.5px;color:#617166;padding:10px 12px;font-size:10px}.shell nav button i{border-radius:50%;width:7px;height:7px;margin-left:auto}.online{background:#a9d936;box-shadow:0 0 0 3px #a9d93622}.offline{background:#ef6b58}.profile{border-top:1px solid #28372d;align-items:center;gap:9px;margin-top:auto;padding:18px 5px 0;display:flex}.profile>div:nth-child(2){min-width:0;font-size:12px;display:grid}.profile b{color:#fff}.profile span{color:#7f9184;white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.avatar{color:#17291e;background:#d8ff3e;border-radius:50%;place-items:center;width:35px;height:35px;font-weight:800;display:grid}.icon,.menu,.mobile-close{color:inherit;background:0 0;border:0;padding:7px}.icon svg,.menu svg,.mobile-close svg{width:18px;height:18px}.profile .icon{margin-left:auto}.workspace{width:calc(100% - 250px);min-width:0;margin-left:250px}.top{background:#fff;border-bottom:1px solid #e3e8e4;align-items:center;height:90px;padding:0 34px;display:flex}.top h1{letter-spacing:-.6px;margin:3px 0;font:700 24px Manrope}.crumb{color:#829087;font-size:11px}.status{color:#597064;background:#f2f6f2;border-radius:18px;align-items:center;gap:7px;margin-left:auto;padding:8px 12px;font-size:12px;display:flex}.status svg{color:#77a20d;width:14px}.menu,.mobile-close{display:none}.content{padding:26px 34px}.tabs{border-bottom:1px solid #dfe5e0;gap:4px;display:flex;overflow:auto}.tabs button{white-space:nowrap;color:#77857b;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px;font-size:13px;font-weight:600}.tabs button.active{color:#17291e;border-bottom-color:#17291e}.tabs span{background:#e8ede9;border-radius:9px;margin-left:4px;padding:2px 6px;font-size:10px}.toolbar{gap:10px;margin:20px 0;display:flex}.search{flex:1;max-width:430px;position:relative}.search svg{color:#819087;width:18px;position:absolute;top:12px;left:13px}.search input{background:#fff;border:1px solid #dce2dd;border-radius:9px;outline:none;width:100%;height:43px;padding:0 14px 0 40px}.compact{padding:10px 15px}.compact svg{width:17px}.banner{color:#805f18;background:#fff4dc}.banner button{background:0 0;border:0;margin-left:auto}.card{background:#fff;border:1px solid #e0e5e1;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #25372b0a}.table-meta{border-bottom:1px solid #e7ebe8;align-items:center;padding:17px 19px;display:flex}.table-meta b{font:700 15px Manrope}.table-meta span{color:#7e8b82;margin-left:auto;font-size:12px}.table-wrap{max-height:calc(100vh - 315px);overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}th{text-transform:uppercase;letter-spacing:.7px;text-align:left;color:#78867c;background:#f8faf7;border-bottom:1px solid #e5eae6;padding:11px 14px;font-size:10px;position:sticky;top:0}td{text-overflow:ellipsis;color:#35433a;border-bottom:1px solid #edf0ed;max-width:310px;padding:12px 14px;overflow:hidden}tr:hover td{background:#fafcf9}.pill{border-radius:10px;padding:4px 8px}.pill.yes{color:#507018;background:#eaf7dd}.pill.no{color:#68726b;background:#f0f1f0}.actions{width:45px}.danger{color:#a84e42}.empty{color:#87928a;text-align:center!important;padding:50px!important}.pagination{color:#7c8980;align-items:center;padding:13px 18px;font-size:12px;display:flex}.pagination div{align-items:center;gap:10px;margin-left:auto;display:flex}.pagination button{background:#fff;border:1px solid #dde3de;border-radius:7px;padding:5px}.pagination svg{width:16px;display:block}.pagination button:disabled{opacity:.35}.overlay{z-index:50;background:#0b160f88;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fbfcfa;flex-direction:column;width:min(550px,100%);height:100%;display:flex;box-shadow:-15px 0 50px #0002}.drawer header{background:#fff;border-bottom:1px solid #e0e5e1;align-items:center;padding:24px 27px;display:flex}.drawer h2{margin:7px 0 0;font:700 23px Manrope}.drawer header .icon{margin-left:auto}.fields{flex:1;padding:4px 28px 30px;overflow:auto}.fields label{margin:18px 0}.fields small{color:#8a968e;font-weight:400}.fields textarea{resize:vertical}.drawer footer{background:#fff;border-top:1px solid #e0e5e1;justify-content:flex-end;gap:10px;padding:18px 26px;display:flex}@media (width<=850px){.login{grid-template-columns:1fr}.login-art{display:none}.mobile-brand{margin-bottom:55px;font:700 22px Manrope;display:block}.shell aside{transition:all .2s;transform:translate(-100%)}.shell aside.open{transform:none}.mobile-close{margin-left:auto;display:block}.workspace{width:100%;margin-left:0}.menu{margin-right:14px;display:block}.top{padding:0 18px}.content{padding:20px 16px}.status{font-size:0}.toolbar{flex-wrap:wrap}.search{flex-basis:100%;width:100%;max-width:none}.table-wrap{max-height:calc(100vh - 355px)}}.shell nav .broadcast{color:#d8ff3e;border:1px solid #42502d;margin-bottom:10px}.send-company{margin-left:auto;margin-right:12px}.notice-preview{background:#edf4e9;border:1px solid #dbe6d5;border-radius:11px;gap:13px;margin:20px 0;padding:17px;display:flex}.notice-preview svg{color:#527629;flex:none}.notice-preview b{font:600 14px Manrope}.notice-preview p{white-space:pre-wrap;color:#5e6c62;margin:5px 0 0;font-size:13px;line-height:1.5}
