@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;background:#f3f7f8;color:#1b3c4c;font-family:DM Sans,sans-serif;font-size:13px}button,input,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#123b50;color:#e8f1f4;padding:25px 16px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 38px}.brandmark{width:41px;height:41px;border-radius:12px;background:#1d6074;display:grid;place-items:center;color:#e1f4f2}.brand b{font:800 18px Manrope;display:block}.brand small{font-size:9px;letter-spacing:1.5px;color:#a9c3ce}.navlabel,.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#7e98a2}.navlabel{padding:0 11px 12px;color:#9bb5bf}.nav{display:flex;align-items:center;gap:12px;border:0;background:none;color:#c5d8de;padding:13px 12px;border-radius:8px;text-align:left;font-weight:600;margin:3px 0}.nav svg{width:17px}.nav.active,.nav:hover{background:#1d5065;color:#fff}.sidebottom{margin-top:auto;border-top:1px solid #31596b;padding-top:15px}.user{padding:4px 9px 13px;font-weight:700}.user small{display:block;color:#a9c3ce;font-weight:400;margin-top:3px}.logout{border:0;background:none;color:#c5d8de;display:flex;gap:8px;align-items:center;padding:8px}.shell main{margin-left:238px;min-height:100vh;display:flex;flex-direction:column}.shell header{height:65px;background:#fff;border-bottom:1px solid #e5edef;display:flex;align-items:center;justify-content:space-between;padding:0 34px;color:#8ca0a8;font-size:12px}.shell header b{color:#34515f}.shell header small{font-size:11px}.content{width:100%;max-width:1450px;padding:32px 36px;flex:1;margin:auto}.heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:24px}.heading h1,.loginbox h1{font:800 29px Manrope;letter-spacing:-1px;margin:6px 0;color:#173b4c}.heading p,.loginbox>p{color:#84979e;margin:0;font-size:12px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:7px;padding:11px 15px;font-size:11px;font-weight:700}.primary{background:#176b72;color:#fff}.primary:hover{background:#105960}.primary:disabled{opacity:.6}.secondary{background:#edf2f3;color:#58717b}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:18px}.stat,.panel{background:#fff;border:1px solid #e5edef;border-radius:11px}.stat{padding:16px 18px}.stat small,.stat b{display:block}.stat small{font-size:10px;color:#81969e;margin-bottom:6px}.stat b{font:800 20px Manrope;color:#1d4354}.columns{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(370px,1.5fr);gap:16px}.panel{overflow:hidden}.panelhead{padding:17px 19px;display:flex;align-items:center;justify-content:space-between;color:#294b5a}.panelhead small{color:#91a2a8;font-size:10px}.search{margin:0 14px 10px;border:1px solid #e4ebed;background:#fafcfc;border-radius:7px;padding:0 9px;height:37px;display:flex;align-items:center;gap:8px;color:#93a5ab}.search input{border:0;outline:0;background:none;width:100%;font-size:11px}.list{padding:0 8px 9px;max-height:570px;overflow:auto}.customer{width:100%;border:0;background:#fff;border-radius:8px;display:flex;align-items:center;text-align:left;gap:10px;padding:10px;color:#8ca0a8}.customer:hover,.customer.chosen{background:#eff7f6}.customer.chosen{box-shadow:inset 3px 0 #398985}.customer>span:nth-child(2){flex:1}.customer b,.customer small{display:block}.customer b{font-size:11px;color:#2b4c5a}.customer small{font-size:10px;color:#91a2a8;margin-top:3px}.initial{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:9px;background:#e9f1f2;color:#39717a;font-size:11px;font-weight:700}.detail{padding:21px 23px;min-height:470px}.profiletop{display:flex;justify-content:space-between;gap:12px}.profiletop h2{font:800 21px Manrope;margin:5px 0;color:#193e50}.profiletop p{display:flex;align-items:center;gap:5px;color:#8499a0;font-size:11px;margin:0}.tools{display:flex;gap:6px}.icon{width:33px;height:33px;border:1px solid #e6edef;border-radius:7px;background:#fff;color:#6b858e;display:grid;place-items:center}.icon:hover{background:#eff6f5}.contacts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.contacts>div{display:flex;align-items:center;gap:9px;color:#64858a}.contacts span{font-size:11px;color:#395968;overflow-wrap:anywhere}.contacts small{display:block;color:#95a5aa;font-size:8px;letter-spacing:1px;margin-bottom:3px}hr{border:0;border-top:1px solid #edf1f2;margin:18px 0}.tag{font-size:8px;letter-spacing:1px;background:#edf6f4;color:#53857f;padding:5px 7px;border-radius:4px}.dockpreview{height:180px;border-radius:9px;background-color:#eaf3f4;background-image:linear-gradient(#dcebed 1px,transparent 1px),linear-gradient(90deg,#dcebed 1px,transparent 1px);background-size:21px 21px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#8ca8ad;font-size:8px;letter-spacing:1.3px;font-weight:700}.dockdraw{width:145px;height:86px;border:3px solid #967249;background:repeating-linear-gradient(0deg,#c89e68 0,#c89e68 8px,#b98d5a,#b98d5a 10px);display:grid;place-items:center;color:#fff;position:relative}.dockdraw:after{content:"";position:absolute;width:40px;height:31px;right:-42px;top:25px;border:3px solid #967249;background:repeating-linear-gradient(0deg,#c89e68 0,#c89e68 8px,#b98d5a,#b98d5a 10px)}.hint{font-size:10px;color:#8a9da4;line-height:1.5}.notes{font-size:11px;color:#7e929a;white-space:pre-wrap}.empty{padding:25px;text-align:center;color:#92a2a8;font-size:11px}.empty.big{min-height:400px;display:grid;place-items:center;line-height:1.6}.fields{padding:5px 19px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.fields label,.loginbox label{display:flex;flex-direction:column;gap:6px;color:#627c85;font-size:10px;font-weight:700}.fields input,.fields textarea,.loginbox input{border:1px solid #dfe8ea;border-radius:7px;padding:10px;font-size:12px;color:#284958;outline:0;width:100%}.fields input:focus,.fields textarea:focus,.loginbox input:focus{border-color:#69a7a2}.fields .full{grid-column:1/-1}.fields textarea{resize:vertical}.formactions{display:flex;justify-content:flex-end;gap:8px;padding:17px 19px;border-top:1px solid #edf1f2;margin-top:14px}.clockcolumns{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(380px,1.4fr);gap:16px}.clockcard{text-align:center;padding:30px;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:350px}.bigtime{font:800 53px Manrope;letter-spacing:-2px;margin-top:16px}.clockcard p{font-size:11px;color:#899da4}.status{font-size:11px;color:#87999f;margin:12px}.status.ison{color:#328a69}.clockbutton{width:185px;padding:14px;border:0;border-radius:8px;background:#176b72;color:#fff;font-weight:700;margin:12px}.clockbutton.clockout{background:#a55b52}.clockcard>small:last-child{font-size:10px;color:#90a0a5}.date{display:flex;align-items:center;gap:7px;color:#7e949c;font-size:11px}.tablewrap{overflow:auto;padding:0 16px 14px}table{border-collapse:collapse;width:100%;min-width:460px;font-size:10px}th{text-align:left;color:#8a9da4;font-size:8px;letter-spacing:.7px;padding:11px 9px;border-bottom:1px solid #eaf0f1}td{padding:12px 9px;color:#526d78;border-bottom:1px solid #f0f3f4;white-space:nowrap}.emptycell{text-align:center;color:#91a2a8;padding:28px}.approve{border:1px solid #cfe3dd;background:#f1f8f5;color:#43866b;border-radius:5px;padding:5px 9px;font-size:9px}.approved{display:inline-flex;align-items:center;gap:3px;color:#43866b}.employees{padding:0 17px 17px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.employees>div{display:flex;align-items:center;gap:10px;border:1px solid #edf1f2;padding:12px;border-radius:8px}.employees>div>span:nth-child(2){flex:1}.employees b,.employees small{display:block}.employees b{font-size:11px}.employees small{font-size:9px;color:#91a2a8;margin-top:3px}.notice,.error{padding:10px 13px;border-radius:7px;margin-bottom:13px;font-size:11px}.notice{background:#eaf6f0;color:#36785c}.error{background:#fff0ef;color:#a54f4a}.notice button,.error button{float:right;border:0;background:none;color:inherit}.shell footer{padding:17px 36px;color:#9aa9ae;font-size:10px}.login{min-height:100vh;background:radial-gradient(circle at 15% 10%,#245d6c,#123b50 55%,#0d2e40);display:grid;place-items:center;padding:20px}.loginbox{width:min(410px,100%);background:#fff;border-radius:15px;padding:34px;box-shadow:0 20px 70px #09253355}.loginbox .brand{padding:0 0 31px}.loginbox>p{margin-bottom:22px}.loginbox form{display:grid;gap:14px}.loginbox .primary{width:100%;margin-top:5px}.demo{margin-top:22px;padding:12px;background:#f2f7f7;border-radius:7px;font-size:10px;line-height:1.7;color:#637b84}.demo small{color:#a17c73}.login footer{position:fixed;bottom:17px;color:#bed0d5;font-size:10px}.menubtn{display:none;border:0;background:none;color:#496a76}@media(max-width:950px){.content{padding:26px 20px}.columns,.clockcolumns{grid-template-columns:1fr}.list{max-height:300px}}@media(max-width:700px){.sidebar{transform:translate(-100%);transition:.2s;box-shadow:10px 0 25px #0002}.sidebar.open{transform:translate(0)}.shell main{margin:0}.shell header{height:58px;padding:0 15px}.menubtn{display:block}.shell header small{display:none}.content{padding:23px 14px}.heading{align-items:flex-start;flex-direction:column}.heading>.primary{width:100%}.stats{grid-template-columns:1fr 1fr}.stats .stat:last-child{display:none}.fields{grid-template-columns:1fr}.fields .full{grid-column:auto}.contacts,.employees{grid-template-columns:1fr}.loginbox{padding:27px 22px}}.drawinglist{display:grid;gap:8px;margin:12px 0}.drawingrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e1e8ec;border-radius:9px}.drawingrow span{display:grid;gap:3px}.drawingrow small{font-size:11px;color:#71818c}.smallbtn{font-size:12px;padding:7px 10px}.designerModal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#f3f6f8;display:flex;flex-direction:column}.designerTop{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#fff;border-bottom:1px solid #dce4e9}.designerTop>div{display:grid;gap:2px}.designerTop small{font-size:12px;color:#71818c}.designerModal iframe{border:0;width:100%;height:calc(100% - 58px);background:#f3f6f8}@media(max-width:600px){.designerTop{padding:7px 10px}.designerModal iframe{height:calc(100% - 58px)}}.headingActions{display:flex;gap:8px;flex-wrap:wrap}.timeActions{display:flex;align-items:center;gap:7px}.employees>div .icon{margin-left:4px}.designerModal{background:#fff}.drawingrow{align-items:center;justify-content:flex-start}.drawingrow .drawingmeta{flex:1;min-width:90px}.dockthumb{width:118px;height:76px;flex:0 0 118px;border:1px solid #dce7e9;border-radius:7px;background-color:#fbfdfd;background-image:linear-gradient(#e9f0f1 1px,transparent 1px),linear-gradient(90deg,#e9f0f1 1px,transparent 1px);background-size:12px 12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.dockthumb svg{width:100%;height:100%;padding:5px}.emptythumb{font-size:9px;color:#9aabad}.formPanel{margin:0 0 16px}.formPanel .fields{padding-top:7px;padding-bottom:10px}.fields select,.filterbar select,.filterbar input{border:1px solid #dfe8ea;border-radius:7px;padding:9px;font-size:12px;color:#284958;background:#fff;min-width:140px}.optional{font-weight:400;color:#93a2a8}.filterbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:0 18px 15px}.filterbar label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#607985;font-weight:700}.weeklyPanel{margin-bottom:16px}.weekheadline{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:0 19px 14px;color:#58717b;font-size:11px}.weekheadline b{color:#264d5d}.weekheadline span{flex:1}.weekheadline strong{font:800 21px Manrope;color:#176b72}.dailygrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;padding:0 18px 15px}.dailygrid>div{background:#f4f8f8;border:1px solid #e6eeee;border-radius:8px;padding:10px 7px;text-align:center;display:grid;gap:4px}.dailygrid small{font-size:9px;color:#82979d}.dailygrid b{font:800 16px Manrope;color:#2a5360}.dailygrid span{font-size:9px;color:#98a8ac}.weekfoot{border-top:1px solid #edf1f2;padding:12px 18px;display:flex;justify-content:space-between;color:#84989f;font-size:10px}.weekfoot b{color:#315c66}.tablehint{padding:0 18px 14px}.tablewrap td{font-variant-numeric:tabular-nums}.snapoption{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#536573}@media(max-width:700px){.drawingrow{flex-wrap:wrap}.drawingrow .dockthumb{width:100%;height:110px;flex-basis:100%}.dailygrid{grid-template-columns:repeat(4,minmax(0,1fr))}.filterbar{align-items:stretch}.filterbar label{flex:1;min-width:125px}.weekheadline strong{width:100%}.weekfoot{gap:8px;flex-wrap:wrap}}.drawingactions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.drawingactions .smallbtn{gap:6px}.panelhead>span{display:grid;gap:5px}.panelhead>span>b{line-height:1.35}.panelhead>span>small{display:block;line-height:1.45}.drawingrow .drawingactions{margin-left:auto}.stats,.stats-grid,.dashboard-stats{display:none!important}