@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{color:#23313d;background:#f5f7f9;margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;color:#fff;background:#16786e;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.button:hover{filter:brightness(.96)}button:disabled{opacity:.45;cursor:wait}.secondary{color:#344854;background:#fff;border:1px solid #dce3e7}.textbtn{color:#397a74;background:0 0;border:0;padding:7px}input,select,textarea{color:#263b47;background:#fff;border:1px solid #dbe2e6;border-radius:7px;min-width:0;padding:11px}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #71b9ae}textarea{resize:vertical;min-height:80px}p{color:#78848d;line-height:1.6}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{letter-spacing:-1px;margin:8px 0;font-size:30px}h2{margin:0;font-size:17px}h3{font-size:15px}small{color:#84909a;font-size:12px}.shell{min-height:100vh;display:flex}aside{color:#d6e0e3;z-index:5;background:#122d34;flex-direction:column;width:244px;padding:32px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 9px;font-family:Manrope;font-size:25px;font-weight:800;display:flex}.brandicon{color:#bcf1e5;background:#2a8278;border-radius:10px;padding:8px;display:flex}.brand span{letter-spacing:1.4px;color:#9bb7bc;margin-top:4px;font-size:8px;display:block}.workspace{letter-spacing:1.6px;color:#74969f;margin:45px 14px 18px;font-size:10px}nav{gap:7px;display:grid}nav button{color:#a7bec5;background:0 0;justify-content:flex-start;padding:13px 12px;font-size:13px;font-weight:500}nav button.active{color:#fff;background:#24464c;box-shadow:inset 3px 0 #6ecdb8}nav b{background:#36595e;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px}.asidebottom{border-top:1px solid #2c454c;align-items:center;gap:10px;margin-top:auto;padding-top:24px;display:flex;overflow:hidden}.asidebottom strong{word-break:break-word;font-size:11px;display:block}.asidebottom small{color:#8eabb2;margin-top:5px;display:block}.avatar{background:#35555c;border-radius:50%;padding:10px;font-size:12px}main{width:calc(100% - 244px);margin-left:244px}header{background:#fff;border-bottom:1px solid #e3e8eb;justify-content:space-between;align-items:center;height:76px;padding:0 38px;font-size:12px;display:flex}header>div{align-items:center;gap:16px;display:flex}header span{color:#819099}header strong{font-weight:500}.online{align-items:center;gap:8px;display:flex}.online i{background:#319482;border-radius:100%;width:7px;height:7px}.content{max-width:1600px;margin:auto;padding:37px 38px}.heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.heading p{margin:0}.eyebrow{letter-spacing:1.6px;color:#698b89;font-size:9px;font-weight:700}.heading>button{flex-shrink:0}.stats{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px;display:grid}.stat{color:#33424d;text-align:left;background:#fff;border:1px solid #e1e7ea;border-radius:11px;padding:21px;font-weight:500;display:block}.stat>div{justify-content:space-between;gap:12px;font-size:12px;display:flex}.stat svg{color:#5f9a91}.stat>strong{font-family:Manrope;font-size:34px;font-weight:600;line-height:1.8;display:block}.stat>small{font-size:10px}.banner{background:#e8f1ef;border:1px solid #d8e7e3;border-radius:10px;align-items:center;gap:20px;margin:26px 0;padding:23px;display:flex}.bannericon{color:#3b8a7e;background:#fff;border-radius:10px;padding:12px;display:flex}.banner h3{color:#2a5f59;margin:0 0 4px}.banner p{color:#6b8884;margin:0;font-size:12px}.banner>button{margin-left:auto;font-size:11px}.panel{background:#fff;border:1px solid #e0e7ea;border-radius:11px;overflow:hidden}.panelhead{justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.panelhead p{margin:6px 0 0;font-size:12px}.panelhead .textbtn{font-size:11px}.filters{flex-wrap:wrap;gap:10px;padding:0 24px 20px;display:flex}.filters>select{flex:1;font-size:11px}.search{color:#96a2aa;border:1px solid #dbe2e6;border-radius:7px;flex:2;align-items:center;min-width:210px;padding-left:12px;display:flex}.search input{border:0;width:100%;font-size:11px}.filters label{align-items:center;gap:5px;font-size:11px;display:flex}.filters input[type=date]{font-size:11px}.tablewrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}th{text-align:left;color:#8a959d;background:#f8fafb;border-block:1px solid #edf0f2;padding:14px 23px;font-size:10px;font-weight:500}td{border-bottom:1px solid #edf0f2;padding:20px 23px}tbody tr:hover{cursor:pointer;background:#fafcfc}td strong{font-size:12px;font-weight:500;display:block}td small{margin-top:7px;font-size:10px;display:block}.badge{white-space:nowrap;color:#6d7e87;background:#eef2f4;border-radius:5px;padding:6px 9px;font-size:10px;font-weight:600;display:inline-block}.s0{color:#587fa9;background:#eaf1fa}.s1{color:#717bae;background:#edf0fc}.s2,.s3,.s4{color:#ad8339;background:#fff3de}.s5{color:#39816b;background:#e6f4ee}.type{color:#697e87;background:#f1f5f6;border-radius:4px;padding:5px 8px;font-size:10px;display:inline-block}.empty{text-align:center;color:#8ca5a9;width:100%;padding:55px 25px}.empty>svg{margin:auto}.empty h3{color:#445c64;margin-bottom:5px}.empty p{font-size:12px}.empty button{margin-top:12px}.cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.equipment{background:#fff;border:1px solid #e0e7ea;border-radius:10px;padding:24px}.equiptop{color:#438f83;justify-content:space-between;margin-bottom:23px;display:flex}.equipment p{font-size:12px}.equipment dl{border-block:1px solid #edf0f2;grid-template-columns:1fr 1fr;gap:15px;padding:20px 0;font-size:12px;display:grid}.equipment dt{color:#93a0a6}.equipment dd{text-align:right;margin:0}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.equipment .actions{justify-content:space-between}footer{color:#9ba6ac;justify-content:space-between;margin-top:32px;font-size:10px;display:flex}.focusbar{align-items:center;gap:15px;padding:15px 0;display:flex}.focusbar>span{margin-right:auto}.overdue{color:#b75c4f}.overlay{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b222b99;justify-content:center;align-items:flex-start;padding:35px 15px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:#fff;border-radius:15px;width:580px;max-width:100%;padding:26px;box-shadow:0 20px 70px #10232933}.modal.wide{width:850px}.modalhead{border-bottom:1px solid #e5eaed;justify-content:space-between;align-items:center;margin-bottom:23px;padding-bottom:18px;display:flex}.field{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.field>span{color:#5c717c;font-size:12px;font-weight:500}.grid2{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.formactions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.hint{color:#8d9b9f;font-size:12px}.error{color:#ad4e38;background:#fff0ed;border:1px solid #efc8bf;border-radius:7px;margin:15px 0;padding:13px;line-height:1.5}.qrprint{text-align:center}.qrprint a{word-break:break-all;font-size:12px}.qrprint .actions{justify-content:center;margin-top:25px}.reporttitle{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.reporttitle p{font-size:12px}.metadata{color:#87979f;background:#f6f8f9;border-radius:8px;gap:20px;margin:20px 0;padding:18px;font-size:11px}.metadata strong{color:#445d68;margin-top:6px;font-size:12px;font-weight:500;display:block}.photos{flex-wrap:wrap;gap:12px;display:flex}.photos a{color:#6c828c;width:140px;font-size:10px;text-decoration:none}.photos img{object-fit:cover;border-radius:7px;width:140px;height:110px}.photos span{margin:5px 0 12px;display:block}.upload{margin:20px 0 30px}.upload select{font-size:12px}.report h3{margin-top:25px}.signature{touch-action:none;background:#fafcfc;border:1px dashed #99b7b1;border-radius:8px;width:100%;height:145px}.signed{object-fit:contain;border-bottom:1px solid #ccd9d6;width:350px;max-width:100%;height:90px}.accept{background:#eff7f4;border:1px solid #d9e9e2;border-radius:10px;margin-top:25px;padding:20px}.accept h3{align-items:center;gap:9px;margin-top:0;display:flex}.confirm{align-items:flex-start;gap:10px;margin:15px 0;font-size:12px;line-height:1.6;display:flex}.timeline{margin-bottom:25px}.timeline>div{border-left:2px solid #cee3dc;flex-direction:column;gap:5px;padding:8px 15px;font-size:12px;display:flex}.timeline small{font-size:10px}.preserve{white-space:pre-wrap;color:#4d626b}.mobile{display:none}@media (width<=1150px){aside{width:210px}main{width:calc(100% - 210px);margin-left:210px}.content{padding:28px 24px}.stats{gap:10px}.stat{padding:15px}.cards{grid-template-columns:repeat(2,1fr)}.banner{gap:12px}.banner p{max-width:260px}}@media (width<=800px){aside{display:none}aside.show{width:244px;display:flex;top:76px}.mobile{display:inline-flex}main{width:100%;margin:0}header{padding:0 16px}header>div{gap:9px}.content{padding:24px 16px}.heading{align-items:flex-start}.heading h1{font-size:25px}.heading .eyebrow{font-size:8px}.heading>button{padding:11px;font-size:0}.heading>button svg{width:22px;height:22px}.heading p{font-size:12px}.stats{grid-template-columns:1fr 1fr}.banner{padding:18px}.banner>button{padding:10px;font-size:0}.banner p{font-size:11px}.bannericon{display:none}.panelhead{padding:20px 16px}.filters{padding:0 16px 16px}.panelhead .textbtn{max-width:110px}.cards{grid-template-columns:1fr}.modal{padding:20px}.overlay{padding:12px 8px}.grid2{grid-template-columns:1fr}.metadata{grid-template-columns:1fr 1fr}.reporttitle{flex-direction:column}.online{font-size:10px}.heading{gap:12px}footer span{display:none}}@media print{@page{size:A4;margin:15mm}body{background:#fff}.shell>aside,.shell>main{display:none}.overlay{background:0 0;padding:0;display:block;position:static;overflow:visible}.modal{box-shadow:none;padding:0;width:100%!important}.modalhead,.formactions,.printbutton,.upload,.report form,.qrprint .actions{display:none}.report{font-size:11px}.photos img{max-height:110px}.accept,.metadata{break-inside:avoid}.modal .error{display:none}.report h3{break-after:avoid}.qrprint{padding-top:25mm}.qrprint>a{font-size:10px}.report .signed{break-inside:avoid}}.loginpage{background:radial-gradient(at 0 0,#22534f,#102c34);place-items:center;min-height:100vh;padding:30px;display:grid}.logincard{background:#fff;border-radius:16px;width:440px;max-width:100%;padding:36px;box-shadow:0 20px 50px #081e2466}.loginbrand{color:#16786e;margin-bottom:28px;font-family:Manrope,Arial;font-size:27px;font-weight:800}.loginbrand span{letter-spacing:1.8px;margin-top:4px;font-size:8px;display:block}.logincard h1{font-size:24px}.logincard>p{font-size:13px}.notice{color:#286957;background:#edf8f3;border:1px solid #b6d9cd;border-radius:8px;margin:12px 0;padding:13px}
