@import url(https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--error:#e05555}body{background:#041014;background:var(--bg-dark);font-family:Sora,sans-serif;height:100vh;overflow:hidden}.lp-container{display:flex;height:100vh;width:100vw}.lp-left{display:flex;flex:0 0 50%;flex-direction:column;overflow:hidden;position:relative}.lp-logo{align-items:center;display:flex;gap:10px;left:28px;position:absolute;top:24px;z-index:10}.lp-logo-img{height:34px;object-fit:contain;width:auto}.lp-main-img{display:block;height:66%;object-fit:cover;width:100%}.lp-left:after{background:linear-gradient(180deg,#0000,#04101459);bottom:34%;content:"";height:80px;left:0;pointer-events:none;position:absolute;right:0}.lp-thumbs{display:flex;height:34%;width:100%}.lp-thumbs img{display:block;filter:brightness(.82);flex:1 1;min-width:0;object-fit:cover;transition:filter .3s ease}.lp-thumbs img:hover{filter:brightness(1.05)}.lp-right{align-items:center;background:#062030;background:var(--bg-panel);display:flex;flex:0 0 50%;justify-content:center;padding:48px;position:relative}.lp-glow{background:radial-gradient(circle,#1b4a5a2e 0,#0000 70%);height:520px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:520px}.lp-form-wrapper{animation:lp-fadeUp .55s ease both;max-width:420px;position:relative;width:100%;z-index:1}@keyframes lp-fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.lp-title{color:#fff;color:var(--white);font-size:26px;font-weight:700;letter-spacing:-.3px;margin-bottom:12px;text-align:center}.lp-subtitle{color:#a0b8c0;color:var(--muted);font-size:13.5px;font-weight:300;line-height:1.65;margin-bottom:44px;text-align:center}.lp-field{margin-bottom:24px}.lp-field label{color:#a0b8c0;color:var(--muted);display:block;font-size:13px;font-weight:500;letter-spacing:.2px;margin-bottom:10px}.lp-input-wrap{position:relative}.lp-input-wrap input{background:#0a1e28;background:var(--bg-input);border:1px solid #1a3a48;border:1px solid var(--border);border-radius:10px;color:#fff;color:var(--white);font-family:Sora,sans-serif;font-size:14px;outline:none;padding:14px 46px 14px 18px;transition:border-color .25s,box-shadow .25s;width:100%}.lp-input-wrap input::placeholder{color:#6b8a94;color:var(--dim);font-weight:300}.lp-input-wrap input:focus{border-color:#2a9bb5;border-color:var(--accent);box-shadow:0 0 0 3px #2a9bb51f}.lp-icon{align-items:center;color:#6b8a94;color:var(--dim);display:flex;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.lp-icon svg{height:18px;width:18px}.lp-icon--clickable{cursor:pointer;pointer-events:all;transition:color .2s}.lp-icon--clickable:hover{color:#a0b8c0;color:var(--muted)}.lp-error{color:#e05555;color:var(--error);font-size:12.5px;margin-top:6px}.lp-forgot{background:none;border:none;color:#a0b8c0;color:var(--muted);cursor:pointer;display:block;font-family:Sora,sans-serif;font-size:12.5px;margin-left:auto;margin-top:10px;padding:0;transition:color .2s}.lp-forgot:hover{color:#2a9bb5;color:var(--accent)}.lp-btn{background:#1b4a5a;background:var(--teal);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Sora,sans-serif;font-size:15px;font-weight:600;letter-spacing:.4px;margin-top:36px;overflow:hidden;padding:15px;position:relative;transition:background .25s,transform .15s,box-shadow .25s;width:100%}.lp-btn:after{background:linear-gradient(135deg,#ffffff14,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.lp-btn:hover{background:#225c70;background:var(--teal-hover);box-shadow:0 6px 24px #1b4a5a80;transform:translateY(-1px)}.lp-btn:active{transform:translateY(0)}.otp-container{flex-direction:row;height:100vh;width:100vw}.otp-container,.otp-left{display:flex;overflow:hidden}.otp-left{flex:0 0 50%;flex-direction:column;position:relative;width:50%}.otp-logo{align-items:center;display:flex;gap:10px;left:28px;position:absolute;top:24px;z-index:10}.otp-logo-img{height:34px;object-fit:contain;width:auto}.otp-main-img{display:block;flex-shrink:0;height:66%;object-fit:cover;width:100%}.otp-left:after{background:linear-gradient(180deg,#0000,#04101459);bottom:34%;content:"";height:80px;left:0;pointer-events:none;position:absolute;right:0}.otp-thumbs{display:flex;flex-direction:row;flex-shrink:0;height:34%;width:100%}.otp-thumbs img{display:block;filter:brightness(.82);flex:1 1;height:100%;min-width:0;object-fit:cover;transition:filter .3s ease}.otp-thumbs img:hover{filter:brightness(1.05)}.otp-right{align-items:center;background:#062030;background:var(--bg-panel);display:flex;flex:0 0 50%;justify-content:center;overflow:hidden;padding:48px;position:relative;width:50%}.otp-glow{background:radial-gradient(circle,#1b4a5a2e 0,#0000 70%);height:520px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:520px;z-index:0}.otp-form-wrapper{animation:otp-fadeUp .55s ease both;max-width:420px;position:relative;width:100%;z-index:1}@keyframes otp-fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.otp-title{color:#fff;color:var(--white);font-size:26px;font-weight:700;letter-spacing:-.3px;margin-bottom:12px;text-align:center}.otp-subtitle{color:#a0b8c0;color:var(--muted);font-size:13.5px;font-weight:300;line-height:1.65;margin-bottom:44px;text-align:center}.otp-field{margin-bottom:8px}.otp-label{color:#a0b8c0;color:var(--muted);display:block;font-size:13px;font-weight:500;letter-spacing:.2px;margin-bottom:14px}.otp-inputs{display:flex;flex-direction:row;gap:16px;width:100%}.otp-box{background:#0a1e28;background:var(--bg-input);border:1px solid #1a3a48;border:1px solid var(--border);border-radius:10px;caret-color:#2a9bb5;caret-color:var(--accent);color:#fff;color:var(--white);flex:1 1;font-family:Sora,sans-serif;font-size:22px;font-weight:600;height:72px;max-width:90px;min-width:0;outline:none;text-align:center;transition:border-color .25s,box-shadow .25s,transform .15s}.otp-box:focus{border-color:#2a9bb5;border-color:var(--accent);box-shadow:0 0 0 3px #2a9bb526;transform:translateY(-2px)}.otp-box--filled{border-color:#2a9bb573}.otp-resend-row{display:flex;justify-content:flex-end;margin-top:12px}.otp-resend{color:#a0b8c0;color:var(--muted);cursor:default;font-size:12.5px;transition:color .2s;-webkit-user-select:none;user-select:none}.otp-resend--active{color:#2a9bb5;color:var(--accent);cursor:pointer;text-decoration:underline}.otp-resend--active:hover{color:#3ab8d6}.otp-btn{background:#1b4a5a;background:var(--teal);border:none;border-radius:10px;color:#fff;cursor:not-allowed;font-family:Sora,sans-serif;font-size:15px;font-weight:600;letter-spacing:.4px;margin-top:36px;opacity:.65;overflow:hidden;padding:15px;position:relative;transition:background .25s,transform .15s,box-shadow .25s,opacity .2s;width:100%}.otp-btn:after{background:linear-gradient(135deg,#ffffff14,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.otp-btn--ready{cursor:pointer;opacity:1}.otp-btn--ready:hover{background:#225c70;background:var(--teal-hover);box-shadow:0 6px 24px #1b4a5a80;transform:translateY(-1px)}.otp-btn--ready:active{transform:translateY(0)}:root{--bg-dark:#041014;--bg-panel:#062030;--bg-input:#0a1e28;--border:#1a3a48;--teal:#1b4a5a;--accent:#2a9bb5;--white:#fff;--muted:#a0b8c0;--dim:#6b8a94;--success:#22a65a}body,html{background:#041014;background:var(--bg-dark);overflow:hidden}.fp-container{display:flex;height:100vh;width:100vw}.fp-left{display:flex;flex:0 0 50%;flex-direction:column;overflow:hidden;position:relative}.fp-logo{align-items:center;display:flex;gap:10px;left:28px;position:absolute;top:24px;z-index:10}.fp-logo-img{height:34px;object-fit:contain;width:auto}.fp-main-img{display:block;height:66%;object-fit:cover;width:100%}.fp-left:after{background:linear-gradient(180deg,#0000,#04101459);bottom:34%;content:"";height:80px;left:0;pointer-events:none;position:absolute;right:0}.fp-thumbs{display:flex;height:34%;width:100%}.fp-thumbs img{display:block;filter:brightness(.82);flex:1 1;min-width:0;object-fit:cover;transition:filter .3s ease}.fp-thumbs img:hover{filter:brightness(1.05)}.fp-right{align-items:center;background:#062030;background:var(--bg-panel);display:flex;flex:0 0 50%;justify-content:center;padding:48px;position:relative}.fp-glow{background:radial-gradient(circle,#1b4a5a2e 0,#0000 70%);height:520px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:520px}.fp-form-wrapper{animation:fp-fadeUp .55s ease both;max-width:420px;position:relative;width:100%;z-index:1}@keyframes fp-fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fp-title{color:#fff;color:var(--white);font-size:26px;font-weight:700;letter-spacing:-.3px;margin-bottom:12px;text-align:center}.fp-subtitle{color:#a0b8c0;color:var(--muted);font-size:13.5px;font-weight:300;line-height:1.65;margin-bottom:44px;text-align:center}.fp-field{margin-bottom:24px}.fp-field label{color:#a0b8c0;color:var(--muted);display:block;font-size:13px;font-weight:500;letter-spacing:.2px;margin-bottom:10px}.fp-input-wrap{position:relative}.fp-input-wrap input{background:#0a1e28;background:var(--bg-input);border:1px solid #1a3a48;border:1px solid var(--border);border-radius:10px;color:#fff;color:var(--white);font-family:Sora,sans-serif;font-size:14px;outline:none;padding:14px 46px 14px 18px;transition:border-color .25s,box-shadow .25s;width:100%}.fp-input-wrap input::placeholder{color:#6b8a94;color:var(--dim);font-weight:300}.fp-input-wrap input:focus{border-color:#2a9bb5;border-color:var(--accent);box-shadow:0 0 0 3px #2a9bb51f}.fp-icon{align-items:center;color:#6b8a94;color:var(--dim);display:flex;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.fp-icon svg{height:18px;width:18px}.fp-btn{border-radius:10px;cursor:pointer;font-family:Sora,sans-serif;font-size:15px;font-weight:600;letter-spacing:.4px;overflow:hidden;padding:15px;position:relative;transition:background .25s,transform .15s,box-shadow .25s,border-color .25s,color .25s;width:100%}.fp-btn--solid{background:#1b4a5a;background:var(--teal);border:none;color:#fff;margin-top:36px}.fp-btn--solid:after{background:linear-gradient(135deg,#ffffff14,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.fp-btn--solid:hover{background:#225c70;background:var(--teal-hover);box-shadow:0 6px 24px #1b4a5a80;transform:translateY(-1px)}.fp-btn--solid:active{transform:translateY(0)}.fp-btn--outline{background:#0000;border:1px solid #1a3a48;border:1px solid var(--border);color:#a0b8c0;color:var(--muted);margin-top:16px}.fp-btn--outline:hover{border-color:#2a9bb5;border-color:var(--accent);color:#2a9bb5;color:var(--accent)}.fp-success-wrapper{text-align:center}.fp-success-body{align-items:center;display:flex;flex-direction:column;gap:24px;margin:40px 0 12px}.fp-check-circle{align-items:center;animation:fp-popIn .4s cubic-bezier(.34,1.56,.64,1) both;background:#22a65a;background:var(--success);border-radius:50%;display:flex;height:60px;justify-content:center;width:60px}.fp-check-circle svg{height:28px;width:28px}@keyframes fp-popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.fp-success-text{color:#a0b8c0;color:var(--muted);font-size:14px;line-height:1.75}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-page:#f2f4f7;--bg-card:#fff;--bg-topbar:#fff;--teal-dark:#1b4a5a;--teal-hover:#225c70;--orange:#d97a50;--orange-hover:#c26a40;--accent:#d97a50;--text-primary:#1a2533;--text-secondary:#6b7a90;--text-muted:#9aa3b0;--border:#e4e8ef;--wo-bg:#fdf0eb;--scrap-bg:#eef8f9}body,html{background:#f2f4f7;background:var(--bg-page);font-family:Sora,sans-serif;height:100%}.db-root{flex-direction:row;font-family:Sora,sans-serif;height:100vh;width:100vw}.db-main,.db-root{display:flex;overflow:hidden}.db-main{background:#f2f4f7;background:var(--bg-page);flex:1 1;flex-direction:column}.db-topbar{background:#fff;background:var(--bg-topbar);border-bottom:1px solid #e4e8ef;border-bottom:1px solid var(--border);flex-shrink:0;gap:20px;height:64px;justify-content:space-between;padding:0 28px}.db-search,.db-topbar{align-items:center;display:flex}.db-search{background:#f5f7fa;border:1px solid #e4e8ef;border:1px solid var(--border);border-radius:10px;gap:10px;padding:9px 16px;width:340px}.db-search svg{stroke:#9aa3b0;stroke:var(--text-muted);flex-shrink:0;height:17px;width:17px}.db-search input{background:#0000;border:none;color:#1a2533;color:var(--text-primary);font-family:Sora,sans-serif;font-size:13.5px;outline:none;width:100%}.db-search input::placeholder{color:#9aa3b0;color:var(--text-muted)}.db-user{align-items:center;display:flex;gap:10px;margin-left:auto}.db-user__avatar{border:2px solid #e4e8ef;border:2px solid var(--border);border-radius:50%;height:36px;object-fit:cover;width:36px}.db-user__name{color:#1a2533;color:var(--text-primary);font-size:14px;font-weight:500;white-space:nowrap}.db-content{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:28px 32px}.db-content::-webkit-scrollbar{width:5px}.db-content::-webkit-scrollbar-track{background:#0000}.db-content::-webkit-scrollbar-thumb{background:#d0d7e2;border-radius:4px}.db-page-header{align-items:center;display:flex;justify-content:space-between}.db-page-title{color:#1a2533;color:var(--text-primary);font-size:22px;font-weight:700;letter-spacing:-.3px}.db-page-actions{display:flex;gap:12px}.db-btn{border:none;border-radius:10px;cursor:pointer;font-family:Sora,sans-serif;font-size:13.5px;font-weight:600;letter-spacing:.1px;padding:10px 22px;transition:background .2s,transform .15s,box-shadow .2s}.db-btn--dark{background:#1b4a5a;background:var(--teal-dark);color:#fff}.db-btn--dark:hover{background:#225c70;background:var(--teal-hover);box-shadow:0 4px 14px #1b4a5a59;transform:translateY(-1px)}.db-btn--orange{background:#d97a50;background:var(--orange);color:#fff}.db-btn--orange:hover{background:#c26a40;background:var(--orange-hover);box-shadow:0 4px 14px #d97a5059;transform:translateY(-1px)}.db-grid{grid-gap:20px;align-items:start;display:grid;flex:1 1;gap:20px;grid-template-columns:1fr 1fr}.db-col{display:flex;flex-direction:column;gap:20px}.db-card{background:#fff;background:var(--bg-card);border:1px solid #e4e8ef;border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 4px #0000000a;padding:20px 22px}.db-card--grow{flex:1 1}.db-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.db-card__title{color:#1a2533;color:var(--text-primary);font-size:15px;font-weight:700}.db-see-all{background:none;border:none;color:#d97a50;color:var(--accent);cursor:pointer;font-family:Sora,sans-serif;font-size:12.5px;font-weight:500;transition:opacity .2s}.db-see-all:hover{opacity:.75}.db-card__sub{color:#6b7a90;color:var(--text-secondary);font-size:12.5px;margin-bottom:14px}.db-wo-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.db-wo-stat{align-items:center;background:#fdf0eb;background:var(--wo-bg);border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:12px 14px}.db-wo-stat__label{color:#6b7a90;color:var(--text-secondary);font-size:11.5px;font-weight:500}.db-wo-stat__value{color:#1a2533;color:var(--text-primary);font-size:22px;font-weight:700}.db-outstanding-list{display:flex;flex-direction:column}.db-outstanding-item{border-bottom:1px solid #e4e8ef;border-bottom:1px solid var(--border);padding:12px 0}.db-outstanding-item:last-child{border-bottom:none}.db-outstanding-item__top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:6px}.db-outstanding-item__meta{color:#9aa3b0;color:var(--text-muted);font-size:11px;margin-bottom:2px}.db-outstanding-item__name{color:#1a2533;color:var(--text-primary);font-size:13.5px;font-weight:600}.db-outstanding-item__bottom{align-items:center;display:flex;justify-content:space-between}.db-outstanding-item__amount-label{color:#9aa3b0;color:var(--text-muted);font-size:11.5px}.db-outstanding-item__amount{color:#1a2533;color:var(--text-primary);font-size:13.5px;font-weight:600}.db-sheet-list{display:flex;flex-direction:column;gap:14px}.db-sheet-item{border:1px solid #e4e8ef;border:1px solid var(--border);border-radius:10px;overflow:hidden}.db-sheet-item__header{align-items:center;border-bottom:1px solid #e4e8ef;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 14px 8px}.db-sheet-item__meta{color:#9aa3b0;color:var(--text-muted);font-size:10.5px;margin-bottom:2px}.db-sheet-item__name{color:#1a2533;color:var(--text-primary);font-size:13.5px;font-weight:600}.db-sheet-types{display:flex;flex-direction:row}.db-sheet-type{border-right:1px solid #e4e8ef;border-right:1px solid var(--border);flex:1 1;padding:10px 14px}.db-sheet-type:last-child{border-right:none}.db-sheet-type__tag{color:#6b7a90;color:var(--text-secondary);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px}.db-sheet-type__data{align-items:center;display:flex;gap:8px}.db-sheet-type__col{display:flex;flex-direction:column;gap:2px}.db-sheet-type__meta{color:#9aa3b0;color:var(--text-muted);font-size:10.5px}.db-sheet-type__val{color:#1a2533;color:var(--text-primary);font-size:12.5px;font-weight:600}.db-sheet-type__divider{background:#e4e8ef;background:var(--border);height:28px;width:1px}.db-scrap-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.db-scrap-stat{align-items:center;background:#eef8f9;background:var(--scrap-bg);border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:14px 12px;text-align:center}.db-scrap-stat__label{color:#6b7a90;color:var(--text-secondary);font-size:11.5px;font-weight:500;line-height:1.4}.db-scrap-stat__value{color:#1a2533;color:var(--text-primary);font-size:22px;font-weight:700}:root{--cwo-teal:#1d6a7a;--cwo-teal-hover:#165d6b;--cwo-border:#e4e8ef;--cwo-input-bg:#fff;--cwo-browse-bg:#1d6a7a;--cwo-browse-hover:#165d6b;--cwo-text:#1a2533;--cwo-label:#6b7a90;--cwo-placeholder:#b0b8c6;--cwo-radius:10px}.cwo-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.cwo-modal{animation:cwoSlideIn .3s cubic-bezier(.34,1.2,.64,1) both;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}@keyframes cwoSlideIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.cwo-modal__header{align-items:center;border-bottom:1px solid #e4e8ef;border-bottom:1px solid var(--cwo-border);display:flex;flex-shrink:0;justify-content:space-between;padding:22px 28px 18px}.cwo-modal__title{color:#1a2533;color:var(--cwo-text);font-family:Sora,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.2px}.cwo-modal__close{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background .2s}.cwo-modal__close svg{stroke:#6b7a90;height:20px;width:20px}.cwo-modal__close:hover{background:#f2f4f7}.cwo-form{grid-gap:20px 20px;display:grid;flex:1 1;gap:20px 20px;grid-template-columns:repeat(3,1fr);overflow-y:auto;padding:24px 28px}.cwo-form::-webkit-scrollbar{width:4px}.cwo-form::-webkit-scrollbar-track{background:#0000}.cwo-form::-webkit-scrollbar-thumb{background:#d0d7e2;border-radius:4px}.cwo-field{display:flex;flex-direction:column;gap:7px}.cwo-field__label{color:#6b7a90;color:var(--cwo-label);font-family:Sora,sans-serif;font-size:12px;font-weight:500;letter-spacing:.1px}.cwo-input{background:#fff;background:var(--cwo-input-bg);border:1px solid #e4e8ef;border:1px solid var(--cwo-border);border-radius:10px;border-radius:var(--cwo-radius);color:#1a2533;color:var(--cwo-text);font-family:Sora,sans-serif;font-size:13.5px;height:42px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.cwo-input::placeholder{color:#b0b8c6;color:var(--cwo-placeholder)}.cwo-input:focus{border-color:#1d6a7a;border-color:var(--cwo-teal);box-shadow:0 0 0 3px #1d6a7a1a}.cwo-input[type=date]{color:#1a2533;color:var(--cwo-text)}.cwo-date-wrap,.cwo-select-wrap{position:relative}.cwo-select{appearance:none;-webkit-appearance:none;background:#fff;background:var(--cwo-input-bg);border:1px solid #e4e8ef;border:1px solid var(--cwo-border);border-radius:10px;border-radius:var(--cwo-radius);color:#1a2533;color:var(--cwo-text);cursor:pointer;font-family:Sora,sans-serif;font-size:13.5px;height:42px;outline:none;padding:0 40px 0 14px;transition:border-color .2s,box-shadow .2s;width:100%}.cwo-select:focus{border-color:#1d6a7a;border-color:var(--cwo-teal);box-shadow:0 0 0 3px #1d6a7a1a}.cwo-select option[value=""]{color:#b0b8c6;color:var(--cwo-placeholder)}.cwo-select-arrow{stroke:#6b7a90;height:16px;pointer-events:none;position:absolute;right:13px;top:50%;transform:translateY(-50%);width:16px}.cwo-file-wrap{align-items:center;background:#fff;background:var(--cwo-input-bg);border:1px solid #e4e8ef;border:1px solid var(--cwo-border);border-radius:10px;border-radius:var(--cwo-radius);display:flex;height:42px;overflow:hidden}.cwo-file-placeholder{color:#b0b8c6;color:var(--cwo-placeholder);flex:1 1;font-size:13px;overflow:hidden;padding:0 14px;text-overflow:ellipsis}.cwo-file-btn,.cwo-file-placeholder{font-family:Sora,sans-serif;white-space:nowrap}.cwo-file-btn{align-items:center;background:#1d6a7a;background:var(--cwo-browse-bg);border-radius:0 10px 10px 0;border-radius:0 var(--cwo-radius) var(--cwo-radius) 0;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12.5px;font-weight:600;height:100%;padding:0 16px;transition:background .2s}.cwo-file-btn:hover{background:#165d6b;background:var(--cwo-browse-hover)}.cwo-modal__footer{border-top:1px solid #e4e8ef;border-top:1px solid var(--cwo-border);display:flex;flex-shrink:0;justify-content:flex-end;padding:16px 28px 22px}.cwo-create-btn{background:#1d6a7a;background:var(--cwo-teal);border:none;border-radius:22px;color:#fff;cursor:pointer;font-family:Sora,sans-serif;font-size:14px;font-weight:600;letter-spacing:.2px;padding:12px 36px;transition:background .2s,transform .15s,box-shadow .2s}.cwo-create-btn:hover{background:#165d6b;background:var(--cwo-teal-hover);box-shadow:0 4px 14px #1d6a7a59;transform:translateY(-1px)}.cwo-create-btn:active{transform:translateY(0)}:root{--cbp-teal:#1d6a7a;--cbp-teal-hover:#165d6b;--cbp-orange:#d97a50;--cbp-border:#e4e8ef;--cbp-input-bg:#fff;--cbp-text:#1a2533;--cbp-label:#6b7a90;--cbp-placeholder:#b0b8c6;--cbp-radius:10px}.cbp-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.cbp-modal{animation:cbpSlideIn .3s cubic-bezier(.34,1.2,.64,1) both;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}@keyframes cbpSlideIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.cbp-modal__header{align-items:center;border-bottom:1px solid #e4e8ef;border-bottom:1px solid var(--cbp-border);display:flex;flex-shrink:0;justify-content:space-between;padding:22px 28px 18px}.cbp-modal__title{color:#1a2533;color:var(--cbp-text);font-family:Sora,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.2px}.cbp-modal__close{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background .2s}.cbp-modal__close svg{stroke:#6b7a90;height:20px;width:20px}.cbp-modal__close:hover{background:#f2f4f7}.cbp-form{grid-gap:20px 20px;display:grid;flex:1 1;gap:20px 20px;grid-template-columns:repeat(3,1fr);overflow-y:auto;padding:24px 28px}.cbp-form::-webkit-scrollbar{width:4px}.cbp-form::-webkit-scrollbar-track{background:#0000}.cbp-form::-webkit-scrollbar-thumb{background:#d0d7e2;border-radius:4px}.cbp-field{display:flex;flex-direction:column;gap:7px}.cbp-field__label{color:#6b7a90;color:var(--cbp-label);font-family:Sora,sans-serif;font-size:12px;font-weight:500;letter-spacing:.1px}.cbp-input{background:#fff;background:var(--cbp-input-bg);border:1px solid #e4e8ef;border:1px solid var(--cbp-border);border-radius:10px;border-radius:var(--cbp-radius);color:#1a2533;color:var(--cbp-text);font-family:Sora,sans-serif;font-size:13.5px;height:42px;outline:none;padding:0 14px;transition:border-color .2s,box-shadow .2s;width:100%}.cbp-input::placeholder{color:#b0b8c6;color:var(--cbp-placeholder)}.cbp-input:focus{border-color:#1d6a7a;border-color:var(--cbp-teal);box-shadow:0 0 0 3px #1d6a7a1a}.cbp-contact-row{align-items:center;display:flex;gap:8px}.cbp-contact-row .cbp-input{flex:1 1;min-width:0}.cbp-add-btn{align-items:center;background:#d97a50;background:var(--cbp-orange);border:none;border-radius:10px;border-radius:var(--cbp-radius);cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:background .2s,transform .15s,box-shadow .2s;width:42px}.cbp-add-btn svg{stroke:#fff;height:18px;width:18px}.cbp-add-btn:hover{background:#c26a40;box-shadow:0 4px 12px #d97a5059;transform:translateY(-1px)}.cbp-add-btn:active{transform:translateY(0)}.cbp-modal__footer{border-top:1px solid #e4e8ef;border-top:1px solid var(--cbp-border);display:flex;flex-shrink:0;justify-content:flex-end;padding:16px 28px 22px}.cbp-create-btn{background:#1d6a7a;background:var(--cbp-teal);border:none;border-radius:22px;color:#fff;cursor:pointer;font-family:Sora,sans-serif;font-size:14px;font-weight:600;letter-spacing:.2px;padding:12px 36px;transition:background .2s,transform .15s,box-shadow .2s}.cbp-create-btn:hover{background:#165d6b;background:var(--cbp-teal-hover);box-shadow:0 4px 14px #1d6a7a59;transform:translateY(-1px)}.cbp-create-btn:active{transform:translateY(0)}:root{--sidebar-bg:#1b4a5a;--sidebar-active:#245e71;--sidebar-hover:#ffffff14;--sidebar-width:248px;--sidebar-collapsed:68px;--sidebar-text:#ffffffd9;--sidebar-divider:#ffffff1f;--transition:0.25s ease}.sidebar{background:#1b4a5a;background:var(--sidebar-bg);display:flex;flex-direction:column;flex-shrink:0;height:100vh;min-width:248px;min-width:var(--sidebar-width);overflow:visible;position:relative;transition:width .25s ease,min-width .25s ease;transition:width var(--transition),min-width var(--transition);width:248px;width:var(--sidebar-width);z-index:10000}.sidebar--collapsed{min-width:68px;min-width:var(--sidebar-collapsed);width:68px;width:var(--sidebar-collapsed)}.sidebar__inner{display:flex;flex:1 1;flex-direction:column;overflow:hidden;width:100%}.sidebar__logo{align-items:center;display:flex;flex-shrink:0;gap:10px;padding:20px 18px 16px}.sidebar__logo-img{filter:brightness(0) invert(1);flex-shrink:0;height:30px;object-fit:contain;width:auto}.sidebar__logo-text{color:#fff;font-family:Sora,sans-serif;font-size:15px;font-weight:600;letter-spacing:.02em;opacity:1;transition:opacity .25s ease;transition:opacity var(--transition);white-space:nowrap}.sidebar__divider{background:#ffffff1f;background:var(--sidebar-divider);flex-shrink:0;height:1px;margin:0 14px 10px}.sidebar__nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-x:hidden;overflow-y:auto;padding:4px 10px}.sidebar__nav::-webkit-scrollbar{width:3px}.sidebar__nav::-webkit-scrollbar-track{background:#0000}.sidebar__nav::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.sidebar__nav-item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;gap:12px;overflow:hidden;padding:10px 12px;text-align:left;transition:background .25s ease;transition:background var(--transition);white-space:nowrap;width:100%}.sidebar__nav-item:hover{background:#ffffff14;background:var(--sidebar-hover)}.sidebar__nav-item--active,.sidebar__nav-item--active:hover{background:#245e71;background:var(--sidebar-active)}.sidebar__nav-icon{filter:brightness(0) invert(1);flex-shrink:0;height:20px;object-fit:contain;opacity:.75;width:20px}.sidebar__nav-item--active .sidebar__nav-icon{opacity:1}.sidebar__nav-icon--svg{align-items:center;color:#fff;display:flex;flex-shrink:0;height:20px;justify-content:center;opacity:.75;width:20px}.sidebar__nav-icon--svg svg{height:20px;width:20px}.sidebar__nav-item--active .sidebar__nav-icon--svg{opacity:1}.sidebar__nav-label{color:#ffffffd9;color:var(--sidebar-text);font-family:Sora,sans-serif;font-size:13.5px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__nav-item--active .sidebar__nav-label{color:#fff;font-weight:500}.sidebar__toggle{align-items:center;background:#fff;border:2px solid #a0aec0;border-radius:50%;box-shadow:0 2px 12px #0003,0 0 0 1px #0000000f;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;left:248px;left:var(--sidebar-width);position:fixed;top:18px;transform:translateX(-50%);transition:left .25s ease,background .25s ease,box-shadow .25s ease;transition:left var(--transition),background var(--transition),box-shadow var(--transition);width:28px;z-index:9999}.sidebar--collapsed .sidebar__toggle{left:68px;left:var(--sidebar-collapsed)}.sidebar__toggle svg{stroke:#1b4a5a;stroke-width:2.5;height:13px;width:13px}.sidebar__toggle:hover{background:#f0f4f6;box-shadow:0 4px 20px #00000047}.topbar{background:#fff;border-bottom:1px solid #e4e8ef;flex-shrink:0;gap:20px;height:64px;justify-content:space-between;padding:0 28px;position:relative;z-index:999}.topbar,.topbar__search{align-items:center;display:flex}.topbar__search{background:#f5f7fa;border:1px solid #e4e8ef;border-radius:10px;gap:10px;padding:9px 16px;width:340px}.topbar__search svg{stroke:#9aa3b0;flex-shrink:0;height:17px;width:17px}.topbar__search input{background:#0000;border:none;color:#1a2533;font-family:Sora,sans-serif;font-size:13.5px;outline:none;width:100%}.topbar__search input::placeholder{color:#9aa3b0}.topbar__user{margin-left:auto;position:relative}.topbar__profile-btn,.topbar__user{align-items:center;display:flex;gap:10px}.topbar__profile-btn{background:none;border:none;border-radius:10px;cursor:pointer;padding:6px 10px;transition:background .15s}.topbar__profile-btn:hover{background:#f5f7fa}.topbar__avatar{border:2px solid #e4e8ef;border-radius:50%;flex-shrink:0;height:36px;object-fit:cover;width:36px}.topbar__name{color:#1a2533;font-family:Sora,sans-serif;font-size:14px;font-weight:500;white-space:nowrap}.topbar__caret{stroke:#9aa3b0;flex-shrink:0;height:15px;transition:transform .2s;width:15px}.topbar__caret--open{transform:rotate(180deg)}.topbar__dropdown{animation:topbar-dropdown-in .15s ease;background:#fff;border:1px solid #e4e8ef;border-radius:14px;box-shadow:0 8px 28px #0000001a;padding:6px;position:absolute;right:0;top:calc(100% + 10px);width:230px;z-index:200}@keyframes topbar-dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.topbar__dropdown-user{align-items:center;display:flex;gap:10px;padding:10px 12px 12px}.topbar__dropdown-avatar{border:2px solid #e4e8ef;border-radius:50%;flex-shrink:0;height:38px;object-fit:cover;width:38px}.topbar__dropdown-name{color:#1a2533;font-family:Sora,sans-serif;font-size:13.5px;font-weight:600}.topbar__dropdown-role{color:#9aa3b0;font-family:Sora,sans-serif;font-size:11.5px;margin-top:2px}.topbar__dropdown-divider{background:#e4e8ef;height:1px;margin:2px 0 6px}.topbar__logout-btn{align-items:center;background:none;border:none;border-radius:8px;color:#e05252;cursor:pointer;display:flex;font-family:Sora,sans-serif;font-size:13.5px;font-weight:500;gap:10px;padding:10px 12px;text-align:left;transition:background .15s;width:100%}.topbar__logout-btn:hover{background:#fff0f0}.topbar__logout-btn svg{stroke:#e05252;flex-shrink:0}.topbar__confirm{padding:10px 12px 12px}.topbar__confirm-text{color:#1a2533;font-family:Sora,sans-serif;font-size:13px;font-weight:600;margin-bottom:10px}.topbar__confirm-actions{display:flex;gap:8px}.topbar__confirm-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:Sora,sans-serif;font-size:12.5px;font-weight:600;padding:8px 0;transition:background .15s,transform .1s}.topbar__confirm-btn:active{transform:scale(.97)}.topbar__confirm-btn--yes{background:#e05252;color:#fff}.topbar__confirm-btn--yes:hover{background:#c93e3e}.topbar__confirm-btn--no{background:#f2f4f7;color:#6b7a90}.topbar__confirm-btn--no:hover{background:#e4e8ef}.bp-page{background:#f4f6f7;font-family:DM Sans,sans-serif;min-height:100vh;padding:32px 36px}.bp-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.bp-title{color:#1a2e35;font-size:22px;font-weight:700;margin:0}.bp-search-bar{align-items:center;background:#fff;border:1.5px solid #e0e7ea;border-radius:10px;display:flex;gap:10px;padding:10px 16px;transition:border-color .2s;width:320px}.bp-search-bar:focus-within{border-color:#1e6b6b}.bp-search-bar svg{color:#9aafb5;flex-shrink:0}.bp-search-bar input{background:#0000;border:none;color:#1a2e35;font-family:DM Sans,sans-serif;font-size:14px;outline:none;width:100%}.bp-search-bar input::placeholder{color:#b0c0c5}.bp-create-btn{background:#1e3f4f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:11px 22px;transition:background .2s,transform .1s;white-space:nowrap}.bp-create-btn:hover{background:#15303e;transform:translateY(-1px)}.bp-create-btn:active{transform:translateY(0)}.bp-controls{gap:16px}.bp-controls,.bp-empty{align-items:center;display:flex}.bp-empty{flex-direction:column;gap:12px;justify-content:center;min-height:400px}.bp-empty-icon{height:72px;opacity:.25;width:72px}.bp-empty-text{color:#9aafb5;font-size:15px;font-weight:500}.bp-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:8px}.bp-card{animation:fadeInCard .3s ease both;background:#fff;border-radius:14px;box-shadow:0 2px 8px #1e3f4f0f;padding:20px 22px;transition:box-shadow .2s}.bp-card:hover{box-shadow:0 6px 20px #1e3f4f1f}.bp-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.bp-card-customer-label{color:#9aafb5;font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:3px}.bp-card-customer-name{color:#1a2e35;font-size:16px;font-weight:700}.bp-edit-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#1e6b6b;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:4px 8px;transition:background .15s}.bp-edit-btn:hover{background:#e8f4f4}.bp-card-stats{display:flex;gap:0;margin-bottom:14px;padding-left:12px}.bp-stat{border-right:1.5px solid #edf1f2;flex:1 1;padding-right:12px}.bp-stat:last-child{border-left:1.5px solid #edf1f2;border-right:none;padding-left:12px;padding-right:0}.bp-stat:nth-child(2){border-left:1.5px solid #e8b89a;padding:0 12px}.bp-stat-label{color:#9aafb5;font-size:10px;font-weight:500;letter-spacing:.4px;margin-bottom:2px}.bp-stat-value{color:#1a2e35;font-family:DM Mono,monospace;font-size:13px;font-weight:600}.bp-card-detail{align-items:flex-start;border-top:1px solid #f0f3f4;display:flex;font-size:13px;justify-content:space-between;padding:7px 0}.bp-card-detail-label{color:#6b8a93;font-weight:500;min-width:110px}.bp-contact-numbers{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.bp-contact-badge{background:#eef7f7;border-radius:5px;color:#1e6b6b;font-family:DM Mono,monospace;font-size:12px;font-weight:500;padding:2px 8px}.bp-toast{animation:toastIn .35s ease .1s forwards,toastOut .3s ease 3.5s forwards;background:#fff;border:1.5px solid #c3e8c3;border-radius:12px;bottom:32px;box-shadow:0 8px 24px #0000001f;gap:12px;left:50%;min-width:320px;opacity:0;padding:14px 20px;position:fixed;transform:translateX(-50%) translateY(20px);z-index:1000}.bp-toast,.bp-toast-icon{align-items:center;display:flex}.bp-toast-icon{background:#e6f7e6;border-radius:50%;color:#28a745;flex-shrink:0;height:28px;justify-content:center;width:28px}.bp-toast-content strong{color:#1a2e35;display:block;font-size:14px;font-weight:700}.bp-toast-content span{color:#6b8a93;font-size:13px}.bp-toast-close{background:none;border:none;color:#9aafb5;cursor:pointer;font-size:16px;margin-left:auto;padding:0 4px}.bp-loading-msg{color:#9aafb5;font-size:16px;font-weight:500;padding:50px;text-align:center}.bp-card-detail-value{word-wrap:break-word;color:#1a2e35;font-weight:500;max-width:60%;text-align:right}.bp-stat:first-child{border-left:3.5px solid #3ab5b5;padding-left:10px}.bp-stat:nth-child(2){border-left:3.5px solid #e8b89a;border-right:1.5px solid #edf1f2;padding-left:10px}.bp-stat:nth-child(3){border-left:3.5px solid #a389f4;padding-left:10px}.modal-overlay{align-items:center;animation:overlayIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14283273;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-box{animation:modalIn .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:18px;box-shadow:0 24px 60px #14283238;max-height:90vh;max-width:95vw;overflow-y:auto;padding:32px 36px 28px;width:820px}@keyframes modalIn{0%{opacity:0;transform:scale(.93) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.modal-title{color:#1a2e35;font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;margin:0}.modal-close{align-items:center;background:#f0f4f5;border:none;border-radius:8px;color:#6b8a93;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s,color .15s;width:32px}.modal-close:hover{background:#e0e8ea;color:#1a2e35}.form-grid{grid-gap:18px 20px;display:grid;gap:18px 20px;grid-template-columns:repeat(3,1fr)}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{color:#6b8a93;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.3px}.form-field input{background:#fafcfc;border:1.5px solid #e0e7ea;border-radius:9px;color:#1a2e35;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.form-field input::placeholder{color:#b8cdd2}.form-field input:focus{background:#fff;border-color:#1e6b6b;box-shadow:0 0 0 3px #1e6b6b1a}.contact-input-row{align-items:center;display:flex;gap:8px}.contact-input-row input{flex:1 1}.add-contact-btn{align-items:center;background:#e07a45;border:none;border-radius:9px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:38px;justify-content:center;line-height:1;transition:background .15s,transform .1s;width:38px}.add-contact-btn:hover{background:#c9642e;transform:scale(1.05)}.phone-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.phone-tag{background:#eef7f7;border:1px solid #c5e4e4;border-radius:6px;color:#1e5f5f;font-family:DM Mono,monospace;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.phone-tag,.phone-tag-remove{align-items:center;display:flex}.phone-tag-remove{background:none;border:none;color:#7ab5b5;cursor:pointer;padding:0;transition:color .15s}.phone-tag-remove:hover{color:#c0392b}.modal-footer{display:flex;justify-content:flex-end;margin-top:28px}.modal-submit-btn{background:#1e3f4f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;letter-spacing:.3px;padding:12px 32px;transition:background .2s,transform .1s}.modal-submit-btn:hover{background:#152e3c;transform:translateY(-1px)}.modal-submit-btn:active{transform:translateY(0)}.modal-submit-btn.edit-btn{background:#1e6b6b}.modal-submit-btn.edit-btn:hover{background:#155555}.wo-page{background:#f4f6f7;font-family:DM Sans,sans-serif;min-height:100vh;padding:32px 36px}.wo-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.wo-title{color:#1a2e35;font-size:22px;font-weight:700;margin:0}.wo-controls{gap:16px}.wo-controls,.wo-search-bar{align-items:center;display:flex}.wo-search-bar{background:#fff;border:1.5px solid #e0e7ea;border-radius:10px;gap:10px;padding:10px 16px;transition:border-color .2s;width:320px}.wo-search-bar:focus-within{border-color:#1e6b6b}.wo-search-bar svg{color:#9aafb5;flex-shrink:0}.wo-search-bar input{background:#0000;border:none;color:#1a2e35;font-family:DM Sans,sans-serif;font-size:14px;outline:none;width:100%}.wo-search-bar input::placeholder{color:#b0c0c5}.wo-create-btn{background:#1e3f4f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:11px 22px;transition:background .2s,transform .1s;white-space:nowrap}.wo-create-btn:hover{background:#15303e;transform:translateY(-1px)}.wo-create-btn:active{transform:translateY(0)}.wo-empty{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:400px}.wo-empty-icon{height:72px;opacity:.25;width:72px}.wo-empty-text{color:#9aafb5;font-size:15px;font-weight:500}.wo-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:8px}.wo-card{animation:fadeInCard .3s ease both;background:#fff;border-radius:14px;box-shadow:0 2px 8px #1e3f4f0f;overflow:hidden;transition:box-shadow .2s}.wo-card:hover{box-shadow:0 6px 20px #1e3f4f1f}@keyframes fadeInCard{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wo-card-header{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.wo-card-header--blue{background:#cce8f4}.wo-card-header--purple{background:#e0d7f5}.wo-card-header--peach{background:#fde8df}.wo-card-wo-label{color:#5a7a88;font-size:10px;font-weight:600;letter-spacing:.4px;margin-bottom:2px}.wo-card-wo-number{color:#1a2e35;font-family:DM Mono,monospace;font-size:14px;font-weight:700}.wo-edit-btn{align-items:center;background:#fff;border:none;border-radius:7px;box-shadow:0 1px 4px #00000014;color:#1a2e35;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;gap:6px;padding:5px 12px;transition:background .15s}.wo-edit-btn:hover{background:#f0f4f5}.wo-card-body{padding:14px 16px 0}.wo-card-row{align-items:center;border-bottom:1px solid #f0f3f4;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.wo-card-row:last-of-type{border-bottom:none}.wo-card-row-label{color:#6b8a93;font-weight:500}.wo-card-row-value{color:#1a2e35;font-weight:600;text-align:right}.wo-card-downloads{display:flex;gap:10px;padding:14px 16px 10px}.wo-dl-btn{align-items:center;background:#f5f8f8;border:1.5px solid #e0e7ea;border-radius:8px;color:#1a2e35;cursor:pointer;display:flex;flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;gap:7px;justify-content:center;padding:9px 0;transition:background .15s,border-color .15s}.wo-dl-btn:hover{background:#e8f0f2;border-color:#b0c8cf}.wo-card-warning{color:#e07a45;font-size:11.5px;font-style:italic;padding:6px 16px 14px}.wo-toast{animation:toastIn .35s ease .1s forwards;bottom:70%}.wo-toast,.wo-toast.auto-close{align-items:center;background:#fff;border:1.5px solid #c3e8c3;border-radius:12px;box-shadow:0 8px 24px #0000001f;display:flex;gap:12px;left:50%;min-width:340px;opacity:0;padding:14px 20px;position:fixed;transform:translateX(-50%) translateY(20px);z-index:1000}.wo-toast.auto-close{animation:toastIn .35s ease .1s forwards,toastOut .3s ease 3.5s forwards;bottom:32px}@keyframes toastIn{to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toastOut{to{opacity:0;transform:translateX(-50%) translateY(20px)}}.wo-toast-icon{align-items:center;background:#e6f7e6;border-radius:50%;color:#28a745;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.wo-toast-content strong{color:#1a2e35;display:block;font-size:14px;font-weight:700}.wo-toast-content span{color:#6b8a93;font-size:13px}.wo-toast-close{background:none;border:none;color:#9aafb5;cursor:pointer;font-size:16px;margin-left:auto;padding:0 4px}.wo-modal-overlay{align-items:center;animation:woOverlayIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14283273;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}@keyframes woOverlayIn{0%{opacity:0}to{opacity:1}}.wo-modal-box{animation:woModalIn .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:18px;box-shadow:0 24px 60px #14283238;max-height:92vh;max-width:95vw;overflow-y:auto;padding:32px 36px 28px;width:860px}@keyframes woModalIn{0%{opacity:0;transform:scale(.93) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.wo-modal-box::-webkit-scrollbar{width:4px}.wo-modal-box::-webkit-scrollbar-thumb{background:#d0dde2;border-radius:4px}.wo-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.wo-modal-title{color:#1a2e35;font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;margin:0}.wo-modal-close{align-items:center;background:#f0f4f5;border:none;border-radius:8px;color:#6b8a93;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s,color .15s;width:32px}.wo-modal-close:hover{background:#e0e8ea;color:#1a2e35}.wo-form-grid{grid-gap:18px 20px;display:grid;gap:18px 20px;grid-template-columns:repeat(3,1fr)}.wo-form-field{display:flex;flex-direction:column;gap:6px}.wo-form-field label{color:#6b8a93;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.3px}.wo-form-field input[type=date],.wo-form-field input[type=number],.wo-form-field input[type=text]{background:#fafcfc;border:1.5px solid #e0e7ea;border-radius:9px;color:#1a2e35;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.wo-form-field input:focus{background:#fff;border-color:#1e6b6b;box-shadow:0 0 0 3px #1e6b6b1a}.wo-form-field input::placeholder{color:#b8cdd2}.wo-form-field select{-webkit-appearance:none;appearance:none;background:#fafcfc url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 6 5-6' stroke='%236b8a93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;border:1.5px solid #e0e7ea;border-radius:9px;color:#1a2e35;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:10px 36px 10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.wo-form-field select:focus{background-color:#fff;border-color:#1e6b6b;box-shadow:0 0 0 3px #1e6b6b1a}.wo-form-field select option{color:#1a2e35}.wo-date-wrapper{position:relative}.wo-date-wrapper input[type=date]{padding-right:40px}.wo-upload-field{align-items:center;background:#fafcfc;border:1.5px solid #e0e7ea;border-radius:9px;display:flex;overflow:hidden;transition:border-color .2s}.wo-upload-field:focus-within{border-color:#1e6b6b}.wo-upload-placeholder{color:#b8cdd2;flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;overflow:hidden;padding:10px 14px;text-overflow:ellipsis;white-space:nowrap}.wo-upload-placeholder.has-file{color:#1a2e35}.wo-upload-btn{background:#1e3f4f;border:none;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;padding:10px 14px;transition:background .15s;white-space:nowrap}.wo-upload-btn:hover{background:#15303e}.wo-upload-input{display:none}.wo-modal-footer{display:flex;justify-content:flex-end;margin-top:28px}.wo-modal-submit-btn{background:#1e3f4f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;padding:12px 36px;transition:background .2s,transform .1s}.wo-modal-submit-btn:hover{background:#152e3c;transform:translateY(-1px)}.wo-modal-submit-btn:active{transform:translateY(0)}.wo-modal-submit-btn.update-btn{background:#1e6b6b}.wo-modal-submit-btn.update-btn:hover{background:#155555}.jo-page{background:#f4f6f7;font-family:DM Sans,sans-serif;min-height:100vh;padding:32px 36px}.jo-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.jo-title{color:#1a2e35;font-size:22px;font-weight:700;margin:0}.jo-controls{gap:16px}.jo-controls,.jo-search-bar{align-items:center;display:flex}.jo-search-bar{background:#fff;border:1.5px solid #e0e7ea;border-radius:10px;gap:10px;padding:10px 16px;transition:border-color .2s;width:320px}.jo-search-bar:focus-within{border-color:#1e6b6b}.jo-search-bar svg{color:#9aafb5;flex-shrink:0}.jo-search-bar input{background:#0000;border:none;color:#1a2e35;font-family:DM Sans,sans-serif;font-size:14px;outline:none;width:100%}.jo-search-bar input::placeholder{color:#b0c0c5}.jo-create-btn{background:#1e3f4f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:11px 22px;transition:background .2s,transform .1s;white-space:nowrap}.jo-create-btn:hover{background:#15303e;transform:translateY(-1px)}.jo-create-btn:active{transform:translateY(0)}.jo-empty{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:400px}.jo-empty-icon{height:72px;opacity:.25;width:72px}.jo-empty-text{color:#9aafb5;font-size:15px;font-weight:500}.jo-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:8px}.jo-card{animation:jofadeIn .3s ease both;background:#fff;border-radius:14px;box-shadow:0 2px 8px #1e3f4f0f;overflow:hidden;transition:box-shadow .2s}.jo-card:hover{box-shadow:0 6px 20px #1e3f4f1f}@keyframes jofadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.jo-card-header{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.jo-card-header--blue{background:#cce8f4}.jo-card-header--purple{background:#e0d7f5}.jo-card-header--peach{background:#fde8df}.jo-card-jo-label{color:#5a7a88;font-size:10px;font-weight:600;letter-spacing:.4px;margin-bottom:2px}.jo-card-jo-number{color:#1a2e35;font-family:DM Mono,monospace;font-size:14px;font-weight:700}.jo-edit-btn{align-items:center;background:#fff;border:none;border-radius:7px;box-shadow:0 1px 4px #00000014;color:#1a2e35;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;gap:6px;padding:5px 12px;transition:background .15s}.jo-edit-btn:hover{background:#f0f4f5}.jo-card-body{padding:14px 16px 16px}.jo-card-row{align-items:center;border-bottom:1px solid #f0f3f4;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.jo-card-row:last-of-type{border-bottom:none}.jo-card-row-label{color:#6b8a93;font-weight:500}.jo-card-row-value{color:#1a2e35;font-weight:600;text-align:right}.jo-card-row-value--high{color:#e05252;font-weight:700}.jo-card-row-value--medium{color:#e09a30;font-weight:700}.jo-card-row-value--low{color:#28a745;font-weight:700}.jo-toast{align-items:center;animation:jotoastIn .35s ease .1s forwards,jotoastOut .3s ease 3.5s forwards;background:#fff;border:1.5px solid #c3e8c3;border-radius:12px;bottom:32px;box-shadow:0 8px 24px #0000001f;display:flex;gap:12px;left:50%;min-width:340px;opacity:0;padding:14px 20px;position:fixed;transform:translateX(-50%) translateY(20px);z-index:1000}@keyframes jotoastIn{to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes jotoastOut{to{opacity:0;transform:translateX(-50%) translateY(20px)}}.jo-toast-icon{align-items:center;background:#e6f7e6;border-radius:50%;color:#28a745;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.jo-toast-content strong{color:#1a2e35;display:block;font-size:14px;font-weight:700}.jo-toast-content span{color:#6b8a93;font-size:13px}.jo-toast-close{background:none;border:none;color:#9aafb5;cursor:pointer;margin-left:auto}.jo-modal-overlay{align-items:center;animation:joOverlayIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14283273;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}@keyframes joOverlayIn{0%{opacity:0}to{opacity:1}}.jo-modal-box{animation:joModalIn .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:18px;box-shadow:0 24px 60px #14283238;max-height:92vh;max-width:95vw;overflow-y:auto;padding:32px 36px 28px;width:820px}@keyframes joModalIn{0%{opacity:0;transform:scale(.93) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.jo-modal-box::-webkit-scrollbar{width:4px}.jo-modal-box::-webkit-scrollbar-thumb{background:#d0dde2;border-radius:4px}.jo-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.jo-modal-title{color:#1a2e35;font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;margin:0}.jo-modal-close{align-items:center;background:#f0f4f5;border:none;border-radius:8px;color:#6b8a93;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s,color .15s;width:32px}.jo-modal-close:hover{background:#e0e8ea;color:#1a2e35}.jo-form-grid{grid-gap:18px 20px;display:grid;gap:18px 20px;grid-template-columns:repeat(3,1fr)}.jo-form-field{display:flex;flex-direction:column;gap:6px}.jo-form-field label{color:#6b8a93;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.3px}.jo-form-field input[type=date],.jo-form-field input[type=number],.jo-form-field input[type=text]{background:#fafcfc;border:1.5px solid #e0e7ea;border-radius:9px;color:#1a2e35;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.jo-form-field input:focus{background:#fff;border-color:#1e6b6b;box-shadow:0 0 0 3px #1e6b6b1a}.jo-form-field input::placeholder{color:#b8cdd2}.jo-form-field select{-webkit-appearance:none;appearance:none;background:#fafcfc url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 6 5-6' stroke='%236b8a93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;border:1.5px solid #e0e7ea;border-radius:9px;color:#1a2e35;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:10px 36px 10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.jo-form-field select:focus{background-color:#fff;border-color:#1e6b6b;box-shadow:0 0 0 3px #1e6b6b1a}.jo-operator-row{align-items:center;display:flex;gap:8px}.jo-operator-row input{flex:1 1}.jo-add-btn{align-items:center;background:#e07a45;border:none;border-radius:9px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;font-weight:700;height:38px;justify-content:center;line-height:1;transition:background .15s,transform .1s;width:38px}.jo-add-btn:hover{background:#c9642e;transform:scale(1.05)}.jo-operator-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.jo-operator-tag{align-items:center;background:#eef7f7;border:1px solid #c5e4e4;border-radius:6px;color:#1e5f5f;display:flex;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.jo-operator-tag-remove{align-items:center;background:none;border:none;color:#7ab5b5;cursor:pointer;display:flex;padding:0;transition:color .15s}.jo-operator-tag-remove:hover{color:#c0392b}.jo-form-field--wide{grid-column:span 2}.jo-modal-footer{display:flex;justify-content:flex-end;margin-top:28px}.jo-modal-submit-btn{background:#1e3f4f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;padding:12px 36px;transition:background .2s,transform .1s}.jo-modal-submit-btn:hover{background:#152e3c;transform:translateY(-1px)}.jo-modal-submit-btn:active{transform:translateY(0)}.jo-modal-submit-btn.jo-update-btn{background:#1e6b6b}.jo-modal-submit-btn.jo-update-btn:hover{background:#155555}.prod-page{background:#f4f6f7;font-family:DM Sans,sans-serif;min-height:100vh;padding:32px 36px}.prod-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.prod-title{color:#1a2e35;font-size:22px;font-weight:700;margin:0}.prod-search-bar{align-items:center;background:#fff;border:1.5px solid #e0e7ea;border-radius:10px;display:flex;gap:10px;margin-bottom:20px;padding:10px 16px;transition:border-color .2s;width:320px}.prod-search-bar:focus-within{border-color:#1e6b6b}.prod-search-bar svg{color:#9aafb5;flex-shrink:0}.prod-search-bar input{background:#0000;border:none;color:#1a2e35;font-family:DM Sans,sans-serif;font-size:14px;outline:none;width:100%}.prod-search-bar input::placeholder{color:#b0c0c5}.prod-tabs{border-bottom:2px solid #e0e7ea;display:flex;gap:28px;margin-bottom:24px}.prod-tab{background:none;border:none;border-bottom:2.5px solid #0000;color:#9aafb5;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;margin-bottom:-2px;padding:8px 0 12px;transition:color .2s,border-color .2s}.prod-tab:hover{color:#1a2e35}.prod-tab--active{border-bottom-color:#1a2e35;color:#1a2e35;font-weight:700}.prod-empty{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:350px}.prod-empty-icon{height:72px;opacity:.25;width:72px}.prod-empty-text{color:#9aafb5;font-size:15px;font-weight:500}.prod-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.prod-card{animation:prodFadeIn .3s ease both;background:#fff;border-radius:14px;box-shadow:0 2px 8px #1e3f4f0f;overflow:hidden;transition:box-shadow .2s}.prod-card:hover{box-shadow:0 6px 20px #1e3f4f1f}@keyframes prodFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.prod-card-header{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.prod-card-header--blue{background:#cce8f4}.prod-card-header--purple{background:#e0d7f5}.prod-card-header--peach{background:#fde8df}.prod-card-label{color:#5a7a88;font-size:10px;font-weight:600;letter-spacing:.4px;margin-bottom:2px}.prod-card-number{color:#1a2e35;font-family:DM Mono,monospace;font-size:14px;font-weight:700}.prod-edit-btn{align-items:center;background:#fff;border:none;border-radius:7px;box-shadow:0 1px 4px #00000014;color:#1a2e35;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;gap:6px;padding:5px 12px;transition:background .15s}.prod-edit-btn:hover{background:#f0f4f5}.prod-card-body{padding:14px 16px 16px}.prod-card-row{align-items:center;border-bottom:1px solid #f0f3f4;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.prod-card-row:last-of-type{border-bottom:none}.prod-card-row-label{color:#6b8a93;font-weight:500}.prod-card-row-value{color:#1a2e35;font-weight:600;text-align:right}.prod-toast{align-items:center;animation:prodToastIn .35s ease .1s forwards,prodToastOut .3s ease 3.5s forwards;background:#fff;border:1.5px solid #c3e8c3;border-radius:12px;bottom:32px;box-shadow:0 8px 24px #0000001f;display:flex;gap:12px;left:50%;min-width:360px;opacity:0;padding:14px 20px;position:fixed;transform:translateX(-50%) translateY(20px);z-index:1000}@keyframes prodToastIn{to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes prodToastOut{to{opacity:0;transform:translateX(-50%) translateY(20px)}}.prod-toast-icon{align-items:center;background:#e6f7e6;border-radius:50%;color:#28a745;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.prod-toast-content strong{color:#1a2e35;display:block;font-size:14px;font-weight:700}.prod-toast-content span{color:#6b8a93;font-size:13px}.prod-toast-close{background:none;border:none;color:#9aafb5;cursor:pointer;margin-left:auto}.pu-overlay{align-items:center;animation:puOverlayIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14283273;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}@keyframes puOverlayIn{0%{opacity:0}to{opacity:1}}.pu-box{animation:puModalIn .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:18px;box-shadow:0 24px 60px #14283238;max-height:92vh;max-width:95vw;overflow-y:auto;padding:22px 10px 28px;width:860px}@keyframes puModalIn{0%{opacity:0;transform:scale(.93) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.pu-box::-webkit-scrollbar{width:4px}.pu-box::-webkit-scrollbar-thumb{background:#d0dde2;border-radius:4px}.pu-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.pu-title{color:#1a2e35;font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;margin:0}.pu-close{align-items:center;background:#f0f4f5;border:none;border-radius:8px;color:#6b8a93;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s;width:32px}.pu-close:hover{background:#e0e8ea;color:#1a2e35}.pu-summary{border:1px solid #e0e7ea;border-radius:5px;display:flex;margin-bottom:24px;overflow:hidden}.pu-summary-col{border-right:1.5px solid #e0e7ea;flex:1 1;padding:12px 16px}.pu-summary-col:last-child{border-right:none}.pu-summary-label{color:#9aafb5;font-size:11px;font-weight:500;margin-bottom:3px;text-align:center}.pu-summary-value{font-size:12px;text-align:center}.pu-form-grid{grid-gap:18px 20px;display:grid;gap:18px 20px;grid-template-columns:repeat(3,1fr)}.pu-form-field{display:flex;flex-direction:column;gap:6px}.pu-form-field label{color:#6b8a93;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.3px}.pu-form-field input[type=date],.pu-form-field input[type=number],.pu-form-field input[type=text]{background:#fafcfc;border:1.5px solid #e0e7ea;border-radius:9px;color:#1a2e35;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.pu-form-field input:focus{background:#fff;border-color:#1e6b6b;box-shadow:0 0 0 3px #1e6b6b1a}.pu-form-field input::placeholder{color:#b8cdd2}.pu-form-field input[readonly]{background:#f0f4f5;color:#6b8a93;cursor:default}.pu-form-field select{-webkit-appearance:none;appearance:none;background:#fafcfc url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 6 5-6' stroke='%236b8a93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;border:1.5px solid #e0e7ea;border-radius:9px;color:#1a2e35;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:10px 36px 10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.pu-form-field select:focus{background-color:#fff;border-color:#1e6b6b;box-shadow:0 0 0 3px #1e6b6b1a}.pu-form-field--full{grid-column:span 2}.pu-footer{display:flex;justify-content:flex-end;margin-top:28px}.pu-submit-btn{background:#1e3f4f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;padding:12px 36px;transition:background .2s,transform .1s}.pu-submit-btn:hover{background:#152e3c;transform:translateY(-1px)}.pu-submit-btn:active{transform:translateY(0)}.dc-page{background:#f4f6f7;font-family:DM Sans,sans-serif;min-height:100vh;padding:32px 36px}.dc-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.dc-title{color:#1a2e35;font-weight:700;margin:0}.dc-controls{gap:16px}.dc-controls,.dc-search-bar{align-items:center;display:flex}.dc-search-bar{background:#fff;border:1.5px solid #e0e7ea;border-radius:10px;gap:10px;padding:10px 16px;transition:border-color .2s;width:320px}.dc-search-bar:focus-within{border-color:#1e6b6b}.dc-search-bar svg{color:#9aafb5;flex-shrink:0}.dc-search-bar input{background:#0000;border:none;color:#1a2e35;font-family:DM Sans,sans-serif;font-size:14px;outline:none;width:100%}.dc-search-bar input::placeholder{color:#b0c0c5}.dc-create-btn{background:#1e3f4f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:11px 22px;transition:background .2s,transform .1s;white-space:nowrap}.dc-create-btn:hover{background:#15303e;transform:translateY(-1px)}.dc-create-btn:active{transform:translateY(0)}.dc-empty{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:400px}.dc-empty-icon{height:72px;opacity:.25;width:72px}.dc-empty-text{color:#9aafb5;font-size:15px;font-weight:500}.dc-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.dc-card{animation:dcFadeIn .3s ease both;border-radius:14px;box-shadow:0 2px 8px #1e3f4f0f;overflow:hidden;transition:box-shadow .2s}.dc-card:hover{box-shadow:0 6px 20px #1e3f4f1f}@keyframes dcFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dc-card-header{background:#cce8f4;padding:12px 16px}.dc-card-dc-label{color:#5a7a88;font-size:10px;font-weight:600;letter-spacing:.4px;margin-bottom:2px}.dc-card-dc-number{color:#1a2e35;font-family:DM Mono,monospace;font-size:14px;font-weight:700}.dc-edit-btn{align-items:center;background:#fff;border:none;border-radius:7px;box-shadow:0 1px 4px #00000014;color:#1a2e35;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;gap:6px;padding:5px 12px;transition:background .15s}.dc-edit-btn:hover{background:#f0f4f5}.dc-card-body{padding:14px 16px 0}.dc-card-row{align-items:center;border-bottom:1px solid #f0f3f4;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.dc-card-row:last-of-type{border-bottom:none}.dc-card-row-label{color:#6b8a93;font-weight:500}.dc-card-row-value{color:#1a2e35;font-weight:600;text-align:right}.dc-address-section{padding:10px 16px 0}.dc-address-label{color:#6b8a93;font-size:11px;font-weight:500;margin-bottom:5px}.dc-card-total{align-items:center;background:#f5f8f8;border-radius:8px;color:#1a2e35;display:flex;font-size:13px;font-weight:700;justify-content:space-between;margin:10px 16px;padding:10px 14px}.dc-card-actions{display:flex;gap:10px;padding:0 16px 16px}.dc-action-btn{border-radius:8px;cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:9px 0;transition:background .15s,border-color .15s}.dc-action-btn--preview{background:#fde8df;border:1.5px solid #f0c8b8;color:#c05a30}.dc-action-btn--preview:hover{background:#fad5c5}.dc-action-btn--download{background:#e0f0ef;border:1.5px solid #b0d8d5;color:#1e6b6b}.dc-action-btn--download:hover{background:#c8e5e3}.dc-toast{align-items:center;animation:dcToastIn .35s ease .1s forwards,dcToastOut .3s ease 3.5s forwards;background:#fff;border:1.5px solid #c3e8c3;border-radius:12px;bottom:32px;box-shadow:0 8px 24px #0000001f;display:flex;gap:12px;left:50%;min-width:360px;opacity:0;padding:14px 20px;position:fixed;transform:translateX(-50%) translateY(20px);z-index:1000}@keyframes dcToastIn{to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes dcToastOut{to{opacity:0;transform:translateX(-50%) translateY(20px)}}.dc-toast-icon{align-items:center;background:#e6f7e6;border-radius:50%;color:#28a745;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.dc-toast-content strong{color:#1a2e35;display:block;font-size:14px;font-weight:700}.dc-toast-content span{color:#6b8a93;font-size:13px}.dc-toast-close{background:none;border:none;color:#9aafb5;cursor:pointer;margin-left:auto}.dc-container{background:#f5f6f8;min-height:100vh;padding:24px}.dc-title{font-size:22px;font-weight:600}.dc-search,.dc-title{margin-bottom:20px}.dc-search-input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;padding:10px 14px;width:400px}.dc-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000000d;padding:6px;width:348px}.dc-card-header{align-items:center;background:#fff6ed;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.dc-label{color:#777;font-size:12px}.dc-number{font-size:16px;font-weight:600;margin-top:4px}.dc-view-btn{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:50%;cursor:pointer;display:flex;height:25px;justify-content:center;padding:0;transition:all .2s ease;width:25px}.dc-view-btn:hover{background:#f3f3f3;box-shadow:0 2px 6px #00000014}.dc-address-box{background:#f7f7f7;border-radius:8px;margin-top:5px;padding:12px}.dc-address-title{font-size:13px;font-weight:500;margin-bottom:4px}.dc-address-text{color:#555;font-size:13px}.dc-back-btn{background:none;border:none;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:20px}.dc-production-card{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:20px;padding:20px}.dc-modal-overlay{align-items:center;animation:dcOverlayIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14283273;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}@keyframes dcOverlayIn{0%{opacity:0}to{opacity:1}}.dc-modal-box{animation:dcModalIn .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:18px;box-shadow:0 24px 60px #14283238;max-height:92vh;max-width:95vw;overflow-y:auto;padding:32px 36px 28px;width:840px}@keyframes dcModalIn{0%{opacity:0;transform:scale(.93) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.dc-modal-box::-webkit-scrollbar{width:4px}.dc-modal-box::-webkit-scrollbar-thumb{background:#d0dde2;border-radius:4px}.dc-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.dc-modal-title{color:#1a2e35;font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;margin:0}.dc-modal-close{align-items:center;background:#f0f4f5;border:none;border-radius:8px;color:#6b8a93;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s;width:32px}.dc-modal-close:hover{background:#e0e8ea;color:#1a2e35}.dc-form-grid{grid-gap:18px 20px;display:grid;gap:18px 20px;grid-template-columns:repeat(3,1fr)}.dc-form-field{display:flex;flex-direction:column;gap:6px}.dc-form-field label{color:#6b8a93;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.3px}.dc-form-field input[type=number],.dc-form-field input[type=text]{background:#fafcfc;border:1.5px solid #e0e7ea;border-radius:9px;color:#1a2e35;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.dc-form-field input:focus{background:#fff;border-color:#1e6b6b;box-shadow:0 0 0 3px #1e6b6b1a}.dc-form-field input::placeholder{color:#b8cdd2}.dc-form-field input[readonly]{background:#f0f4f5;color:#6b8a93;cursor:default}.dc-form-field select{-webkit-appearance:none;appearance:none;background:#fafcfc url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 6 5-6' stroke='%236b8a93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;border:1.5px solid #e0e7ea;border-radius:9px;color:#1a2e35;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:10px 36px 10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.dc-form-field select:focus{background-color:#fff;border-color:#1e6b6b;box-shadow:0 0 0 3px #1e6b6b1a}.dc-form-field textarea{background:#fafcfc;border:1.5px solid #e0e7ea;border-radius:9px;color:#1a2e35;font-family:DM Sans,sans-serif;font-size:14px;min-height:72px;outline:none;padding:10px 14px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.dc-form-field textarea:focus{background:#fff;border-color:#1e6b6b;box-shadow:0 0 0 3px #1e6b6b1a}.dc-form-field textarea::placeholder{color:#b8cdd2}.dc-form-field--full{grid-column:span 3}.dc-form-field--half{grid-column:span 2}.dc-same-as-row{align-items:center;color:#6b8a93;cursor:pointer;display:flex;font-size:13px;gap:8px;margin-top:6px}.dc-same-as-row input[type=checkbox]{accent-color:#1e6b6b;background:none;border:none;box-shadow:none;cursor:pointer;height:15px;padding:0;width:15px}.dc-modal-footer{display:flex;justify-content:flex-end;margin-top:28px}.dc-modal-submit-btn{background:#1e3f4f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;padding:12px 36px;transition:background .2s,transform .1s}.dc-modal-submit-btn:hover{background:#152e3c;transform:translateY(-1px)}.dc-modal-submit-btn:active{transform:translateY(0)}.dc-modal-submit-btn.dc-update-btn{background:#1e6b6b}.dc-modal-submit-btn.dc-update-btn:hover{background:#155555}.inv-page{background:#f4f6f7;font-family:DM Sans,sans-serif;min-height:100vh;padding:32px 36px}.inv-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.inv-title{color:#1a2e35;font-size:22px;font-weight:700;margin:0}.inv-controls{gap:16px}.inv-controls,.inv-search-bar{align-items:center;display:flex}.inv-search-bar{background:#fff;border:1.5px solid #e0e7ea;border-radius:10px;gap:10px;padding:10px 16px;transition:border-color .2s;width:340px}.inv-search-bar:focus-within{border-color:#1e6b6b}.inv-search-bar svg{color:#9aafb5;flex-shrink:0}.inv-search-bar input{background:#0000;border:none;color:#1a2e35;font-family:DM Sans,sans-serif;font-size:14px;outline:none;width:100%}.inv-search-bar input::placeholder{color:#b0c0c5}.inv-create-btn{background:#1e3f4f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:11px 22px;transition:background .2s,transform .1s;white-space:nowrap}.inv-create-btn:hover{background:#15303e;transform:translateY(-1px)}.inv-create-btn:active{transform:translateY(0)}.inv-empty{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:400px}.inv-empty-icon{height:72px;opacity:.25;width:72px}.inv-empty-text{color:#9aafb5;font-size:15px;font-weight:500}.inv-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.inv-card{animation:invFadeIn .3s ease both;background:#fff;border-radius:14px;box-shadow:0 2px 8px #1e3f4f0f;overflow:hidden;transition:box-shadow .2s}.inv-card:hover{box-shadow:0 6px 20px #1e3f4f1f}.inv-card--cancelled{opacity:.75}@keyframes invFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.inv-card-header{align-items:center;background:#cce8f4;display:flex;justify-content:space-between;padding:12px 16px}.inv-card-header--cancelled{background:#f0f3f4}.inv-card-inv-label{color:#5a7a88;font-size:10px;font-weight:600;letter-spacing:.4px;margin-bottom:2px}.inv-card-inv-number{color:#1a2e35;font-family:DM Mono,monospace;font-size:14px;font-weight:700}.inv-card-inv-number--cancelled{color:#9aafb5}.inv-cancelled-badge{background:#fde8e8;border:1px solid #f5b8b8;border-radius:6px;color:#e05252;font-size:11px;font-weight:700;padding:3px 10px;white-space:nowrap}.inv-card-body{padding:14px 16px 0}.inv-card-row{align-items:center;border-bottom:1px solid #f0f3f4;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.inv-card-row:last-of-type{border-bottom:none}.inv-card-row-label{color:#6b8a93;font-weight:500}.inv-card-row-value{color:#1a2e35;font-weight:600;text-align:right}.inv-card-total{align-items:center;background:#f5f8f8;border-radius:8px;color:#1a2e35;display:flex;font-size:13px;font-weight:700;justify-content:space-between;margin:10px 16px;padding:10px 14px}.inv-card-actions{display:flex;gap:10px;padding:0 16px 16px}.inv-action-btn{border-radius:8px;cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:9px 0;transition:background .15s,border-color .15s}.inv-action-btn--preview{background:#fde8df;border:1.5px solid #f0c8b8;color:#c05a30}.inv-action-btn--preview:hover{background:#fad5c5}.inv-action-btn--download{background:#e0f0ef;border:1.5px solid #b0d8d5;color:#1e6b6b}.inv-action-btn--download:hover{background:#c8e5e3}.inv-action-btn:disabled{background:#f0f3f4;border-color:#e0e7ea;color:#b0c0c5;cursor:not-allowed}.inv-toast{align-items:center;animation:invToastIn .35s ease .1s forwards,invToastOut .3s ease 3.5s forwards;background:#fff;border:1.5px solid #c3e8c3;border-radius:12px;bottom:32px;box-shadow:0 8px 24px #0000001f;display:flex;gap:12px;left:50%;min-width:360px;opacity:0;padding:14px 20px;position:fixed;transform:translateX(-50%) translateY(20px);z-index:1000}@keyframes invToastIn{to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes invToastOut{to{opacity:0;transform:translateX(-50%) translateY(20px)}}.inv-toast-icon{align-items:center;background:#e6f7e6;border-radius:50%;color:#28a745;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.inv-toast-content strong{color:#1a2e35;display:block;font-size:14px;font-weight:700}.inv-toast-content span{color:#6b8a93;font-size:13px}.inv-toast-close{background:none;border:none;color:#9aafb5;cursor:pointer;margin-left:auto}.inv-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14283273;display:flex;inset:0;justify-content:center;position:fixed;z-index:600}.inv-confirm-box{animation:invConfirmIn .2s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 20px 50px #14283233;max-width:90vw;padding:28px 32px;width:380px}@keyframes invConfirmIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.inv-confirm-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.inv-confirm-title{color:#1a2e35;font-size:16px;font-weight:700;margin:0}.inv-confirm-close-x{background:none;border:none;color:#9aafb5;cursor:pointer;font-size:18px;line-height:1;padding:0}.inv-confirm-body{color:#6b8a93;font-size:14px;line-height:1.6;margin-bottom:24px}.inv-confirm-actions{display:flex;gap:12px;justify-content:center}.inv-confirm-no{background:#fff;border:1.5px solid #e0e7ea;border-radius:24px;color:#1a2e35;cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:11px 0;transition:background .15s}.inv-confirm-no:hover{background:#f0f4f5}.inv-confirm-yes{background:#1e3f4f;border:none;border-radius:24px;color:#fff;cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:11px 0;transition:background .15s}.inv-confirm-yes:hover{background:#152e3c}.ci-modal-overlay{align-items:center;animation:ciOverlayIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14283273;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}@keyframes ciOverlayIn{0%{opacity:0}to{opacity:1}}.ci-modal-box{animation:ciModalIn .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:18px;box-shadow:0 24px 60px #14283238;max-height:92vh;max-width:95vw;overflow-y:auto;padding:32px 36px 28px;width:860px}@keyframes ciModalIn{0%{opacity:0;transform:scale(.93) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.ci-modal-box::-webkit-scrollbar{width:4px}.ci-modal-box::-webkit-scrollbar-thumb{background:#d0dde2;border-radius:4px}.ci-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.ci-modal-title{color:#1a2e35;font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;margin:0}.ci-modal-close{align-items:center;background:#f0f4f5;border:none;border-radius:8px;color:#6b8a93;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s;width:32px}.ci-modal-close:hover{background:#e0e8ea;color:#1a2e35}.ci-form-grid{grid-gap:18px 20px;display:grid;gap:18px 20px;grid-template-columns:repeat(3,1fr)}.ci-form-field{display:flex;flex-direction:column;gap:6px}.ci-form-field label{color:#6b8a93;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.3px}.ci-form-field input[type=number],.ci-form-field input[type=text]{background:#fafcfc;border:1.5px solid #e0e7ea;border-radius:9px;color:#1a2e35;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.ci-form-field input:focus{background:#fff;border-color:#1e6b6b;box-shadow:0 0 0 3px #1e6b6b1a}.ci-form-field input::placeholder{color:#b8cdd2}.ci-form-field select{-webkit-appearance:none;appearance:none;background:#fafcfc url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 6 5-6' stroke='%236b8a93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;border:1.5px solid #e0e7ea;border-radius:9px;color:#1a2e35;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:10px 36px 10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.ci-form-field select:focus{background-color:#fff;border-color:#1e6b6b;box-shadow:0 0 0 3px #1e6b6b1a}.ci-form-field textarea{background:#fafcfc;border:1.5px solid #e0e7ea;border-radius:9px;color:#1a2e35;font-family:DM Sans,sans-serif;font-size:14px;min-height:68px;outline:none;padding:10px 14px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.ci-form-field textarea:focus{background:#fff;border-color:#1e6b6b;box-shadow:0 0 0 3px #1e6b6b1a}.ci-form-field textarea::placeholder{color:#b8cdd2}.ci-form-field textarea:disabled{background:#f5f8f8;color:#9aafb5;cursor:default}.ci-form-field--full{grid-column:span 3}.ci-form-field--half{grid-column:span 2}.ci-same-as-row{align-items:center;color:#6b8a93;cursor:pointer;display:flex;font-size:13px;gap:8px;margin-top:8px}.ci-same-as-row input[type=checkbox]{accent-color:#1e6b6b;background:none;border:none;box-shadow:none;cursor:pointer;height:15px;padding:0;width:15px}.ci-total-strip{align-items:center;background:#fef8ec;border:1.5px solid #f5e4b8;border-radius:10px;display:flex;justify-content:space-between;margin-top:20px;padding:14px 18px}.ci-total-label{color:#6b8a93;font-size:14px;font-weight:600}.ci-total-value{color:#1a2e35;font-family:DM Mono,monospace;font-size:16px;font-weight:700}.ci-modal-footer{display:flex;justify-content:flex-end;margin-top:28px}.ci-modal-submit-btn{background:#1e3f4f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;padding:12px 36px;transition:background .2s,transform .1s}.ci-modal-submit-btn:hover{background:#152e3c;transform:translateY(-1px)}.ci-modal-submit-btn:active{transform:translateY(0)}.ip-overlay{align-items:flex-start;animation:ipOverlayIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1428328c;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:24px 16px;position:fixed;z-index:600}@keyframes ipOverlayIn{0%{opacity:0}to{opacity:1}}.ip-close-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0000002e;color:#1a2e35;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;position:fixed;right:20px;top:20px;transition:background .15s;width:36px;z-index:10}.ip-close-btn:hover{background:#f0f4f5}.ip-doc{animation:ipDocIn .25s ease;background:#fff;box-shadow:0 8px 40px #0000002e;color:#000;font-family:Arial,sans-serif;font-size:12px;margin:0 auto;max-width:100%;padding:32px 36px;width:820px}@keyframes ipDocIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ip-doc-title{font-family:Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:2px;margin-bottom:18px;text-align:center}.ip-header-table{border:1px solid #000;border-collapse:collapse;margin-bottom:0;width:100%}.ip-header-table td{padding:6px 10px;vertical-align:top}.ip-header-table .ip-company-col{border-right:1px solid #000;width:55%}.ip-header-table .ip-meta-col{width:45%}.ip-company-name{font-size:14px;font-weight:700}.ip-company-addr{font-size:11px;line-height:1.6;margin-top:2px}.ip-meta-table{border-collapse:collapse;width:100%}.ip-meta-table td{border-bottom:1px solid #ddd;font-size:11px;padding:3px 8px}.ip-meta-table .ip-meta-label{border-right:1px solid #ddd;font-weight:600;width:48%}.ip-meta-table .ip-meta-value{font-weight:700}.ip-party-table{border:1px solid #000;border-collapse:collapse;border-top:none;width:100%}.ip-party-table td{font-size:11px;line-height:1.6;padding:8px 10px;vertical-align:top}.ip-party-table .ip-party-left{border-right:1px solid #000;width:55%}.ip-party-section-title{color:#555;font-size:11px;margin-bottom:3px}.ip-party-name{font-size:13px;font-weight:700}.ip-items-table{border:1px solid #000;border-collapse:collapse;border-top:none;margin-bottom:0;width:100%}.ip-items-table th{background:#f5f5f5;border-bottom:1px solid #000;border-right:1px solid #ccc;font-size:11px;padding:6px 8px;text-align:center}.ip-items-table td{border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:11px;padding:7px 8px;vertical-align:top}.ip-items-table td:last-child,.ip-items-table th:last-child{border-right:none}.ip-items-table .ip-item-desc{font-weight:700}.ip-items-table .ip-item-sub{color:#555;font-size:10px}.ip-items-table .ip-num{text-align:right}.ip-items-table .ip-center{text-align:center}.ip-totals-table{border:1px solid #000;border-collapse:collapse;border-top:none;width:100%}.ip-totals-table td{font-size:11px;padding:5px 10px}.ip-totals-table .ip-totals-label-col{border-right:1px solid #000;width:55%}.ip-totals-row td{border-bottom:1px solid #ddd}.ip-totals-grand td{border-top:1px solid #000;font-size:13px;font-weight:700}.ip-sig-table{border:1px solid #000;border-collapse:collapse;border-top:none;width:100%}.ip-sig-table td{font-size:11px;padding:40px 12px 10px}.ip-sig-table .ip-sig-left{border-right:1px solid #000;width:55%}.ip-sig-label{font-weight:600}.ldg-page{background:#f4f6f7;font-family:DM Sans,sans-serif;min-height:100vh;padding:32px 36px}.ldg-title{color:#1a2e35;font-size:22px;font-weight:700;margin:0 0 20px}.ldg-search-bar{align-items:center;background:#fff;border:1.5px solid #e0e7ea;border-radius:10px;display:flex;gap:10px;margin-bottom:20px;padding:10px 16px;transition:border-color .2s;width:320px}.ldg-search-bar:focus-within{border-color:#1e6b6b}.ldg-search-bar svg{color:#9aafb5;flex-shrink:0}.ldg-search-bar input{background:#0000;border:none;color:#1a2e35;font-family:DM Sans,sans-serif;font-size:14px;outline:none;width:100%}.ldg-search-bar input::placeholder{color:#b0c0c5}.ldg-tabs{border-bottom:2px solid #e0e7ea;display:flex;gap:28px;margin-bottom:20px}.ldg-tab{background:none;border:none;border-bottom:2.5px solid #0000;color:#9aafb5;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;margin-bottom:-2px;padding:8px 0 12px;transition:color .2s,border-color .2s}.ldg-tab:hover{color:#1a2e35}.ldg-tab--active{border-bottom-color:#1a2e35;color:#1a2e35;font-weight:700}.ldg-total-strip{align-items:center;background:#d6eef8;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:20px;max-width:360px;padding:14px 20px}.ldg-total-strip--settled{background:#fef8ec}.ldg-total-label{color:#1a2e35;font-size:14px;font-weight:600}.ldg-total-value{color:#1a2e35;font-family:DM Mono,monospace;font-size:15px;font-weight:700}.ldg-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.ldg-card{animation:ldgFadeIn .3s ease both;background:#fff;border-radius:14px;box-shadow:0 2px 8px #1e3f4f0f;overflow:hidden;transition:box-shadow .2s}.ldg-card:hover{box-shadow:0 6px 20px #1e3f4f1f}@keyframes ldgFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ldg-card-header{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.ldg-card-header--blue{background:#cce8f4}.ldg-card-header--yellow{background:#fef9e0}.ldg-card-header--peach{background:#fde8df}.ldg-card-inv-label{color:#5a7a88;font-size:10px;font-weight:600;letter-spacing:.4px;margin-bottom:2px}.ldg-card-inv-number{color:#1a2e35;font-family:DM Mono,monospace;font-size:14px;font-weight:700}.ldg-edit-btn{align-items:center;background:#fff;border:none;border-radius:7px;box-shadow:0 1px 4px #00000014;color:#1a2e35;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;gap:6px;padding:5px 12px;transition:background .15s}.ldg-edit-btn:hover{background:#f0f4f5}.ldg-edit-icon-btn{background:none;border:none;color:#6b8a93;cursor:pointer;padding:4px;transition:color .15s}.ldg-edit-icon-btn:hover{color:#1a2e35}.ldg-card-body{padding:14px 16px 16px}.ldg-card-row{align-items:center;border-bottom:1px solid #f0f3f4;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.ldg-card-row:last-of-type{border-bottom:none}.ldg-card-row-label{color:#6b8a93;font-weight:500}.ldg-card-row-value{color:#1a2e35;font-weight:600;text-align:right}.ldg-card-row-value--amount{color:#e05252;font-weight:700}.ldg-toast{align-items:center;animation:ldgToastIn .35s ease .1s forwards,ldgToastOut .3s ease 3.5s forwards;background:#fff;border:1.5px solid #c3e8c3;border-radius:12px;bottom:32px;box-shadow:0 8px 24px #0000001f;display:flex;gap:12px;left:50%;min-width:340px;opacity:0;padding:14px 20px;position:fixed;transform:translateX(-50%) translateY(20px);z-index:1000}@keyframes ldgToastIn{to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes ldgToastOut{to{opacity:0;transform:translateX(-50%) translateY(20px)}}.ldg-toast-icon{align-items:center;background:#e6f7e6;border-radius:50%;color:#28a745;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.ldg-toast-content strong{color:#1a2e35;display:block;font-size:14px;font-weight:700}.ldg-toast-content span{color:#6b8a93;font-size:13px}.ldg-toast-close{background:none;border:none;color:#9aafb5;cursor:pointer;margin-left:auto}.ldg-modal-overlay{align-items:center;animation:ldgOverlayIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14283273;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}@keyframes ldgOverlayIn{0%{opacity:0}to{opacity:1}}.ldg-modal-box{animation:ldgModalIn .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:18px;box-shadow:0 24px 60px #14283238;max-height:92vh;max-width:95vw;overflow-y:auto;padding:32px 36px 28px;width:800px}@keyframes ldgModalIn{0%{opacity:0;transform:scale(.93) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.ldg-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.ldg-modal-title{color:#1a2e35;font-size:18px;font-weight:700;margin:0}.ldg-modal-close{align-items:center;background:#f0f4f5;border:none;border-radius:8px;color:#6b8a93;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s;width:32px}.ldg-modal-close:hover{background:#e0e8ea;color:#1a2e35}.ldg-modal-grid{grid-gap:18px 20px;display:grid;gap:18px 20px;grid-template-columns:repeat(3,1fr)}.ldg-modal-field{display:flex;flex-direction:column;gap:6px}.ldg-modal-field label{color:#6b8a93;font-size:12px;font-weight:600;letter-spacing:.3px}.ldg-modal-field input[type=date],.ldg-modal-field input[type=number],.ldg-modal-field input[type=text]{background:#fafcfc;border:1.5px solid #e0e7ea;border-radius:9px;color:#1a2e35;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.ldg-modal-field input:focus{background:#fff;border-color:#1e6b6b;box-shadow:0 0 0 3px #1e6b6b1a}.ldg-modal-field input::placeholder{color:#b8cdd2}.ldg-modal-field select{-webkit-appearance:none;appearance:none;background:#fafcfc url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 6 5-6' stroke='%236b8a93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;border:1.5px solid #e0e7ea;border-radius:9px;color:#1a2e35;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:10px 36px 10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.ldg-modal-field select:focus{background-color:#fff;border-color:#1e6b6b;box-shadow:0 0 0 3px #1e6b6b1a}.ldg-modal-field--full{grid-column:span 3}.ldg-modal-total-strip{align-items:center;background:#fef8ec;border:1.5px solid #f5e4b8;border-radius:10px;display:flex;justify-content:space-between;margin-top:20px;padding:14px 18px}.ldg-modal-total-label{color:#6b8a93;font-size:14px;font-weight:600}.ldg-modal-total-value{color:#1a2e35;font-family:DM Mono,monospace;font-size:16px;font-weight:700}.ldg-modal-footer{display:flex;justify-content:flex-end;margin-top:28px}.ldg-modal-submit-btn{background:#1e3f4f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;padding:12px 36px;transition:background .2s,transform .1s}.ldg-modal-submit-btn:hover{background:#152e3c;transform:translateY(-1px)}.sm-page{background:#f4f6f7;font-family:DM Sans,sans-serif;min-height:100vh;padding:32px 36px}.sm-title{color:#1a2e35;font-size:22px;font-weight:700;margin:0 0 20px}.sm-search-bar{align-items:center;background:#fff;border:1.5px solid #e0e7ea;border-radius:10px;display:flex;gap:10px;margin-bottom:20px;padding:10px 16px;transition:border-color .2s;width:320px}.sm-search-bar:focus-within{border-color:#1e6b6b}.sm-search-bar svg{color:#9aafb5;flex-shrink:0}.sm-search-bar input{background:#0000;border:none;color:#1a2e35;font-family:DM Sans,sans-serif;font-size:14px;outline:none;width:100%}.sm-search-bar input::placeholder{color:#b0c0c5}.sm-tabs{border-bottom:2px solid #e0e7ea;display:flex;gap:28px;margin-bottom:20px}.sm-tab{background:none;border:none;border-bottom:2.5px solid #0000;color:#9aafb5;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;margin-bottom:-2px;padding:8px 0 12px;transition:color .2s,border-color .2s}.sm-tab:hover{color:#1a2e35}.sm-tab--active{border-bottom-color:#1a2e35;color:#1a2e35;font-weight:700}.sm-return-total{align-items:center;background:#d6eef8;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:20px;max-width:360px;padding:14px 20px}.sm-return-total-label{color:#1a2e35;font-size:14px;font-weight:600}.sm-return-total-value{color:#1a2e35;font-family:DM Mono,monospace;font-size:15px;font-weight:700}.sm-stat-pills{display:flex;gap:14px;margin-bottom:24px}.sm-stat-pill{align-items:center;background:#fdf1e8;border:1.5px solid #f5d5b8;border-radius:12px;cursor:pointer;display:flex;gap:20px;justify-content:space-between;min-width:140px;padding:12px 18px;transition:box-shadow .15s}.sm-stat-pill:hover{box-shadow:0 4px 12px #e07a4526}.sm-stat-pill--active{background:#fde8df;border-color:#e07a45}.sm-stat-pill-label{color:#9a6030;font-size:12px;font-weight:600}.sm-stat-pill-value{color:#1a2e35;font-size:15px;font-weight:700}.sm-stat-pill-arrow{color:#e07a45;font-size:14px;font-weight:700}.sm-section-heading{color:#1a2e35;font-size:15px;font-weight:700;margin:0 0 14px}.sm-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.sm-card{animation:smFadeIn .3s ease both;background:#fff;border-radius:14px;box-shadow:0 2px 8px #1e3f4f0f;cursor:default;overflow:hidden;position:relative;transition:box-shadow .2s}.sm-card:hover{box-shadow:0 6px 20px #1e3f4f1f}.sm-card--selectable{cursor:pointer}.sm-card--selected{box-shadow:0 0 0 2px #1e6b6b,0 6px 20px #1e3f4f1a}@keyframes smFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sm-card-tick{align-items:center;background:#1e6b6b;border-radius:50%;color:#fff;display:flex;font-size:13px;height:24px;justify-content:center;position:absolute;right:10px;top:10px;width:24px}.sm-card-header{background:#e8f4f8;padding:12px 16px}.sm-card-job-label{color:#5a7a88;font-size:10px;font-weight:600;letter-spacing:.4px;margin-bottom:2px}.sm-card-job-number{color:#1a2e35;font-family:DM Mono,monospace;font-size:14px;font-weight:700}.sm-card-body{padding:14px 16px 16px}.sm-card-row{border-bottom:1px solid #f0f3f4;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.sm-card-row:last-of-type{border-bottom:none}.sm-card-row-label{color:#6b8a93;font-weight:500}.sm-card-row-value{color:#1a2e35;font-weight:600}.sm-move-btn{background:#1e3f4f;border:none;border-radius:24px;bottom:32px;box-shadow:0 8px 24px #1e3f4f4d;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;padding:14px 28px;position:fixed;right:40px;transition:background .15s,transform .1s}.sm-move-btn:hover{background:#152e3c;transform:translateY(-2px)}.sm-toast{align-items:center;animation:smToastIn .35s ease .1s forwards,smToastOut .3s ease 3.5s forwards;background:#fff;border:1.5px solid #c3e8c3;border-radius:12px;bottom:32px;box-shadow:0 8px 24px #0000001f;display:flex;gap:12px;left:50%;min-width:340px;opacity:0;padding:14px 20px;position:fixed;transform:translateX(-50%) translateY(20px);z-index:1000}@keyframes smToastIn{to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes smToastOut{to{opacity:0;transform:translateX(-50%) translateY(20px)}}.sm-toast-icon{align-items:center;background:#e6f7e6;border-radius:50%;color:#28a745;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.sm-toast-content strong{color:#1a2e35;display:block;font-size:14px;font-weight:700}.sm-toast-content span{color:#6b8a93;font-size:13px}.sm-toast-close{background:none;border:none;color:#9aafb5;cursor:pointer;margin-left:auto}.st-page{background:#f4f6f7;font-family:DM Sans,sans-serif;min-height:100vh;padding:32px 36px}.st-title{color:#1a2e35;font-size:22px;font-weight:700;margin:0 0 20px}.st-search-bar{align-items:center;background:#fff;border:1.5px solid #e0e7ea;border-radius:10px;display:flex;gap:10px;margin-bottom:24px;padding:10px 16px;transition:border-color .2s;width:360px}.st-search-bar:focus-within{border-color:#1e6b6b}.st-search-bar svg{color:#9aafb5;flex-shrink:0}.st-search-bar input{background:#0000;border:none;color:#1a2e35;font-family:DM Sans,sans-serif;font-size:14px;outline:none;width:100%}.st-search-bar input::placeholder{color:#b0c0c5}.st-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.st-card{animation:stFadeIn .3s ease both;background:#fff;border-radius:14px;box-shadow:0 2px 8px #1e3f4f0f;overflow:hidden;transition:box-shadow .2s}.st-card:hover{box-shadow:0 6px 20px #1e3f4f1f}@keyframes stFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.st-card-header{background:#cce8f4;padding:12px 16px}.st-card-customer-label{color:#5a7a88;font-size:10px;font-weight:600;letter-spacing:.4px;margin-bottom:2px}.st-card-customer-name{color:#1a2e35;font-size:14px;font-weight:700}.st-card-body{padding:14px 16px 16px}.st-card-row{border-bottom:1px solid #f0f3f4;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.st-card-row:last-of-type{border-bottom:none}.st-card-row-label{color:#6b8a93;font-weight:500}.st-card-row-value{color:#1a2e35;font-weight:600;text-align:right}.st-card-row-value--completed{color:#1e6b6b;font-weight:700}.st-card-row-value--pending{color:#e07a45;font-weight:700}.st-empty{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:400px}.st-empty-icon{height:72px;opacity:.25;width:72px}.st-empty-text{color:#9aafb5;font-size:15px;font-weight:500}
/*# sourceMappingURL=main.b5ff4681.css.map*/