@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#183341;background:#f3f6f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4,.brand strong{font-family:Manrope,DM Sans,sans-serif}a{color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex:none;background:#112a39;color:#eaf3f4;min-height:100vh;padding:28px 17px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:2px 6px;white-space:nowrap}.brand-mark{width:39px;height:39px;border-radius:10px;background:#5cc6c5;color:#102e3a;display:grid;place-items:center;transform:rotate(-8deg)}.brand-mark svg{transform:rotate(8deg)}.brand strong{display:block;font-size:14px;letter-spacing:-.45px;color:inherit}.brand span{display:block;color:#86adb6;font-weight:700;letter-spacing:1.75px;font-size:8px;margin-top:3px}.brand i{font-style:normal;color:#d9a855}.nav-label{font-size:10px;letter-spacing:1.65px;color:#678896;font-weight:800;margin:57px 15px 15px}.sidebar nav{display:grid;gap:5px}.sidebar nav button,.logout{border:0;background:transparent;color:#aabfc7;display:flex;align-items:center;gap:13px;width:100%;padding:13px 15px;text-align:left;font-size:13px;font-weight:700;border-radius:9px}.sidebar nav button:hover,.logout:hover{background:#1b3a4a;color:#fff}.sidebar nav button.active{color:#e0fcfa;background:#245668;box-shadow:inset 3px 0 #62c8c8}.sidebar-bottom{margin-top:auto}.sidebar-info{display:flex;gap:10px;align-items:center;background:#183948;padding:14px;border:1px solid #295361;border-radius:10px;color:#62c7c7;margin-bottom:16px}.sidebar-info strong{display:block;color:#e6f2f2;font-size:11px}.sidebar-info span{color:#8caeb7;font-size:10px}.logout{font-weight:600}.main{flex:1;min-width:0}.topbar{height:74px;border-bottom:1px solid #e3eaeb;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{display:flex;align-items:center;gap:8px;color:#8b9ea6;font-size:12px}.breadcrumb strong{color:#234454}.top-user{font-size:12px;font-weight:700;color:#3c5661;display:flex;align-items:center;gap:9px;text-transform:capitalize}.online{width:7px;height:7px;background:#46bca4;border-radius:50%;box-shadow:0 0 0 4px #e6f7ef}.content{max-width:1440px;margin:auto;padding:38px 42px 70px}.eyebrow{display:block;color:#188e92;font-weight:800;font-size:10px;letter-spacing:2px;margin-bottom:11px}.eyebrow.light{color:#8ce0de}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.page-heading h1{font-size:29px;letter-spacing:-1.25px;line-height:1.2;margin-bottom:9px;color:#153340}.page-heading p{color:#748c96;font-size:13px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:800;white-space:nowrap;min-height:43px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:#117b84;color:#fff;box-shadow:0 6px 14px #0a6a7622}.btn.primary:hover:not(:disabled){background:#09636d}.btn.secondary{background:#e7f4f3;color:#0b747b}.btn.secondary:hover{background:#d2eae8}.btn.subtle{border-color:#dce6e9;color:#53717c;background:#fff}.btn.subtle:hover{border-color:#86babe}.btn.full{width:100%}.btn.large{padding:14px 25px;font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card{background:#fff;padding:20px 21px 15px;border-radius:12px;border:1px solid #e5eced;box-shadow:0 4px 16px #17415306;min-height:153px;position:relative;overflow:hidden}.stat-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;margin-bottom:14px}.stat-icon.blue{color:#2b8294;background:#e7f4f7}.stat-icon.amber{color:#bd8934;background:#fff3df}.stat-icon.green{color:#26a281;background:#e8f8ef}.stat-icon.red{color:#cc7365;background:#fff0ed}.stat-card>span{font-size:11px;color:#79929b;font-weight:600}.stat-card strong{display:block;font-size:27px;line-height:1.2;margin-top:3px;color:#183845;letter-spacing:-1px}.stat-rule{position:absolute;bottom:0;left:0;right:0;height:3px;background:#e3eded}.stat-card:nth-child(2) .stat-rule{background:#e8be75}.stat-card:nth-child(3) .stat-rule{background:#71cfaa}.stat-card:nth-child(4) .stat-rule{background:#e7a39b}.feature-strip{background:linear-gradient(110deg,#143849,#1e5964);border-radius:13px;color:#fff;padding:23px 25px;display:flex;gap:19px;align-items:center;margin-bottom:28px;box-shadow:0 10px 22px #1a4a5a18}.feature-icon{background:#2f7880;color:#d5faf8;width:48px;height:48px;display:grid;place-items:center;border-radius:11px;flex:none}.feature-strip .eyebrow{font-size:9px;margin-bottom:5px}.feature-strip h3{font-size:15px;letter-spacing:-.3px;margin-bottom:4px}.feature-strip p{font-size:11px;color:#aaccd2;margin:0}.feature-arrow{margin-left:auto;border:1px solid #ffffff3f;color:#d6f4f3;border-radius:50%;background:transparent;width:37px;height:37px;display:grid;place-items:center;flex:none}.feature-arrow:hover{background:#ffffff20}.list-card,.form-card{background:#fff;border:1px solid #e3eaea;border-radius:12px;box-shadow:0 4px 19px #153e4b05}.list-top{display:flex;align-items:center;justify-content:space-between;padding:23px 25px 18px}.list-top h2{font-size:16px;margin-bottom:4px;letter-spacing:-.4px}.list-top p{font-size:11px;color:#94a7ad;margin:0}.text-button{border:0;background:transparent;display:inline-flex;align-items:center;gap:6px;color:#16868d;font-weight:800;font-size:11px;padding:7px}.text-button:hover{text-decoration:underline}.filters{display:flex;gap:12px;padding:0 25px 19px}.search-field{display:flex;align-items:center;gap:9px;border:1px solid #e0e9eb;border-radius:8px;padding:0 12px;width:min(370px,100%);color:#9aadb3}.search-field input{border:0;outline:0;min-width:0;width:100%;height:39px;color:#183341;background:transparent;font-size:11px}.filters select{border:1px solid #e0e9eb;border-radius:8px;background:#fff;padding:0 11px;color:#55707b;font-size:11px;min-width:155px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:790px}th{text-align:left;font-size:9px;letter-spacing:1px;color:#91a6af;font-weight:800;background:#f7f9f9;padding:12px 17px}th:first-child,td:first-child{padding-left:25px}td{padding:17px;border-bottom:1px solid #edf1f2;color:#536f7a;font-size:11px}tbody tr{cursor:pointer}tbody tr:hover,tbody tr:focus-visible{background:#f2f9f8;outline:none}td strong{display:block;color:#294654;font-size:11px;font-weight:800}td span:not(.badge):not(.badge-dot){display:block;color:#95a7ad;font-size:10px;margin-top:3px}.number-cell{color:#137e86;font-weight:800;display:flex;align-items:center;gap:9px;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:7px 9px;font-size:9px;font-weight:800;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.slate{color:#6d8390;background:#ecf1f3}.badge.amber{color:#a67320;background:#fff3dc}.badge.green{color:#138263;background:#def5e9}.badge.red{color:#bb6356;background:#fdece9}.pagination{padding:14px 24px;display:flex;align-items:center;justify-content:space-between;color:#9aabb1;font-size:10px}.pagination div{display:flex;gap:6px}.pagination button{border:1px solid #e3ebed;background:#fff;color:#64808b;border-radius:7px;width:30px;height:29px;display:grid;place-items:center}.pagination button:disabled{opacity:.4;cursor:not-allowed}.empty{min-height:220px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;color:#9eb0b7;font-size:12px}.empty strong{color:#536e79;font-size:13px}.alert{margin:0 0 18px;padding:13px 14px;border-radius:9px;font-size:11px;line-height:1.5;display:flex;align-items:flex-start;gap:9px;background:#fff0eb;color:#a65440;border:1px solid #f2d0c5}.alert.success{background:#e8f8f2;color:#247d62;border-color:#bde6d3}.alert span{flex:1}.alert button{background:transparent;border:0;color:inherit;padding:0}.form-view{max-width:1070px;margin:auto}.order-form{display:grid;gap:19px}.form-card{padding:26px 28px}.form-section-title{display:flex;gap:14px;align-items:center;margin-bottom:22px}.section-icon{width:41px;height:41px;background:#e7f5f5;color:#17848c;border-radius:10px;display:grid;place-items:center;flex:none}.form-section-title span{display:block;color:#168b92;font-size:9px;font-weight:800;letter-spacing:1.6px;margin-bottom:3px}.form-section-title h3{font-size:16px;letter-spacing:-.4px;margin-bottom:3px}.form-section-title p{font-size:11px;color:#91a5ad;margin:0}.form-grid{display:grid;gap:15px;margin-bottom:15px}.form-grid:last-child{margin-bottom:0}.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;min-width:0}.form-grid .field{margin-bottom:0}.field>span{font-size:11px;font-weight:800;color:#4c6671}.field em{font-style:normal;color:#d16e5f}.field input,.field textarea,.field select{border:1px solid #dce6e8;background:#fff;border-radius:8px;min-height:41px;padding:9px 11px;color:#173944;outline:none;font-size:12px;width:100%}.field textarea{resize:vertical;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus,.photo-card input:focus{border-color:#29a3a5;box-shadow:0 0 0 3px #3cb7b522}.field input::placeholder,.field textarea::placeholder{color:#b3c1c5}.field small{color:#9aadb4;font-size:10px}.array-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.array-head h4{font-size:12px;margin:0}.inline-empty{padding:13px 15px;background:#f8fafb;border:1px dashed #dce8ea;border-radius:8px;font-size:11px;color:#98aab1}.divider{height:1px;background:#eef2f3;margin:19px 0}.repeat-row{display:grid;gap:11px;align-items:end;background:#f9fbfb;border:1px solid #e9f0f0;border-radius:9px;padding:12px;margin-bottom:10px}.repeat-row .field{margin:0}.repeat-row.material-grid{grid-template-columns:minmax(0,3fr) minmax(75px,.7fr) minmax(75px,.7fr) 30px}.repeat-row.issue-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px}.icon-btn{display:grid;place-items:center;border:0;background:transparent;color:#71909b;width:35px;height:35px;border-radius:7px}.icon-btn:hover{background:#e9f1f2;color:#1a6d78}.icon-btn.remove{color:#c88479}.upload-box{border:1.5px dashed #afd3d4;background:#f6fbfb;border-radius:11px;padding:25px;display:flex;align-items:center;justify-content:center;gap:7px;flex-direction:column;color:#168d91;cursor:pointer;text-align:center}.upload-box:hover{background:#eaf8f7}.upload-box strong{color:#346877;font-size:12px}.upload-box span{color:#95aeb3;font-size:10px}.upload-box input{display:none}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}.photo-card{position:relative;border:1px solid #e3e9ea;border-radius:9px;padding:7px}.photo-card img{width:100%;height:112px;object-fit:cover;border-radius:6px}.photo-card input{width:100%;border:1px solid #e5eded;border-radius:5px;padding:7px;font-size:10px;margin-top:6px;outline:none}.photo-remove{position:absolute;right:12px;top:12px;background:#183846dd;color:#fff;border:0;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.toggle-row{display:flex;align-items:flex-start;gap:11px;background:#edf8f6;border:1px solid #d4e9e6;border-radius:9px;padding:13px 14px;color:#386574;margin-top:17px;cursor:pointer}.toggle-row input{accent-color:#13838a;margin-top:3px}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:11px}.toggle-row small{font-size:10px;color:#80a0a9;margin-top:3px}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 0 15px}.form-bottom span{display:flex;align-items:center;gap:8px;color:#8da5ad;font-size:11px}.drawer-backdrop{position:fixed;inset:0;background:#102f3d7e;z-index:40;display:flex;justify-content:flex-end}.drawer{width:min(570px,100vw);height:100vh;background:#fff;box-shadow:-16px 0 45px #102b3b36;display:flex;flex-direction:column}.drawer-head{padding:22px 27px;border-bottom:1px solid #e5edef;display:flex;align-items:flex-start;justify-content:space-between}.drawer-head .eyebrow{margin-bottom:5px}.drawer-head h2{font-size:19px;letter-spacing:-.5px;margin:0}.drawer-content{overflow-y:auto;padding:23px 27px 45px}.drawer-subtitle{font-size:13px;color:#647d87;margin:14px 0 20px}.drawer-subtitle span{padding:0 5px;color:#b2c2c6}.drawer-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.drawer-actions .btn{font-size:11px;padding:10px 12px}.detail-section{border-top:1px solid #e9eff0;padding:21px 0}.detail-section h3{font-size:13px;margin-bottom:14px}.detail-section h3 span{color:#90a5ad;font-weight:500}.detail-section h4{font-size:11px;margin:16px 0 9px}.detail-section p{color:#63808b;font-size:11px;line-height:1.6}.detail-row{display:grid;grid-template-columns:20px 130px 1fr;gap:8px;align-items:start;margin:11px 0;font-size:11px;color:#91a6ac}.detail-row svg{color:#86b3b8}.detail-row strong{color:#3a5662;font-weight:700;text-align:right;overflow-wrap:anywhere}.detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f5f9f9;padding:13px;border-radius:8px;margin-bottom:8px;font-size:11px}.detail-pair strong{font-weight:700}.detail-pair span{color:#66818a}.material-line{margin:5px 0}.material-line small{color:#a0afb4}.channel-row{display:flex;gap:8px;align-items:center;padding:10px 0;border-top:1px solid #eef3f3;font-size:11px}.channel-row span{flex:1;color:#718b94}.channel-row strong.ok{color:#168464}.channel-row strong.fail{color:#b85f52}.channel-row small{flex-basis:100%;color:#b85f52}.detail-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.detail-photo{background:#f3f8f8;border-radius:8px;overflow:hidden;min-height:140px}.detail-photo img{width:100%;height:140px;object-fit:cover}.detail-photo small{display:block;padding:8px;color:#6d838d}.prewrap{white-space:pre-wrap}.boot{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#112a39;color:#fff}.boot>span{font-size:12px;color:#9fc7cc}.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fff}.login-visual{background:radial-gradient(circle at 80% 85%,#397783 0,#1b4a5a 36%,#112a39 76%);padding:43px 7%;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.login-visual:before{content:"";position:absolute;right:-100px;top:10%;width:440px;height:440px;border:1px solid #66bfbe22;border-radius:50%;box-shadow:0 0 0 75px #ffffff06,0 0 0 150px #ffffff04}.login-visual .brand{z-index:1}.login-visual-bottom{max-width:520px;z-index:1;margin-bottom:55px}.login-visual-bottom h1{font-size:clamp(31px,3.5vw,50px);letter-spacing:-2px;line-height:1.16;margin:0 0 19px}.login-visual-bottom p{font-size:14px;color:#aac8ce;line-height:1.7;max-width:370px}.login-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#c5e2e4;font-size:10px;font-weight:700;margin-top:45px}.login-line span{width:6px;height:6px;background:#64c3c3;border-radius:50%}.login-panel{display:flex;align-items:center;justify-content:center;padding:35px}.login-card{width:min(365px,100%)}.login-card h2{font-size:25px;letter-spacing:-1px;margin-bottom:6px}.login-card p{font-size:12px;color:#8ca4ab;margin-bottom:28px}.login-card label{display:block;color:#45616d;font-size:11px;font-weight:800;margin-bottom:17px}.login-card input{display:block;width:100%;border:1px solid #dce7e9;padding:13px;border-radius:8px;margin-top:7px;outline:0;font-size:12px}.login-card input:focus{border-color:#15939a;box-shadow:0 0 0 3px #3cb7b522}.login-card .btn{margin-top:9px}.login-card small{display:block;margin-top:28px;color:#a4b4b9;font-size:10px;text-align:center}.login-mobile-brand,.mobile-menu,.menu-scrim{display:none}@media(max-width:1100px){.sidebar{width:218px}.content{padding:33px 28px}.stats-grid{gap:10px}.stat-card{padding:18px 15px}.topbar{padding:0 28px}}@media(max-width:850px){.sidebar{position:fixed;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.menu-scrim{display:block;position:fixed;inset:0;background:#122d3e88;z-index:19}.main{width:100%}.mobile-menu{display:grid;margin-right:8px}.topbar{justify-content:flex-start}.top-user{margin-left:auto}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.content{padding:25px 17px 50px}.topbar{height:60px;padding:0 15px}.top-user{font-size:11px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.page-heading .btn{font-size:11px;padding:10px}.page-heading p{font-size:11px;line-height:1.5}.stats-grid{gap:9px}.stat-card{min-height:130px;padding:13px}.stat-icon{width:30px;height:30px;margin-bottom:8px}.stat-card strong{font-size:23px}.feature-strip{padding:16px;gap:12px}.feature-icon{width:37px;height:37px}.feature-strip h3{font-size:12px}.feature-strip p{font-size:10px}.feature-arrow{display:none}.filters{padding:0 14px 15px;flex-direction:column}.search-field{width:100%}.filters select{height:39px}.list-top{padding:18px 14px}.list-top h2{font-size:14px}.form-card{padding:20px 16px}.form-grid.cols-4,.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-section-title h3{font-size:14px}.form-section-title p{font-size:10px}.repeat-row.material-grid{grid-template-columns:1fr 1fr 30px}.repeat-row.material-grid .field:first-child{grid-column:1/-1}.repeat-row.issue-grid{grid-template-columns:1fr 30px}.repeat-row.issue-grid .field{grid-column:1}.repeat-row.issue-grid button{grid-column:2;grid-row:1}.photo-grid{grid-template-columns:repeat(2,1fr)}.form-bottom{align-items:stretch;flex-direction:column}.form-bottom .btn{width:100%}.drawer-head,.drawer-content{padding:20px}.detail-row{grid-template-columns:18px 100px 1fr}.login-shell{display:block}.login-visual{display:none}.login-panel{min-height:100vh;padding:25px}.login-mobile-brand{display:block;color:#173b47;margin-bottom:45px}.login-mobile-brand .brand span{color:#6f9a9f}}@media(max-width:380px){.page-heading{display:block}.page-heading>.btn{margin-top:15px}.form-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-actions .btn{flex:1}}.camera-button{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:8px 3px;color:#16858e;font-size:11px;font-weight:800;cursor:pointer}.camera-button input{display:none}.monthly-export{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#eaf4f3;border:1px solid #cfe5e4;border-radius:13px;padding:20px 23px;margin-bottom:22px}.monthly-export .eyebrow{margin-bottom:6px}.monthly-export h2{font-size:16px;margin:0 0 5px;color:#163d48}.monthly-export p{font-size:11px;color:#58737d;margin:0;line-height:1.5}.monthly-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.monthly-controls label{font-size:11px;font-weight:800;color:#436673;white-space:nowrap}.monthly-controls input{height:43px;border:1px solid #bed8d8;background:#fff;color:#163d48;border-radius:8px;padding:0 10px;min-width:143px}@media(max-width:850px){.monthly-export{align-items:stretch;flex-direction:column}.monthly-controls{align-items:stretch}.monthly-controls input,.monthly-controls button{flex:1}}@media(max-width:480px){.monthly-export{padding:17px}.monthly-controls{flex-direction:column}}