:root{--ink:#171717;--muted:#767676;--border:#e6e6e6;--bg:#f6f6f5;--white:#fff;--subtle:#f0f0ef;--success:#20674e;--warn:#9a611f;--danger:#9b3434;--shadow:0 6px 28px rgba(10,10,10,.035)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font:15px/1.48 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}img{max-width:100%}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #555;outline-offset:2px}.shell{min-height:100vh;display:flex}.sidebar{width:254px;min-width:254px;padding:27px 15px 22px;background:#161616;color:#fff;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand-card{background:#fff;border-radius:9px;padding:17px 15px 14px;margin:0 6px 30px}.brand-card img{display:block;width:100%;mix-blend-mode:multiply}.brand-card span{display:block;letter-spacing:.24em;font-weight:700;font-size:9px;color:#555;text-align:center;margin-top:9px}.navlinks{display:flex;flex-direction:column;gap:5px}.nav-link{border:0;background:transparent;color:#bcbcbc;text-align:left;padding:13px 15px;font-size:14px;border-radius:9px;display:flex;align-items:center;gap:11px}.nav-link:hover,.nav-link.active{background:#2d2d2d;color:#fff}.nav-symbol{font-size:21px;line-height:1;width:24px;text-align:center}.sidebar-footer{margin-top:auto;padding:15px 14px 6px;color:#bcbcbc;border-top:1px solid #363636;font-size:12px;line-height:1.8}.sidebar-footer small{display:block;margin-top:12px;color:#838383;font-size:10px}.status-dot{display:inline-block;width:7px;height:7px;background:#a1a1a1;border-radius:50%;margin-right:7px}.workspace{width:calc(100% - 254px);min-width:0}.topbar{height:84px;border-bottom:1px solid var(--border);background:#fff;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.top-title{display:flex;flex-direction:column;gap:2px}.top-title strong{font-size:17px;font-weight:650}.top-title small{font-size:12px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:13px}.connection{font-size:12px;color:#555;white-space:nowrap}.icon-btn{border:1px solid var(--border);border-radius:9px;background:#fff;width:36px;height:36px;font-size:22px}.mobile-brand{display:none}.bottom-nav{display:none}main{max-width:1260px;margin:auto;padding:31px 34px 90px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#777;font-size:10px;font-weight:800}.page-title{font-size:31px;letter-spacing:-.045em;margin:4px 0 8px;font-weight:720;line-height:1.2}.lede{color:var(--muted);margin:0 0 25px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:25px}.btn{border-radius:9px;border:1px solid var(--border);background:#fff;min-height:41px;padding:9px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#232323;font-weight:620;font-size:13px;text-decoration:none}.btn:hover{background:#f8f8f8}.btn.primary{background:#171717;border-color:#171717;color:#fff}.btn.primary:hover{background:#353535}.btn.danger{color:var(--danger);border-color:#ebcdcd}.btn.small{padding:6px 11px;min-height:34px;font-size:12px}.btn.block{width:100%}.btn.light{background:var(--bg)}.btn:focus-visible{outline-offset:3px}.action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0 30px}.stat-card,.panel,.form-card,.list-card{border:1px solid var(--border);background:#fff;border-radius:14px;box-shadow:var(--shadow)}.stat-card{padding:21px 23px}.stat-card small{color:#777;font-size:12px;display:block}.stat-card strong{font-size:33px;line-height:1.4;font-weight:650;letter-spacing:-.05em}.stat-card .metric-foot{font-size:11px;color:#aaa}.section-heading{font-size:18px;font-weight:650;letter-spacing:-.025em;margin:33px 0 14px}.templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.template{padding:20px;min-height:170px;border:1px solid var(--border);background:#fff;border-radius:13px;text-align:left;display:flex;flex-direction:column;align-items:start;gap:14px;box-shadow:var(--shadow)}.template:hover{border-color:#111;transform:translateY(-1px)}.template-icon{width:37px;height:37px;background:#f1f1f0;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.template b{font-size:14px;line-height:1.4}.template span:last-child{color:#777;font-size:12px;margin-top:auto}.panel{padding:20px}.panel h3,.form-card h3{margin:0 0 8px;font-size:16px}.panel p{color:#777;margin:6px 0 0;font-size:13px}.tip{border-left:3px solid #333;background:#f1f1f0;padding:13px 15px;border-radius:0 8px 8px 0;color:#444;font-size:13px;line-height:1.6}.muted{color:var(--muted)}.smallmuted{color:#888;font-size:12px}.note{font-size:12px;color:#717171}.list-card{overflow:hidden}.record-item{padding:17px 21px;display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid var(--border)}.record-item:last-child{border-bottom:0}.record-item:hover{background:#fbfbfb}.record-info{min-width:0;flex:1}.record-info b{font-size:14px;display:block;overflow-wrap:anywhere}.record-info small{display:block;color:#888;margin-top:4px;font-size:12px}.record-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.chip{border-radius:100px;background:#f0f0f0;color:#555;font-size:11px;font-weight:650;padding:5px 9px;white-space:nowrap}.chip.complete{background:#e8f1ec;color:#255e45}.chip.pending{background:#fff2e4;color:#955d1d}.search-row{display:flex;gap:10px;margin:16px 0}.search-row input{max-width:500px}.field,input[type=text],input[type=date],input[type=time],input[type=email],input[type=password],input[type=search],select,textarea{width:100%;padding:11px 12px;border:1px solid #d8d8d8;border-radius:9px;background:#fff;color:#202020;outline:none}textarea{resize:vertical;min-height:84px;line-height:1.45}select{min-height:45px}.field:focus,input:focus,select:focus,textarea:focus{border-color:#222}.field-block{display:flex;flex-direction:column;gap:6px}.field-block>label{font-size:12px;font-weight:660;color:#454545}.field-block small{font-size:11px;color:#777}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.form-card{padding:22px;margin-bottom:15px}.form-card h3{margin-bottom:5px}.card-sub{color:#888;font-size:12px;margin-bottom:19px}.form-title{font-size:24px;font-weight:690;letter-spacing:-.03em;margin:4px 0}.form-top{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:18px}.form-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;margin:17px 0 22px}.form-tab{white-space:nowrap;border:1px solid #dfdfdf;background:#fff;padding:10px 15px;border-radius:9px;font-size:12px;font-weight:600;color:#777}.form-tab.active{background:#171717;color:#fff;border-color:#171717}.form-tab .num{display:inline-grid;place-items:center;background:rgba(0,0,0,.07);border-radius:50%;width:20px;height:20px;margin-right:4px}.form-tab.active .num{background:#3a3a3a}.form-footer{display:flex;gap:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:17px 0;position:sticky;bottom:0;background:linear-gradient(to top,#f6f6f5 87%,transparent);z-index:3}.form-footer>div{display:flex;gap:8px;flex-wrap:wrap}.step-card{border:1px solid #e4e4e4;border-radius:10px;padding:15px;margin-bottom:13px}.step-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.step-head b{font-size:13px}.tiny-btn{background:none;border:none;font-size:12px;color:#925151;padding:4px 8px}.risk-row{display:grid;grid-template-columns:1fr 1fr .8fr;gap:12px}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check-row{display:flex;align-items:start;gap:10px;padding:12px;border:1px solid #eee;border-radius:9px;font-size:13px;line-height:1.35}.check-row input{width:17px;height:17px;accent-color:#222;flex-shrink:0;margin:1px 0}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.photo-card{border:1px solid #ddd;border-radius:9px;padding:9px;background:#fff;overflow:hidden}.photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;background:#eee}.photo-card input{font-size:12px;margin-top:8px}.photo-card .btn{margin-top:8px}.upload-box{border:1.5px dashed #aaa;padding:17px;border-radius:11px;display:flex;gap:12px;align-items:center;justify-content:center;cursor:pointer;text-align:center;background:#fbfbfb;font-weight:600;font-size:13px}.upload-box input{display:none}.upload-box:hover{border-color:#111}.signature-wrap{background:#fff;border:1px solid #cfcfcf;border-radius:10px;overflow:hidden;touch-action:none}.signature-wrap canvas{display:block;width:100%;height:180px;touch-action:none;cursor:crosshair}.signature-foot{display:flex;justify-content:space-between;margin-top:8px;align-items:center}.warning{border:1px solid #e8cfaa;background:#fff9f0;color:#865514;padding:12px 14px;border-radius:9px;font-size:12px;line-height:1.5}.success-box{background:#edf4ef;border:1px solid #cde0d3;color:#275f43;padding:13px;border-radius:9px;font-size:13px}.empty{padding:38px 20px;text-align:center;color:#888}.empty strong{font-size:16px;color:#333;display:block;margin-bottom:6px}.setting-block{margin:20px 0}.setting-block h3{font-size:16px}.divider{border:0;border-top:1px solid #e7e7e7;margin:19px 0}.toast{position:fixed;z-index:99;bottom:24px;left:50%;transform:translateX(-50%) translateY(25px);background:#171717;color:#fff;padding:12px 17px;border-radius:10px;font-size:13px;box-shadow:0 15px 35px #0003;opacity:0;pointer-events:none;max-width:min(90vw,550px);transition:all .25s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.status-pill{font-size:11px;color:#757575;border:1px solid #e5e5e5;background:#fff;border-radius:99px;padding:5px 10px}.hide{display:none!important}code{font-family:ui-monospace,monospace;background:#eee;padding:1px 5px;border-radius:3px;font-size:12px}.inline-img{max-height:74px;object-fit:contain}.two-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr);gap:20px}.subheading{font-weight:650;margin:0 0 14px}.helper{font-size:12px;color:#666;margin:9px 0}.print-only{display:none}.skeleton{height:100px;opacity:.3}.form-card input[readonly],.form-card textarea[readonly]{background:#fafafa;color:#6b6b6b}
@media(max-width:1000px){.templates{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:210px;min-width:210px}.workspace{width:calc(100% - 210px)}main{padding:25px 20px 95px}.topbar{padding:0 20px}.two-cols{grid-template-columns:1fr}}
@media(max-width:690px){.sidebar{display:none}.workspace{width:100%}.topbar{height:71px;padding:9px 16px}.top-title{display:none}.mobile-brand{display:block;width:138px;height:auto;max-height:43px;object-fit:contain}.top-actions{gap:8px}.connection{font-size:10px}.icon-btn{width:34px;height:34px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--border);z-index:15}.bottom-nav button{border:0;background:none;color:#999;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px}.bottom-nav button span{font-size:21px;line-height:1.2}.bottom-nav button.active{color:#171717;font-weight:750}main{padding:22px 15px 120px}.page-title{font-size:27px}.stats{gap:9px;margin:18px 0 25px}.stat-card{padding:13px}.stat-card strong{font-size:27px}.stat-card small{font-size:10px}.stat-card .metric-foot{font-size:9px}.templates{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.template{min-height:145px;padding:14px;gap:9px}.template b{font-size:12px}.template span:last-child{font-size:10px}.template-icon{width:31px;height:31px;font-size:17px}.page-head{align-items:start}.page-head .btn{font-size:12px}.record-item{padding:15px;align-items:start;flex-direction:column}.record-actions{width:100%}.grid-2,.grid-3{grid-template-columns:1fr}.form-card{padding:16px}.form-top{flex-direction:column}.form-title{font-size:21px}.checkbox-grid{grid-template-columns:1fr}.risk-row{grid-template-columns:1fr 1fr}.risk-row>.field-block:last-child{grid-column:1/-1}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-footer{bottom:61px;gap:5px;padding:11px 0}.form-footer .btn{font-size:12px;padding:8px 11px}.form-footer .status-pill{display:none}.search-row{margin-top:5px}.toast{bottom:95px}.section-heading{margin-top:24px}}
@media(max-width:370px){.templates{grid-template-columns:1fr 1fr}.template{padding:11px}.page-title{font-size:24px}.form-footer>div{gap:4px}}
@media(max-width:690px){.form-footer{position:static;bottom:auto;background:transparent;border-top:1px solid #ddd;margin-top:6px;padding:14px 0}.form-footer>div{width:100%;justify-content:flex-start}.form-footer .btn{flex-grow:0}.form-footer>div:last-child{justify-content:flex-end}}
@media(max-width:690px){.page-head>.btn.primary{white-space:nowrap;padding:9px 12px;font-size:11px;min-width:99px}}