@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;background:#f7f4ee;color:#292720;font-family:DM Sans,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.landing{min-height:100vh;background:radial-gradient(ellipse at 90% 65%,#eee2d2,transparent 38%),#f8f5ef;display:flex;flex-direction:column}.landing>header,.employee>header{height:76px;border-bottom:1px solid #e7ded1;padding:0 6%;display:flex;align-items:center;justify-content:space-between}.landing header b,.employee header>b{font:800 14px Manrope;letter-spacing:2px;display:flex;align-items:center;gap:9px}.landing header b svg,.employee header>b svg{color:#98734d}.landing header small,.employee header small{display:block;font:500 7px DM Sans;letter-spacing:1px;color:#918779}.landing header>span{font-size:8px;letter-spacing:1.2px;color:#8b806f}.landing article{width:min(950px,88%);margin:auto;padding:65px 0}.landing article>small,.empwrap>small{font-size:9px;letter-spacing:1.5px;color:#9b744c;font-weight:700}.landing h1{font:800 clamp(38px,5.7vw,62px)/1.1 Manrope;letter-spacing:-2.5px;margin:18px 0;color:#292720}.landing h1 em{font-style:normal;color:#a77d52}.landing article>p{font-size:13px;line-height:1.8;color:#80786d;max-width:600px}.landing article>label{display:block;margin:40px 0 13px;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#756958}.roles{display:grid;grid-template-columns:1fr 1fr;gap:16px}.roles button{position:relative;text-align:left;padding:23px;background:#fffdf8;border:1px solid #e3d8c9;border-radius:8px;color:#292720;transition:.2s}.roles button:hover{transform:translateY(-3px);border-color:#a98055;box-shadow:0 10px 28px #4e3a2012}.roles button>svg{width:25px;height:25px;color:#98734d;margin-bottom:16px}.roles button>small{display:block;font-size:8px;letter-spacing:1.2px;color:#a08a70}.roles h2{font:700 19px Manrope;margin:7px 0}.roles p{font-size:10px;line-height:1.7;color:#81796d;min-height:52px}.roles b{font-size:10px;color:#91663e;display:flex;align-items:center;gap:7px}.roles b svg{width:15px}.trust{margin-top:27px;font-size:9px;color:#827b70}.landing>footer,.employee>footer{padding:17px 6%;border-top:1px solid #e7ded1;color:#9b9285;font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between}.employee{min-height:100vh;display:flex;flex-direction:column}.employee>header{background:#fbf9f4}.employee>header button{border:0;background:none;color:#756b5f;display:flex;align-items:center;gap:6px;font-size:10px}.employee>header>b{margin-left:-45px}.employee>header>span{font-size:8px;letter-spacing:1px;color:#8f826f}.empwrap{width:min(760px,92%);margin:42px auto;flex:1}.empwrap h1{font:800 29px Manrope;margin:10px 0 6px}.empwrap>p{font-size:11px;color:#81796e;line-height:1.7;margin:0 0 22px}.card{background:#fffdf8;border:1px solid #e6ddcf;border-radius:8px;padding:21px;margin-bottom:13px}.card>label{display:block;font-size:8px;letter-spacing:1.2px;color:#807564;font-weight:700;margin:17px 0 9px}.card input:not([type=file]),.card textarea,.ruleform input,.ruleform select,.ruleform textarea{width:100%;padding:11px;border:1px solid #e2d9cc;border-radius:5px;background:#fffefa;font-size:10px;outline:none}.card textarea{min-height:110px;resize:vertical}.types{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.types button{display:flex;align-items:center;gap:8px;text-align:left;padding:12px;border:1px solid #e4dbce;border-radius:6px;background:#fffefa;color:#726858;font-size:9px}.types button svg{width:18px}.types button.chosen{border-color:#98734d;background:#f7f0e6;color:#805a35}.drop{min-height:150px;border:1px dashed #cdbda8;border-radius:7px;background:#fbf8f1;display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:7px;cursor:pointer}.drop svg{color:#9d7954}.drop b{font-size:10px}.drop small{font-size:8px;color:#958a7c}.drop u{font-size:9px;color:#946b43}.drop input{display:none}.primary{background:#292820;color:#fff;border:1px solid #292820;border-radius:5px;padding:10px 14px;font-size:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary svg,.action svg{width:15px}.primary:hover{background:#51493c}.wide{width:100%;margin-top:20px}.hint{font-size:8px;color:#948a7c;display:block;margin-top:12px}.report{display:flex;align-items:center;gap:20px}.score{width:90px;height:90px;border:6px solid #c8a77e;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.score b{font:800 25px Manrope}.score small{font-size:6px;color:#8c8174}.report h2{font:700 15px Manrope;margin:8px 0 4px}.report p{font-size:9px;color:#81796e;line-height:1.6;margin:0}.warning{color:#b85d43;font-size:9px;font-weight:700}.good{color:#4d8056;font-size:10px}.finding{padding:13px 0;border-top:1px solid #eee7dc}.finding b{font-size:9px;color:#a45b43}.finding p,.finding small{font-size:9px;color:#82796d;line-height:1.5}.reportactions{display:flex;justify-content:flex-end;gap:9px}.action{border:1px solid #d6c9b8;background:#fffdf8;color:#715b42;padding:9px 12px;border-radius:5px;font-size:9px;display:inline-flex;align-items:center;gap:6px}.done{text-align:center;padding:45px 20px}.done>svg{color:#4c8556;width:35px;height:35px}.done p{font-size:10px;color:#81796e}.done>b,.done>small{display:block;margin:10px;color:#855e3c}.done .primary{margin-top:15px}.portal{min-height:100vh;background:#f7f4ee}.side{position:fixed;inset:0 auto 0 0;width:235px;background:#292820;color:#eee7dc;padding:22px 16px;display:flex;flex-direction:column;z-index:5}.sidebrand{font:800 13px Manrope;letter-spacing:2px;padding:0 6px 25px;display:flex;align-items:center;gap:8px}.sidebrand svg{color:#d2b18b}.workspace{background:#39372f;border:1px solid #4c483e;padding:12px;border-radius:5px;font-size:9px;margin-bottom:25px}.side>small{font-size:8px;letter-spacing:1.2px;color:#aaa092;margin:0 8px 9px}.side>button,.sidebottom button{border:0;background:none;color:#c4bcad;text-align:left;padding:11px 9px;border-radius:5px;display:flex;align-items:center;gap:10px;font-size:10px}.side>button.selected,.side>button:hover{background:#454238;color:#e8c9a2}.sidebottom{margin-top:auto}.sidebottom p{font-size:9px;line-height:1.6;color:#c5b9a5;background:#38362e;padding:13px;border-radius:5px}.portal main{margin-left:235px;padding:32px 35px 0;min-height:100vh;display:flex;flex-direction:column}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pagehead small{font-size:8px;letter-spacing:1.3px;color:#98734d}.pagehead h1{font:800 26px Manrope;margin:8px 0 4px}.pagehead p{font-size:10px;color:#81796d;margin:0}.admin{font-size:9px;color:#786e60}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:15px}.metric{background:#fffdf8;border:1px solid #e6ddcf;border-radius:7px;padding:15px;display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center}.metric>span{grid-row:span 2;width:36px;height:36px;border-radius:7px;background:#f1e7d8;color:#987149;display:grid;place-items:center;font-size:20px}.metric small{font-size:8px;color:#82796d}.metric b{font:800 21px Manrope}.cols{display:grid;grid-template-columns:1.2fr .8fr;gap:13px}.cols .card{min-width:0}.card h3{font:700 13px Manrope;margin:0}.card>p{font-size:8px;color:#8e8579;margin:5px 0}.tablewrap{overflow-x:auto;margin-top:13px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:7px;letter-spacing:1px;color:#9a9082;padding:9px 7px;border-bottom:1px solid #eee7dd}td{font-size:8px;color:#756c60;padding:10px 7px;border-bottom:1px solid #f0e9df}td b{font-size:8px;color:#403a31;display:block}td small{display:block;color:#a09688;font-size:7px;margin-top:3px}.status{display:inline-block;border-radius:15px;padding:4px 7px;font-size:7px;background:#f7ede0;color:#b37b40;white-space:nowrap}.status.ok{background:#e9f0e6;color:#54805a}.status.ticket{background:#f6e8e3;color:#b65f4b}.textbtn{border:0;background:none;color:#936b43;font-size:9px;margin-top:10px}.ticketrow{padding:12px 0;border-bottom:1px solid #eee7dc;display:grid;gap:6px}.ticketrow b{font-size:9px}.ticketrow small{font-size:8px;color:#928879}.rulebanner{display:flex;align-items:center;gap:12px;background:#eee8dc;border:1px solid #e1d5c4;border-radius:7px;padding:13px;margin:15px 0}.rulebanner>svg{color:#856443}.rulebanner span{flex:1}.rulebanner b,.rulebanner small{display:block}.rulebanner b{font-size:9px}.rulebanner small{font-size:8px;color:#897f71;margin-top:4px}.rulebanner button{border:1px solid #cbbda9;background:none;color:#72583c;padding:8px;font-size:8px}.rulehead{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px}.rulehead h3{font:700 14px Manrope;margin:0}.rulehead small{font-size:8px;color:#8c8275}.uploadbtn{display:flex;align-items:center;gap:6px;font-size:8px;color:#765c3f;cursor:pointer}.uploadbtn input{display:none}.rule{display:flex;gap:12px;align-items:center}.rule>div{flex:1}.rule small{display:block;color:#97744f;font-size:8px}.rule b{font-size:10px;display:block;margin-top:5px}.rule p{font-size:9px;color:#82796d;margin:5px 0 0}.rule>button{border:1px solid #e8dfd3;background:#fffefa;border-radius:4px;padding:7px;color:#827563}.ruleform{display:grid;gap:9px}.ruleform h3{margin-bottom:5px}.ruleform textarea{min-height:80px}.ticketdetail>div{display:flex;justify-content:space-between}.ticketdetail p,.ticketdetail small{font-size:9px;color:#81796d}.search{padding:10px;border:1px solid #e2d9cc;border-radius:5px;margin-bottom:12px;font-size:9px}.portalfoot{margin-top:auto;padding:16px 0;border-top:1px solid #e8dfd3;color:#a19789;font-size:7px;letter-spacing:1px;display:flex;justify-content:space-between}.hamb,.shade{display:none}.toast{position:fixed;bottom:20px;right:20px;background:#292820;color:#fff;padding:12px;border-radius:5px;font-size:9px;z-index:9}.toast button{background:none;border:0;color:#fff;margin-left:10px}@media(max-width:900px){.portal main{padding:25px 18px 0}.cols{grid-template-columns:1fr}.side{width:210px}.portal main{margin-left:210px}}@media(max-width:680px){.landing article{padding:45px 0}.landing h1{font-size:39px}.roles{grid-template-columns:1fr}.landing>footer span{display:none}.employee>header{padding:0 4%}.employee>header>b{margin:0}.employee>header>span{display:none}.empwrap{margin:28px auto}.types{grid-template-columns:1fr}.report{align-items:flex-start;padding:14px;gap:12px}.score{width:75px;height:75px}.report h2{font-size:13px}.reportactions{flex-direction:column}.reportactions button{justify-content:center}.side{transform:translate(-100%);transition:.2s;width:245px}.side.show{transform:translate(0)}.shade{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0007;z-index:4}.portal main{margin:0;padding:15px 13px 0}.hamb{display:block;border:0;background:none;color:#554d41;margin-bottom:16px}.pagehead h1{font-size:21px}.admin{display:none}.metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:10px;grid-template-columns:30px 1fr;gap:7px}.metric>span{width:29px;height:29px}.metric b{font-size:18px}.rulebanner{flex-wrap:wrap}.rulebanner span{min-width:70%}.rulebanner button{margin-left:35px}.portalfoot span{display:none}.landing-trust{line-height:2}.rulehead{gap:8px}.rulehead .primary{font-size:8px;padding:8px}.card{padding:14px}.ticketdetail>div{gap:8px}.portalfoot{margin-top:25px}}
