@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary:#a4145a;--primary-dark:#861047;--primary-light:#f8e4ed;--primary-soft:#fff3f7;--text:#4d2738;--text-dark:#351b29;--text-muted:#987f8b;--text-light:#b29ca7;--white:#fff;--background:#faf7f8;--border:#eadde4;--border-light:#f2e6eb;--success:#238b57;--success-light:#e8f7ef;--danger:#c83e5d;--danger-light:#fff0f3;--warning:#c77b18;--warning-light:#fff2df;--info:#3d6fae;--info-light:#e9f2ff;--sidebar-width:245px;--navbar-height:72px;--radius-sm:7px;--radius-md:10px;--radius-lg:13px;--shadow-sm:0 3px 12px #4d1e3509;--shadow-md:0 8px 25px #4d1e350f;--shadow-lg:0 15px 40px #4d1e351a;--transition:.2s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;width:100%;min-height:100%}body{width:100%;min-height:100vh;color:var(--text);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:DM Sans,Arial,sans-serif;font-size:14px;font-weight:500;line-height:1.5;overflow-x:hidden}#root{width:100%;min-height:100vh}button,input,select,textarea{font-family:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}input,select,textarea{outline:none}img{max-width:100%;display:block}svg{display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,p,ul,ol{margin-top:0}.app-layout{background:var(--background);width:100%;min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-width);z-index:1000;border-right:1px solid var(--border);scrollbar-width:thin;background:#fff;height:100vh;position:fixed;top:0;left:0;overflow:hidden auto;box-shadow:4px 0 20px #4d1e3509}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#dbc4cf;border-radius:10px}.sidebar-inner{width:100%;min-height:100%;padding:18px 13px}.sidebar-logo{min-height:52px;color:var(--primary);align-items:center;margin-bottom:18px;padding:0 12px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;display:flex}.sidebar-menu{flex-direction:column;gap:5px;width:100%;display:flex}.sidebar-menu-item{color:#725d68;text-align:left;width:100%;min-height:44px;transition:background var(--transition), color var(--transition), transform var(--transition);background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:0 13px;font-size:14px;font-weight:600;display:flex}.sidebar-menu-item:hover{color:var(--primary);background:var(--primary-soft)}.sidebar-menu-item.active{color:#fff;background:var(--primary);box-shadow:0 5px 14px #a4145a29}.sidebar-menu-item svg{flex-shrink:0;width:19px;height:19px}.main-content{width:calc(100% - var(--sidebar-width));min-width:0;min-height:100vh;margin-left:var(--sidebar-width);background:var(--background);flex-direction:column;display:flex;position:relative}.topbar,.np-topbar{width:100%;height:var(--navbar-height);min-height:var(--navbar-height);z-index:900;border-bottom:1px solid var(--border-light);background:#fff;justify-content:space-between;align-items:center;padding:0 25px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #4d1e3506}.topbar-left{align-items:center;gap:13px;min-width:0;display:flex}.topbar-right{align-items:center;gap:10px;display:flex}.menu-toggle{border:1px solid var(--border);width:38px;height:38px;color:var(--text);transition:color var(--transition), background var(--transition), border-color var(--transition);background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.menu-toggle:hover{color:var(--primary);background:var(--primary-soft);border-color:#d9bac9}.topbar-title{color:var(--text-dark);margin:0;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;line-height:1.2}.topbar-search{width:280px;position:relative}.topbar-search input{border:1px solid var(--border);width:100%;height:38px;color:var(--text);background:#fff;border-radius:8px;padding:0 14px 0 38px;font-size:13px}.topbar-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #a4145a0f}.notification-button{border:1px solid var(--border);color:#745d69;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:inline-flex;position:relative}.notification-button:hover{color:var(--primary);background:var(--primary-soft)}.topbar-profile{border-radius:9px;align-items:center;gap:9px;padding:5px 8px;display:flex}.topbar-profile:hover{background:var(--primary-soft)}.profile-avatar{color:#fff;background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:flex}.profile-info{flex-direction:column;display:flex}.profile-name{color:var(--text-dark);font-size:13px;font-weight:700}.profile-role{color:var(--text-muted);font-size:10px;font-weight:500}.app-page{width:100%;min-height:calc(100vh - var(--navbar-height));background:radial-gradient(circle at 90% 0%, #d6568b09, transparent 28%), var(--background);padding:22px 28px 32px}.page-container{width:100%;max-width:100%;margin:0 auto}.page-header{justify-content:space-between;align-items:center;gap:18px;width:100%;margin-bottom:18px;display:flex}.page-header-left{min-width:0}.page-header-right{flex-shrink:0;align-items:center;gap:9px;display:flex}.page-title{color:var(--primary);letter-spacing:-.3px;margin:0;font-family:Manrope,sans-serif;font-size:23px;font-weight:800;line-height:1.2}.page-subtitle{color:var(--text-muted);margin:5px 0 0;font-size:12px;font-weight:500}.card{border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);background:#fff}.card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:15px;width:100%;padding:16px 18px;display:flex}.card-title{color:var(--text-dark);margin:0;font-family:Manrope,sans-serif;font-size:15px;font-weight:800}.card-body{width:100%;padding:18px}.card-footer{border-top:1px solid var(--border-light);width:100%;padding:13px 18px}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;width:100%;display:grid}.dashboard-card{border:1px solid var(--border-light);min-width:0;box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);background:#fff;border-radius:12px;padding:17px}.dashboard-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.dashboard-card-icon{width:42px;height:42px;color:var(--primary);background:var(--primary-light);border-radius:10px;justify-content:center;align-items:center;display:flex}.dashboard-card-label{color:var(--text-muted);margin-top:14px;font-size:12px;font-weight:600}.dashboard-card-value{color:var(--text-dark);margin-top:3px;font-family:Manrope,sans-serif;font-size:25px;font-weight:800}.form-section{border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);background:#fff;padding:18px}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 14px;width:100%;display:grid}.form-group{width:100%;min-width:0}.form-group.full-width{grid-column:1/-1}.floating-field{width:100%;position:relative}.floating-field input,.floating-field select,.floating-field textarea{color:#4b2a3a;width:100%;height:45px;transition:border-color var(--transition), box-shadow var(--transition), background-color var(--transition);background:#fff;border:1px solid #e2d8de;border-radius:8px;padding:10px 13px;font-size:13px;font-weight:500}.floating-field input::placeholder,.floating-field textarea::placeholder{color:#0000}.floating-field input:hover,.floating-field select:hover,.floating-field textarea:hover{border-color:#d8c4ce}.floating-field input:focus,.floating-field select:focus,.floating-field textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #a4145a12}.floating-field label{color:#8e7783;pointer-events:none;transition:top var(--transition), transform var(--transition), font-size var(--transition), color var(--transition);z-index:2;background:#fff;padding:0 5px;font-size:13px;font-weight:500;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.floating-field input:focus+label,.floating-field select:focus+label,.floating-field textarea:focus+label,.floating-field.has-value input+label,.floating-field.has-value select+label,.floating-field.has-value textarea+label{color:var(--primary);font-size:10px;font-weight:700;top:0;transform:translateY(-50%)}.floating-field textarea{resize:vertical;height:auto;min-height:90px;padding-top:13px}.floating-field textarea+label{top:21px}.floating-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%239f8a95' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.select-arrow{color:#9f8a95;pointer-events:none;z-index:3;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.floating-field.has-error input,.floating-field.has-error select,.floating-field.has-error textarea{border-color:#e11d48!important;box-shadow:0 0 0 3px #e11d481a!important}.floating-field.has-error label,.floating-field.has-error input:focus+label,.floating-field.has-error select:focus+label,.floating-field.has-error textarea:focus+label{color:#e11d48!important}.field-error{color:#e11d48;margin-top:5px;padding-left:2px;font-size:11.5px;font-weight:600;line-height:1.35;display:block}.form-control{width:100%;height:43px;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition);background:#fff;border:1px solid #e2d8de;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:500}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #a4145a12}.required{color:var(--danger);margin-left:2px}.button-row{align-items:center;gap:9px;width:100%;margin-top:18px;display:flex}.btn{min-width:115px;height:39px;transition:background var(--transition), color var(--transition), border-color var(--transition), transform var(--transition), box-shadow var(--transition);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 19px;font-size:12px;font-weight:700;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 5px 12px #a4145a26}.btn-primary:hover{color:#fff;background:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary{color:#fff;background:#861047;border-color:#861047}.btn-secondary:hover{background:#6f0b3b;border-color:#6f0b3b}.btn-outline{color:var(--primary);border-color:var(--primary);background:#fff}.btn-outline:hover{color:#fff;background:var(--primary)}.btn-success{color:#fff;background:var(--success);border-color:var(--success)}.btn-danger{color:#fff;background:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:#ae2849;border-color:#ae2849}.btn-light{color:var(--text);border-color:var(--border);background:#fff}.badge{border-radius:20px;justify-content:center;align-items:center;min-height:27px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-success{color:var(--success);background:var(--success-light)}.badge-danger{color:var(--danger);background:var(--danger-light)}.badge-warning{color:var(--warning);background:var(--warning-light)}.badge-info{color:var(--info);background:var(--info-light)}.badge-primary{color:var(--primary);background:var(--primary-light)}.table-section{border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);background:#fff;margin-top:18px;padding:17px}.table-toolbar{justify-content:space-between;align-items:center;gap:15px;width:100%;margin-bottom:13px;display:flex}.table-toolbar-left,.table-toolbar-right{align-items:center;gap:9px;display:flex}.table-search{width:300px;max-width:100%;position:relative}.table-search-icon{color:var(--primary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.table-search input{width:100%;height:38px;color:var(--text);background:#fff;border:1px solid #e1d7dd;border-radius:8px;padding:0 12px 0 36px;font-size:12px;font-weight:500}.table-search input::placeholder{color:#a6949e}.table-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #a4145a0f}.table-length{color:#806b77;white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.table-length select{width:75px;height:36px;color:var(--text);background:#fff;border:1px solid #ddd2d9;border-radius:7px;padding:0 8px;font-size:12px}.table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #eadfe5;border-radius:8px;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;border-spacing:0;background:#fff;width:100%;min-width:850px}.data-table thead th{color:#4b1734;text-align:left;white-space:nowrap;background:linear-gradient(#f29bcb 0%,#ee8fc2 100%);border:1px solid #e5b5cf;height:42px;padding:9px 11px;font-family:Manrope,DM Sans,sans-serif;font-size:12px;font-weight:800}.data-table tbody td{color:#59404d;white-space:nowrap;background:#fff;border:1px solid #eee3e8;height:43px;padding:8px 11px;font-size:12px;font-weight:500}.data-table tbody tr:nth-child(2n) td{background:#fffafd}.data-table tbody tr:hover td{background:#fff2f7}.action-buttons{justify-content:center;align-items:center;gap:7px;display:flex}.action-btn{width:30px;height:30px;transition:background var(--transition), color var(--transition), transform var(--transition);border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;display:inline-flex}.action-btn:hover{transform:translateY(-1px)}.action-view{color:var(--success);background:var(--success-light)}.action-view:hover{color:#1a7045;background:#d6f1e3}.action-edit{color:var(--info);background:#eef5ff}.action-edit:hover{color:#285b97;background:#e0edff}.action-delete{color:var(--danger);background:var(--danger-light)}.action-delete:hover{color:#ae2849;background:#ffe2e8}.empty-row{height:100px;color:#9d8993!important;text-align:center!important;padding:22px!important}.pagination-row{justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:13px;display:flex}.table-info{color:#8c7782;font-size:11px;font-weight:500}.pagination{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.pagination button{color:#735d69;background:#fff;border:1px solid #e1d6dc;border-radius:7px;min-width:34px;height:31px;padding:0 9px;font-size:11px;font-weight:600}.pagination button:hover:not(:disabled){color:var(--primary);border-color:var(--primary);background:#fff7fa}.pagination button.active{color:#fff;border-color:var(--primary);background:var(--primary)}.pagination button:disabled{color:#b8a9b1;background:#faf7f8}.alert{border-radius:8px;align-items:center;gap:9px;width:100%;padding:11px 13px;font-size:12px;font-weight:600;display:flex}.alert-success{color:var(--success);background:var(--success-light);border:1px solid #cdebdc}.alert-danger{color:var(--danger);background:var(--danger-light);border:1px solid #f5d0d8}.alert-warning{color:var(--warning);background:var(--warning-light);border:1px solid #f1dfbd}.alert-info{color:var(--info);background:var(--info-light);border:1px solid #d2e2f5}.toast-container{top:calc(var(--navbar-height) + 12px);z-index:99999;pointer-events:none;flex-direction:column;gap:12px;width:380px;max-width:calc(100vw - 24px);display:flex;position:fixed;right:20px}.toast{--toast-color:#3d6fae;--toast-soft:#e9f2ff;--toast-glow:#3d6fae47;border:1px solid var(--toast-soft);border-left:5px solid var(--toast-color);width:100%;box-shadow:0 14px 35px #1e141c29, 0 3px 10px var(--toast-glow);pointer-events:auto;background:#fff;border-radius:13px;align-items:flex-start;gap:13px;padding:15px 38px 17px 15px;animation:.42s cubic-bezier(.22,1,.36,1) both toast-slide-in;display:flex;position:relative;overflow:hidden}.toast.toast-leaving{animation:.26s ease-in forwards toast-slide-out}.toast-icon{width:42px;height:42px;color:var(--toast-color);background:var(--toast-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;animation:.5s cubic-bezier(.34,1.56,.64,1) .12s both toast-icon-pop;display:flex}.toast-content{flex:1;min-width:0}.toast-title{color:var(--text-dark);margin:1px 0 3px;font-family:Manrope,sans-serif;font-size:14.5px;font-weight:800;line-height:1.3}.toast-message{color:#6b5560;word-break:break-word;font-size:12.5px;font-weight:500;line-height:1.5}.toast-list{color:#8a2a42;max-height:190px;margin:6px 0 0;padding:0 0 0 17px;font-size:12.5px;font-weight:600;line-height:1.65;overflow-y:auto}.toast-list li::marker{color:var(--toast-color)}.toast-close{color:#a0909a;width:24px;height:24px;transition:background var(--transition), color var(--transition);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:10px;right:10px}.toast-close:hover{color:var(--text-dark);background:#f3ecef}.toast-actions{gap:8px;margin-top:12px;display:flex}.toast-btn{height:33px;transition:transform var(--transition), background var(--transition), box-shadow var(--transition);border:0;border-radius:8px;padding:0 16px;font-size:12px;font-weight:700}.toast-btn:hover{transform:translateY(-1px)}.toast-btn-primary{color:#fff;background:var(--toast-color);box-shadow:0 5px 12px var(--toast-glow)}.toast-btn-ghost{color:#6b5560;background:#f4eef1}.toast-btn-ghost:hover{background:#eadfe5}.toast-progress{background:var(--toast-color);opacity:.55;height:4px;animation-name:toast-progress;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:0;left:0}.toast:hover .toast-progress{animation-play-state:paused}.toast-success{--toast-color:#16a34a;--toast-soft:#dcfce7;--toast-glow:#16a34a40}.toast-error{--toast-color:#e11d48;--toast-soft:#ffe4e6;--toast-glow:#e11d4840}.toast-warning{--toast-color:#f59e0b;--toast-soft:#fef3c7;--toast-glow:#f59e0b47}.toast-info{--toast-color:#2563eb;--toast-soft:#dbeafe;--toast-glow:#2563eb40}.toast-confirm{--toast-color:#dc2626;--toast-soft:#fee2e2;--toast-glow:#dc262647}@keyframes toast-slide-in{0%{opacity:0;transform:translate(120%)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@keyframes toast-icon-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes toast-progress{0%{width:100%}to{width:0%}}.loading-container{justify-content:center;align-items:center;width:100%;min-height:180px;display:flex}.loading-spinner{border:3px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;width:30px;height:30px;animation:.75s linear infinite global-spin}.spin-icon{animation:.8s linear infinite global-spin}@keyframes global-spin{to{transform:rotate(360deg)}}.modal-overlay{z-index:2000;background:#28141e61;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:520px;max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);background:#fff;border-radius:13px;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;padding:17px 18px;display:flex}.modal-title{color:var(--text-dark);margin:0;font-family:Manrope,sans-serif;font-size:16px;font-weight:800}.modal-body{padding:18px}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:8px;padding:13px 18px;display:flex}.w-100{width:100%!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-primary{color:var(--primary)!important}.text-muted{color:var(--text-muted)!important}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.bg-white{background:#fff!important}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.hidden{display:none!important}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#faf7f8}::-webkit-scrollbar-thumb{background:#d8becb;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#c59aad}.excel-button{color:#fff;cursor:pointer;background:#00a878;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.excel-button:hover{background:#008f66;transform:translateY(-1px)}.purchase-invoice-header{flex-wrap:wrap;align-items:flex-end}.purchase-invoice-eyebrow{color:var(--text-light);letter-spacing:1.3px;margin-bottom:4px;font-size:10.5px;font-weight:800}.purchase-invoice-header-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.purchase-invoice-stat{border:1px solid var(--border-light);min-width:86px;box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;flex-direction:column;padding:7px 15px;display:flex}.purchase-invoice-stat span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.purchase-invoice-stat strong{color:var(--text-dark);font-family:Manrope,sans-serif;font-size:18px;font-weight:800;line-height:1.25}.purchase-invoice-mode{height:40px;color:var(--success);background:var(--success-light);border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.purchase-invoice-mode.is-editing{color:var(--warning);background:var(--warning-light)}.purchase-invoice-mode-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.purchase-invoice-form-card{padding:20px}.invoice-header-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 14px;margin-bottom:22px;display:grid}.invoice-section-title{border-top:1px dashed var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-top:18px;display:flex}.invoice-section-title h3{color:var(--text-dark);margin:0;font-family:Manrope,sans-serif;font-size:15px;font-weight:800}.invoice-section-title span{color:var(--text-muted);font-size:12px}.invoice-section-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tax-toggle{border:1px solid var(--border);height:38px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.tax-toggle input{width:15px;height:15px;accent-color:var(--primary);cursor:pointer}.tax-toggle span{color:inherit;font-size:12px}.add-material-button,.new-material-button{color:#fff;background:var(--primary);white-space:nowrap;height:38px;transition:background var(--transition), transform var(--transition);border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 5px 12px #a4145a26}.add-material-button:hover,.new-material-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.plus-icon{font-size:16px;font-weight:800;line-height:1}.invoice-items-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #eadfe5;border-radius:10px;width:100%;overflow-x:auto}.invoice-items-table{border-collapse:collapse;background:#fff;width:100%;min-width:960px}.invoice-items-table.view-table{min-width:720px}.invoice-items-table thead th{color:#4b1734;text-align:left;white-space:nowrap;background:linear-gradient(#f29bcb 0%,#ee8fc2 100%);border-bottom:1px solid #e5b5cf;height:40px;padding:8px 11px;font-family:Manrope,DM Sans,sans-serif;font-size:12px;font-weight:800}.invoice-items-table tbody td{color:#59404d;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #f0e6eb;padding:8px 11px;font-size:12.5px}.invoice-items-table tbody tr:last-child td{border-bottom:0}.invoice-items-table tbody tr:hover td{background:#fff8fb}.invoice-empty{text-align:center;white-space:normal!important;padding:34px 12px!important}.invoice-empty>div{color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;display:flex}.invoice-empty strong{color:var(--text-dark);font-size:13px}.invoice-empty span{font-size:12px}.empty-icon{width:40px;height:40px;color:var(--primary);background:var(--primary-light);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.material-cell{flex-direction:column;min-width:150px;display:flex}.material-cell strong{color:var(--text-dark);font-size:12.5px}.material-cell small{color:var(--text-muted);font-size:10.5px}.table-input{color:#4b2a3a;width:100px;height:34px;transition:border-color var(--transition), box-shadow var(--transition);background:#fff;border:1px solid #e2d8de;border-radius:7px;padding:0 9px;font-size:12.5px;font-weight:600}.table-input.qty-input{width:90px}.table-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #a4145a12}.amount-cell{font-weight:600}.total-cell{font-weight:800;color:var(--text-dark)!important}.gst-badge{height:24px;color:var(--info);background:var(--info-light);border-radius:20px;align-items:center;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.remove-item-button{width:28px;height:28px;color:var(--danger);background:var(--danger-light);transition:background var(--transition), transform var(--transition);border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:inline-flex}.remove-item-button:hover{background:#ffe2e8;transform:translateY(-1px)}.invoice-bottom-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;margin-top:20px;display:grid}.invoice-extra-fields{flex-direction:column;gap:18px;display:flex}.invoice-summary{border:1px solid var(--border);background:#fffafd;border-radius:12px;padding:14px 16px}.summary-row{color:#6b5560;border-bottom:1px dashed #efe3e9;justify-content:space-between;align-items:center;gap:12px;min-height:36px;font-size:12.5px;display:flex}.summary-row strong{color:var(--text-dark);font-weight:700}.summary-input{color:#4b2a3a;text-align:right;background:#fff;border:1px solid #e2d8de;border-radius:7px;width:130px;height:32px;padding:0 10px;font-size:12.5px;font-weight:600}.summary-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #a4145a12}.summary-grand-total{color:#fff;background:var(--primary);border-radius:10px;justify-content:space-between;align-items:center;margin:10px 0 4px;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.summary-grand-total strong{font-family:Manrope,sans-serif;font-size:18px;font-weight:800}.summary-balance{color:var(--warning);background:var(--warning-light);border-radius:10px;justify-content:space-between;align-items:center;margin-top:8px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.summary-balance strong{font-family:Manrope,sans-serif;font-size:16px;font-weight:800}.invoice-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.invoice-list-header h2{color:var(--text-dark);margin:0;font-family:Manrope,sans-serif;font-size:16px;font-weight:800}.invoice-list-header span{color:var(--text-muted);font-size:12px}.purchase-invoice-list-card .data-table{min-width:1100px}.purchase-invoice-list-card .action-btn{width:auto;height:28px;padding:0 11px;font-size:11px;font-weight:700}.table-grand-total{color:var(--text-dark)!important;font-weight:800!important}.table-balance{color:var(--warning)!important;font-weight:700!important}.material-modal,.new-material-modal,.view-invoice-modal,.confirm-modal{width:100%;max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);background:#fff;border-radius:14px;overflow-y:auto}.material-modal{max-width:640px}.new-material-modal{max-width:680px}.view-invoice-modal{max-width:920px}.confirm-modal{text-align:center;max-width:400px;padding:26px 24px 22px}.modal-header h2{color:var(--text-dark);margin:0;font-family:Manrope,sans-serif;font-size:16px;font-weight:800}.modal-header span{color:var(--text-muted);font-size:12px}.modal-close{color:#8e7783;width:32px;height:32px;transition:background var(--transition), color var(--transition);background:#f6eff2;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:20px;line-height:1;display:inline-flex}.modal-close:hover{color:var(--primary);background:var(--primary-light)}.modal-toolbar{align-items:center;gap:10px;padding:14px 18px;display:flex}.modal-toolbar input{min-width:0;height:38px;color:var(--text);border:1px solid #e1d7dd;border-radius:8px;flex:1;padding:0 12px;font-size:12.5px}.modal-toolbar input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #a4145a0f}.material-selection-list{flex-direction:column;gap:8px;max-height:380px;padding:0 18px 18px;display:flex;overflow-y:auto}.material-option{border:1px solid var(--border);width:100%;color:var(--text);text-align:left;transition:border-color var(--transition), background var(--transition);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.material-option:hover{border-color:var(--primary);background:var(--primary-soft)}.material-option.is-added{opacity:.6}.material-option-main,.material-option-right{flex-direction:column;gap:2px;display:flex}.material-option-right{align-items:flex-end}.material-option strong{color:var(--text-dark);font-size:13px}.material-option span{color:var(--text-muted);font-size:11.5px}.modal-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:36px 18px;font-size:13px;display:flex}.modal-empty strong{color:var(--text-dark)}.modal-empty button{color:#fff;background:var(--primary);border:0;border-radius:8px;height:36px;padding:0 16px;font-size:12px;font-weight:700}.new-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;padding:22px 18px 16px;display:grid}.new-material-grid .form-group:first-child{grid-column:1/-1}.view-invoice-info{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 18px;display:grid}.view-invoice-info div{border:1px solid var(--border-light);background:#fffafd;border-radius:9px;flex-direction:column;padding:10px 12px;display:flex}.view-invoice-info span,.view-summary span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:10.5px;font-weight:700}.view-invoice-info strong,.view-summary strong{color:var(--text-dark);font-size:13px;font-weight:700}.view-invoice-modal .table-wrapper{width:auto;margin:0 18px}.view-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 18px;display:grid}.view-summary div{border:1px solid var(--border-light);background:#fffafd;border-radius:9px;flex-direction:column;padding:10px 12px;display:flex}.view-summary .view-grand{background:var(--primary);border-color:var(--primary)}.view-summary .view-grand span,.view-summary .view-grand strong{color:#fff}.view-summary .view-balance{background:var(--warning-light);border-color:#f1dfbd}.view-summary .view-balance strong{color:var(--warning)}.view-remarks{border:1px solid var(--border-light);background:#fffafd;border-radius:9px;margin:0 18px 18px;padding:10px 12px}.view-remarks span{color:var(--text-muted);text-transform:uppercase;font-size:10.5px;font-weight:700}.view-remarks p{color:var(--text);white-space:pre-wrap;margin:3px 0 0;font-size:12.5px}.confirm-icon{width:52px;height:52px;color:var(--danger);background:var(--danger-light);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:24px;font-weight:800;display:flex}.confirm-modal h3{color:var(--text-dark);margin:0 0 6px;font-family:Manrope,sans-serif;font-size:16px;font-weight:800}.confirm-modal p{color:var(--text-muted);margin:0 0 18px;font-size:12.5px}.confirm-actions{justify-content:center;gap:10px;display:flex}.purchase-toast{top:calc(var(--navbar-height) + 12px);z-index:99999;border-left:5px solid var(--toast-c,#3d6fae);background:#fff;border-radius:12px;align-items:center;gap:12px;width:360px;max-width:calc(100vw - 24px);padding:13px 40px 13px 14px;animation:.38s cubic-bezier(.22,1,.36,1) both toast-slide-in;display:flex;position:fixed;right:20px;box-shadow:0 14px 35px #1e141c29}.purchase-toast-success{--toast-c:#16a34a;--toast-bg:#dcfce7}.purchase-toast-error{--toast-c:#e11d48;--toast-bg:#ffe4e6}.purchase-toast-icon{width:34px;height:34px;color:var(--toast-c);background:var(--toast-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.purchase-toast-message{color:#4d2738;word-break:break-word;flex:1;min-width:0;font-size:12.5px;font-weight:600;line-height:1.45}.purchase-toast-close{color:#a0909a;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:17px;line-height:1;display:flex;position:absolute;top:8px;right:8px}.purchase-toast-close:hover{color:var(--text-dark);background:#f3ecef}@media (width<=1200px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-page{padding-left:22px;padding-right:22px}.invoice-bottom-grid{grid-template-columns:minmax(0,1fr) 340px}}@media (width<=1000px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-search{width:220px}.invoice-header-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-bottom-grid{grid-template-columns:1fr}.view-invoice-info{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=750px){:root{--navbar-height:64px}.sidebar{z-index:1500;transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{width:100%;margin-left:0}.topbar,.np-topbar{height:var(--navbar-height);min-height:var(--navbar-height);padding:0 14px}.topbar-search{display:none}.topbar-title{font-size:16px}.profile-info{display:none}.app-page{min-height:calc(100vh - var(--navbar-height));padding:16px 14px 25px}.page-header{flex-direction:column;align-items:flex-start;margin-bottom:15px}.page-header-right{justify-content:flex-start;width:100%}.page-title{font-size:21px}.dashboard-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:13px}.form-group.full-width{grid-column:auto}.form-section{padding:14px}.table-section{padding:13px}.table-toolbar{flex-direction:column;align-items:stretch}.table-toolbar-left,.table-toolbar-right,.table-search{width:100%}.pagination-row{flex-direction:column;align-items:flex-start}.button-row{flex-wrap:wrap}.toast-container{top:calc(var(--navbar-height) + 8px);width:auto;max-width:none;left:12px;right:12px}.purchase-toast{top:calc(var(--navbar-height) + 8px);width:auto;left:12px;right:12px}.invoice-header-grid,.new-material-grid{grid-template-columns:1fr}.invoice-section-actions{width:100%}.add-material-button{flex:1}.view-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-toolbar{flex-direction:column;align-items:stretch}.purchase-invoice-form-card{padding:14px}}@media (width<=480px){.app-page{padding:13px 10px 22px}.topbar,.np-topbar{padding:0 10px}.page-title{font-size:20px}.page-subtitle{font-size:11px}.form-section{padding:11px}.floating-field input,.floating-field select{height:43px}.floating-field textarea{min-height:85px}.btn{flex:1;min-width:0}.table-section{padding:10px}.table-toolbar-left,.table-toolbar-right{flex-wrap:wrap}.dashboard-card{padding:15px}.dashboard-card-value{font-size:22px}.view-invoice-info,.view-summary{grid-template-columns:1fr}.summary-input{width:110px}}@media print{.sidebar,.topbar,.np-topbar,.menu-toggle,.button-row,.table-toolbar,.pagination-row,.toast-container,.purchase-toast{display:none!important}.main-content{width:100%!important;margin:0!important}.app-page{background:#fff!important;padding:0!important}.card,.form-section,.table-section{box-shadow:none!important;border:0!important}.table-wrapper{overflow:visible!important}.data-table{min-width:0!important}}.pinv,.pinv-modal{--pv-accent:var(--primary,#a4145a);--pv-accent-dark:var(--primary-dark,#7d0f45);--pv-ink:#3a1d2c;--pv-text:#745263;--pv-muted:#8c6d7b;--pv-faint:#a88a95;--pv-line:#ead9e1;--pv-line-strong:#dcc7d2;--pv-soft:#fff7f8;--pv-soft-2:#f8eef2;--pv-head:#ff93c9;--pv-radius:14px;--pv-shadow:0 1px 2px #1018280a, 0 1px 3px #1018280d;font-size:14px}.pinv *,.pinv-modal *{box-sizing:border-box}.pinv-hero{justify-content:space-between;align-items:center;gap:16px;padding:0 0 14px;display:flex}.pinv-back{border:1px solid var(--pv-accent);height:40px;color:var(--pv-accent);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 20px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,color .15s,transform .15s;display:inline-flex}.pinv-back:hover{color:#fff;background:var(--pv-accent)}.pinv-back:active{transform:translateY(1px)}.pinv-hero-text{text-align:right}.pinv-hero h1{color:var(--pv-accent);letter-spacing:-.4px;margin:0;font-family:Manrope,DM Sans,sans-serif;font-size:20px;font-weight:700;line-height:1.2}.pinv-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:18px;display:grid}.pinv-main{flex-direction:column;gap:14px;min-width:0;display:flex}.pinv-aside{flex-direction:column;gap:16px;min-width:0;display:flex;position:sticky;top:14px}.pinv-card{border:1px solid var(--pv-line);border-radius:var(--pv-radius);box-shadow:var(--pv-shadow);background:#fff;padding:10px 12px 12px}.pinv-card-head{border-bottom:1px solid var(--pv-line);align-items:center;gap:1px;margin-bottom:18px;padding-bottom:14px;display:flex}.pinv-card-head>div{flex:1;min-width:0}.pinv-card-head h2{color:var(--pv-ink);margin:0;font-family:Manrope,DM Sans,sans-serif;font-size:12px;font-weight:700;line-height:1.3}.pinv-card-head small{color:var(--pv-muted);margin-top:2px;font-size:12.5px;display:block}.pinv-card-icon{width:36px;height:36px;color:var(--pv-accent);background:var(--pv-soft-2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pinv-float{min-width:0;position:relative}.pinv-input{border:1px solid var(--pv-line-strong);width:100%;height:40px;color:var(--pv-ink);background:#fff;border-radius:8px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .15s,box-shadow .15s,background .15s}.pinv-input:hover{border-color:var(--pv-faint)}.pinv-input:focus{border-color:var(--pv-accent);box-shadow:0 0 0 3px #a4145a14}.pinv-input:disabled{color:var(--pv-faint);background:var(--pv-soft-2);cursor:not-allowed}.pinv-input[readonly]{color:var(--pv-muted);background:var(--pv-soft-2);cursor:default}.pinv-input.is-total{color:var(--pv-ink);background:var(--pv-soft);font-weight:700}.pinv-input::placeholder{color:#0000}.pinv-float>label{z-index:3;max-width:calc(100% - 44px);color:var(--pv-faint);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:0 0;padding:0 4px;font-size:14px;font-weight:500;line-height:1;transition:top .15s,font-size .15s,color .15s;position:absolute;top:50%;left:12px;overflow:hidden;transform:translateY(-50%)}.pinv-float.has-value>label,.pinv-float:focus-within>label{max-width:calc(100% - 20px);color:var(--pv-accent);background:#fff;font-size:11.5px;font-weight:600;top:0}.pinv-float.is-readonly.has-value>label{background:linear-gradient(to bottom, #fff 50%, var(--pv-soft-2) 50%)}.pinv-req{color:#dc2626}.pinv-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1.5l6 6 6-6' fill='none' stroke='%23745263' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.pinv-input[type=date]{padding-right:10px}.pinv-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pinv-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pinv-input[type=number]{-moz-appearance:textfield}.pinv-head-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 200px;gap:16px;display:grid}.pinv-supplier{color:var(--pv-text);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 30px;margin-top:14px;font-size:13px;display:flex}.pinv-supplier strong{color:var(--pv-ink);font-weight:600}.pinv-add-btn{color:#fff;background:var(--pv-accent);letter-spacing:.3px;cursor:pointer;border:0;border-radius:8px;flex-shrink:0;align-items:center;gap:7px;height:40px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.pinv-add-btn:hover{background:var(--pv-accent-dark)}.pinv-table-wrap{border:1px solid var(--pv-line);-webkit-overflow-scrolling:touch;border-radius:10px;width:100%;overflow-x:auto}.pinv-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:860px}.pinv-table th{color:var(--pv-ink);background:var(--pv-head);border-bottom:1px solid var(--pv-line);white-space:nowrap;padding:13px 14px;font-size:13.5px;font-weight:700}.pinv-table td{color:var(--pv-text);border-bottom:1px solid var(--pv-line);white-space:nowrap;vertical-align:middle;font-variant-numeric:tabular-nums;padding:12px 14px;font-size:13.5px;font-weight:500}.pinv-table .is-l{text-align:left}.pinv-table .is-c{text-align:center}.pinv-table .is-r{text-align:right}.pinv-table th.is-c,.pinv-table td.is-c{width:1%}.pinv-table tbody tr:last-child td{border-bottom:0}.pinv-table tbody tr:hover{background:var(--pv-soft)}.pinv-sr{width:56px;color:var(--pv-muted)!important}.pinv-strong{color:var(--pv-ink)!important;font-weight:700!important}.pinv-item-cell{flex-direction:column;gap:2px;min-width:170px;display:flex}.pinv-item-cell strong{color:var(--pv-ink);font-size:13.5px;font-weight:600}.pinv-item-cell small,.pinv-gst-cell small{color:var(--pv-muted);font-size:11.5px;font-weight:400}.pinv-unit{color:var(--pv-muted);font-size:11.5px;font-style:normal}.pinv-incl{color:var(--pv-muted);font-size:11px;font-weight:400;display:block}.pinv-gst-cell{flex-direction:column;align-items:center;gap:3px;display:flex}.pinv-badge{height:22px;color:var(--pv-accent);background:var(--pv-soft-2);border-radius:6px;align-items:center;padding:0 9px;font-size:11.5px;font-weight:700;display:inline-flex}.pinv-empty{text-align:center!important;white-space:normal!important;padding:38px 14px!important}.pinv-empty>div{flex-direction:column;align-items:center;gap:6px;display:flex}.pinv-empty strong{color:var(--pv-ink);font-size:14px;font-weight:600}.pinv-empty small{color:var(--pv-muted);font-size:12.5px}.pinv-empty-icon{width:52px;height:52px;color:var(--pv-faint);background:var(--pv-soft-2);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex}.pinv-row-actions{justify-content:center;gap:6px;display:inline-flex}.pinv-icon-btn{border:1px solid var(--pv-line);width:34px;height:34px;color:var(--pv-muted);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.pinv-icon-btn.is-edit{color:#2563eb;background:#eff6ff;border-color:#dbeafe}.pinv-icon-btn.is-edit:hover{background:#dbeafe}.pinv-icon-btn.is-delete{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.pinv-icon-btn.is-delete:hover{background:#ffe4e6;border-color:#fda4af}.pinv-summary{border:1px solid var(--pv-line);border-radius:var(--pv-radius);box-shadow:var(--pv-shadow);background:#fff;padding:22px}.pinv-summary-label{color:var(--pv-muted);letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:600;display:block}.pinv-grand{color:var(--pv-ink);letter-spacing:-.4px;word-break:break-all;align-items:baseline;gap:5px;margin:4px 0 16px;font-family:Manrope,DM Sans,sans-serif;font-size:30px;font-weight:700;line-height:1.2;display:flex}.pinv-grand small{color:var(--pv-muted);font-size:19px;font-weight:600}.pinv-sum-list{border-top:1px solid var(--pv-line);border-bottom:1px solid var(--pv-line);padding:4px 0}.pinv-sum-row{justify-content:space-between;align-items:center;gap:14px;padding:8px 0;display:flex}.pinv-sum-row span{color:var(--pv-muted);font-size:13px}.pinv-sum-row strong{color:var(--pv-ink);font-size:13.5px;font-weight:600}.pinv-sum-transport{margin-top:18px}.pinv-sum-split{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.pinv-sum-split>div{border:1px solid var(--pv-line);background:var(--pv-soft);border-radius:10px;padding:10px 12px}.pinv-sum-split span{color:var(--pv-muted);letter-spacing:.35px;text-transform:uppercase;font-size:11px;font-weight:600;display:block}.pinv-sum-split strong{color:var(--pv-ink);word-break:break-all;margin-top:2px;font-size:15px;font-weight:700;display:block}.pinv-sum-split .is-balance{border-color:var(--pv-accent);background:#fff}.pinv-sum-split .is-balance strong{color:var(--pv-accent)}.pinv-pay{padding:18px 20px 16px}.pinv-pay .pinv-card-head{margin-bottom:16px;padding-bottom:12px}.pinv-pay-empty{border:1px dashed var(--pv-line-strong);color:var(--pv-muted);background:var(--pv-soft);text-align:center;border-radius:10px;margin:0 0 4px;padding:13px;font-size:12.5px}.pinv-pay-list{flex-direction:column;gap:14px;display:flex}.pinv-pay-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 34px;align-items:center;gap:8px;display:grid}.pinv-add-link{color:var(--pv-accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:12px;padding:5px 2px;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex}.pinv-add-link:hover{color:var(--pv-accent-dark)}.pinv-actions{flex-direction:column;gap:10px;display:flex}.pinv-actions-row{grid-auto-columns:1fr;grid-auto-flow:column;gap:10px;display:grid}.pinv-btn{letter-spacing:.3px;cursor:pointer;border:1px solid #0000;border-radius:8px;width:100%;min-height:46px;padding:0 20px;font-family:inherit;font-size:13.5px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.pinv-btn:disabled{opacity:.65;cursor:not-allowed}.pinv-btn.is-primary{color:#fff;background:var(--pv-accent);box-shadow:0 6px 14px #a4145a38}.pinv-btn.is-primary:hover:not(:disabled){background:var(--pv-accent-dark)}.pinv-btn.is-outline{color:var(--pv-accent);border-color:var(--pv-accent);background:#fff}.pinv-btn.is-outline:hover:not(:disabled){background:var(--pv-soft-2)}.pinv-btn.is-danger{color:#b91c1c;background:#fff;border-color:#fecaca}.pinv-btn.is-danger:hover:not(:disabled){background:#fef2f2;border-color:#f87171}.pinv-btn.is-modal{width:auto;min-width:130px}.pinv-page-loader{z-index:9998;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fff7f8b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pinv-page-loader-card,.pinv-saving-overlay{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.pinv-page-loader-card{border:1px solid var(--pv-line);background:#fff;border-radius:16px;min-width:250px;padding:28px 34px;box-shadow:0 20px 50px #3a1d2c2e}.pinv-page-loader-card strong,.pinv-saving-overlay strong{color:var(--pv-ink);font-size:15px;font-weight:700}.pinv-page-loader-card small,.pinv-saving-overlay small{color:var(--pv-muted);font-size:12.5px}.pinv-saving-loader{border:4px solid var(--pv-soft-2);border-top-color:var(--pv-accent);border-radius:50%;width:44px;height:44px;margin-bottom:6px;animation:.75s linear infinite pinv-spin}.pinv-saving-overlay{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffd1;border-radius:14px;justify-content:center;position:absolute;inset:0}.pinv-btn-loading{justify-content:center;align-items:center;gap:9px;display:inline-flex}.pinv-btn-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite pinv-spin}@keyframes pinv-spin{to{transform:rotate(360deg)}}.pinv-picker{position:relative}.pinv-picker .pinv-input{padding-right:40px}.pinv-picker-arrow{border-right:2px solid var(--pv-muted);border-bottom:2px solid var(--pv-muted);pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:16px;transform:translateY(-70%)rotate(45deg)}.pinv-picker-list{z-index:60;border:1px solid var(--pv-line);background:#fff;border-radius:10px;max-height:290px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #10182824}.pinv-picker-list.is-compact{min-width:290px}.pinv-picker-option{border:0;border-bottom:1px solid var(--pv-line);width:100%;color:var(--pv-ink);text-align:left;cursor:pointer;background:#fff;justify-content:space-between;align-items:center;gap:14px;padding:11px 14px;font-family:inherit;font-size:13.5px;transition:background .12s;display:flex}.pinv-picker-option:hover{background:var(--pv-soft)}.pinv-picker-option strong{font-weight:600;display:block}.pinv-picker-option small{color:var(--pv-muted);margin-top:1px;font-size:11.5px;display:block}.pinv-picker-meta{color:var(--pv-text);background:var(--pv-soft-2);border-radius:6px;flex-shrink:0;padding:3px 9px;font-size:11.5px;font-weight:600}.pinv-picker-empty{color:var(--pv-muted);text-align:center;padding:16px;font-size:13px}.pinv-picker-new{border:0;border-top:1px solid var(--pv-line);width:100%;color:var(--pv-accent);background:var(--pv-soft);text-align:left;cursor:pointer;padding:12px 14px;font-family:inherit;font-size:13px;font-weight:600;position:sticky;bottom:0}.pinv-picker-new:hover{background:var(--pv-soft-2)}.pinv-modal{background:#fff;border-radius:14px;width:100%;max-width:860px;max-height:calc(100vh - 40px);position:relative;overflow-y:auto;box-shadow:0 24px 60px #10182847}.pinv-modal-head{border-bottom:1px solid var(--pv-line);justify-content:space-between;align-items:center;gap:14px;padding:18px 24px;display:flex}.pinv-modal-head h2{color:var(--pv-ink);margin:0;font-family:Manrope,DM Sans,sans-serif;font-size:18px;font-weight:700}.pinv-modal-head small{color:var(--pv-muted);margin-top:2px;font-size:12.5px;display:block}.pinv-modal-close{border:1px solid var(--pv-line);width:36px;height:36px;color:var(--pv-muted);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;font-size:22px;line-height:1;transition:background .15s,color .15s}.pinv-modal-close:hover{color:var(--pv-ink);background:var(--pv-soft-2)}.pinv-modal-body{padding:28px 24px 10px}.pinv-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:22px 16px;display:grid}.pinv-grid .c-2{grid-column:span 2}.pinv-grid .c-3{grid-column:span 3}.pinv-grid .c-7{grid-column:span 7}.pinv-modal-foot{border-top:1px solid var(--pv-line);background:var(--pv-soft);border-radius:0 0 14px 14px;justify-content:flex-end;gap:10px;margin-top:14px;padding:14px 24px 18px;display:flex}@media (width<=1200px){.pinv-layout{grid-template-columns:1fr}.pinv-aside{position:static}.pinv-summary{order:-1}}@media (width<=900px){.pinv-head-grid{grid-template-columns:1fr 1fr}.pinv-head-grid>:first-child{grid-column:1/-1}}@media (width<=750px){.pinv-hero h1{font-size:20px}.pinv-card{padding:16px 14px 18px}.pinv-card-head{flex-wrap:wrap}.pinv-add-btn{justify-content:center;width:100%}.pinv-head-grid{grid-template-columns:1fr}.pinv-supplier{justify-content:flex-start}.pinv-grid{gap:20px 12px}.pinv-grid .c-2,.pinv-grid .c-3,.pinv-grid .c-7{grid-column:span 12}.pinv-modal-head,.pinv-modal-body,.pinv-modal-foot{padding-left:16px;padding-right:16px}.pinv-btn.is-modal{flex:1;min-width:0}}@media (width<=520px){.pinv-hero h1{font-size:18px}.pinv-sum-split{grid-template-columns:1fr}.pinv-actions-row{grid-auto-columns:auto;grid-auto-flow:row}}.pinv-hero-actions{align-items:center;gap:8px;display:flex}.pinv-reset{border:1px solid var(--pv-accent);height:40px;color:var(--pv-accent);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.pinv-reset:hover:not(:disabled){color:#fff;background:var(--pv-accent);border-color:var(--pv-accent)}.pinv-reset:active:not(:disabled){transform:translateY(1px)}.pinv-reset:disabled{color:#b8a5af;opacity:.7;cursor:not-allowed;background:#f8f3f5;border-color:#e6dce1}.pinv-reset svg{flex-shrink:0}