@charset "UTF-8";:root{--color-primary:#1eb4ff;--color-primary-rgb:30,180,255;--bg-main:#1a1a1a;--bg-panel:rgba(var(--bg-deep-rgb),0.65);--bg-deep:#121212;--bg-secondary:#272727;--bg-tertiary:#2f2f2f;--bg-lesser:#3c3c3c;--bg-th:var(--bg-secondary);--bg-main-rgb:39,39,39;--bg-deep-rgb:0,0,0;--bg-secondary-rgb:16,16,16;--bg-tertiary-rgb:47,47,47;--bg-lesser-rgb:60,60,60;--bg-th-rgb:var(--bg-secondary-rgb);--bg-hover:rgba(var(--text-primary-rgb),0.05);--bg-active:rgba(var(--color-primary-rgb),0.05);--table-row-hover:rgba(var(--bg-main-rgb),0.2);--text-primary:#fff;--text-secondary:#c2c2c2;--text-muted:#8f8f8f;--text-highlight:var(--color-primary);--text-primary-rgb:255,255,255;--text-secondary-rgb:194,194,194;--text-muted-rgb:143,143,143;--border-primary:#ffffff26;--border-primary-rgb:255,255,255;--border-secondary:#ffffff14;--border-secondary-rgb:255,255,255;--border-active:var(--color-primary);--color-success:#4ade80;--color-success-rgb:74,222,128;--color-warning:#fbbf24;--color-warning-rgb:251,191,36;--color-error:#f87171;--color-error-rgb:248,113,113;--color-info:#1eb4ff;--color-info-rgb:30,180,255;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:20px;--spacing-xl:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:20px;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--font-xs:11px;--font-sm:12px;--font-md:13px;--font-lg:15px;--font-xl:18px;--font-2xl:24px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--shadow-sm:0 1px 2px #0009;--shadow-md:0 2px 4px #0009;--shadow-lg:0 4px 8px #0009;--shadow-dark:0,0,0,0.55;--shadow-light:0,0,0,0.35}.svg-bg{background-attachment:fixed;background-color:#454545;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23313131'/%3E%3Cstop offset='1' stop-color='%23313131' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%232b2b2b'/%3E%3Cstop offset='1' stop-color='%232b2b2b' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23171717'/%3E%3Cstop offset='1' stop-color='%23171717' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23454545'/%3E%3Cstop offset='1' stop-color='%23454545' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%231C1C1C'/%3E%3Cstop offset='1' stop-color='%231C1C1C' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23111'/%3E%3Cstop offset='1' stop-color='%23111' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23b)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23c)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23d)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23e)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23f)' d='M0 0h1200v800H0z'/%3E%3C/svg%3E");background-size:cover}[data-theme=light]{--color-primary:#0095d0;--color-primary-rgb:0,149,208;--bg-th:#fff;--bg-lesser:#dbdbdb;--bg-tertiary:#e0e0e0;--bg-secondary:#e6e6e6;--bg-main:#f0f0f0;--bg-panel:rgba(var(--bg-main-rgb),0.8);--bg-deep:#f5f5f5;--bg-th-rgb:255,255,255;--bg-lesser-rgb:219,219,219;--bg-tertiary-rgb:224,224,224;--bg-secondary-rgb:230,230,230;--bg-main-rgb:240,240,240;--bg-deep-rbg:245,245,245;--bg-hover:rgba(var(--text-primary-rgb),0.04);--table-row-hover:rgba(var(--bg-main-rgb),0.2);--text-primary:#282828;--text-secondary:#3d3d3d;--text-muted:#6b6b6b;--text-primary-rgb:40,40,40;--text-secondary-rgb:61,61,61;--text-muted-rgb:107,107,107;--color-success:#17a884;--color-success-rgb:23,168,132;--color-warning:#cd9300;--color-warning-rgb:205,147,0;--color-error:#f34444;--color-error-rgb:243,68,68;--color-info:#0095d0;--color-info-rgb:0,149,208;--border-primary:#0000002e;--border-primary-rgb:0,0,0;--border-secondary:#0000001f;--border-secondary-rgb:0,0,0;--shadow-sm:0 1px 2px #00000026;--shadow-md:0 2px 4px #00000026;--shadow-lg:0 4px 8px #00000026;--shadow-dark:0,0,0,0.13;--shadow-light:0,0,0,0.07}[data-theme=light] .svg-bg{background-attachment:fixed;background-color:#eaeaea;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23d5d5d5'/%3E%3Cstop offset='1' stop-color='%23d5d5d5' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23dadada'/%3E%3Cstop offset='1' stop-color='%23dadada' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23c4c4c4'/%3E%3Cstop offset='1' stop-color='%23c4c4c4' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23EAEAEA'/%3E%3Cstop offset='1' stop-color='%23EAEAEA' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23BFBFBF'/%3E%3Cstop offset='1' stop-color='%23BFBFBF' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23C9C9C9'/%3E%3Cstop offset='1' stop-color='%23C9C9C9' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23b)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23c)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23d)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23e)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23f)' d='M0 0h1200v800H0z'/%3E%3C/svg%3E");background-size:cover}[data-theme=light] .welcome-text h1{color:rgba(var(--bg-main-rgb),1)}:root{--excel-navy:#1e3a5f;--excel-blue:#4f6475;--excel-lightblue:#8697a4;--excel-gold:#c9a961;--excel-lightgold:#c7aa81;--excel-navy-rgb:30,58,95;--excel-blue-rgb:79,100,117;--excel-lightblue-rgb:134,151,164;--excel-gold-rgb:201,169,97;--excel-lightgold-rgb:199,170,129}#root{height:100vh;overflow:hidden}*,:after,:before{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin-top:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-main);color:var(--text-primary);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}.material-symbols-rounded{font-size:20px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.info-icon{color:var(--color-primary);cursor:default;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20;padding:6px 8px}.info-icon.local{color:var(--border-primary)}.icon-sm,.material-symbols-rounded.icon-sm{font-size:16px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 16}.icon-md,.material-symbols-rounded.icon-md{font-size:20px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.icon-lg,.material-symbols-rounded.icon-lg{font-size:24px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}table{background:rgba(var(--bg-main-rgb),.15);border:none!important;border-collapse:collapse;width:100%}thead{background:rgba(var(--bg-main-rgb),.8);border-bottom:1px solid var(--border-secondary)}th{border-bottom:none;color:rgba(var(--text-primary-rgb),.6);font-weight:var(--font-medium);letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0}td,th{font-size:var(--font-sm);padding:var(--spacing-sm)}td{border-bottom:1px solid var(--border-secondary);color:var(--text-primary)}tbody tr:hover{background:rgba(var(--text-muted-rgb),.1)}tbody tr:last-child td,tbody tr:last-child.expandable-row td,tbody tr:nth-last-child(2).expandable-row td{border-bottom:none!important}.suggested-price p{color:var(--text-secondary)}.suggested-price p,.suggested-price p span{margin:0!important;padding:5px 0 0!important}.suggested-price p span{color:var(--text-primary);transition-duration:.3s}.suggested-price p span:hover:not(:disabled){color:var(--color-primary)}.data-table .status-badge,.modal-overlay .status-badge,.status-badge,.table-container .status-badge{background:var(--bg-secondary);border:.8px solid var(--border-secondary);border-radius:var(--radius-xl);box-shadow:rgba(var(--shadow-dark)) 1px 1px 4px 0;color:var(--text-secondary);display:inline-block;font-size:.7em;font-weight:600;padding:4px 8px;text-transform:uppercase}[data-theme=light] .data-table .status-badge,[data-theme=light] .modal-overlay .status-badge,[data-theme=light] .status-badge,[data-theme=light] .table-container .status-badge,[data-theme=light] table .status-badge{background:rgba(var(--text-secondary-rgb),.15);border:.8px solid rgba(var(--text-secondary-rgb),1);color:var(--text-secondary)}.status-badge.authorised,.status-badge.status-authorised{background:rgba(var(--color-primary-rgb),.16);border:.8px solid rgba(var(--color-primary-rgb),.17);color:var(--color-primary)}[data-theme=light] .status-badge.authorised,[data-theme=light] .status-badge.status-authorised{background:rgba(var(--color-primary-rgb),.15);border:.8px solid var(--color-primary);color:var(--color-primary)}.status-badge.active,.status-badge.paid,.status-badge.status-active,.status-badge.status-paid,.status-badge.status-submitted,.status-badge.submitted{background:rgba(var(--color-success-rgb),.16);border:.8px solid rgba(var(--color-success-rgb),.17);color:var(--color-success)}[data-theme=light] .status-badge.active,[data-theme=light] .status-badge.paid,[data-theme=light] .status-badge.status-active,[data-theme=light] .status-badge.status-paid,[data-theme=light] .status-badge.status-submitted,[data-theme=light] .status-badge.submitted{background:rgba(var(--color-success-rgb),.15);border:.8px solid var(--color-success);color:var(--color-success)}.status-badge.draft,.status-badge.pending,.status-badge.status-draft,.status-badge.status-pending{background:rgba(var(--bg-tertiary-rgb),.96);border:.8px solid rgba(var(--bg-tertiary-rgb),.97);color:var(--text-muted)}[data-theme=light] .status-badge.draft,[data-theme=light] .status-badge.pending,[data-theme=light] .status-badge.status-draft,[data-theme=light] .status-badge.status-pending{background:rgba(var(--text-muted-rgb),.15);border:.8px solid rgba(var(--text-muted-rgb),1);color:var(--text-muted)}.status-badge.archived,.status-badge.deleted,.status-badge.status-archived,.status-badge.status-deleted,.status-badge.status-voided,.status-badge.voided{background:rgba(var(--text-muted-rgb),.46);border:.8px solid rgba(var(--text-muted-rgb),.47);color:var(--bg-tertiary)}[data-theme=light] .status-badge.archived,[data-theme=light] .status-badge.deleted,[data-theme=light] .status-badge.status-archived,[data-theme=light] .status-badge.status-deleted,[data-theme=light] .status-badge.status-voided,[data-theme=light] .status-badge.voided{background:rgba(var(--text-muted-rgb),.15);border:.8px solid rgba(var(--text-muted-rgb),.15);color:rgba(var(--text-muted-rgb),.5)}.status-badge.overdue,.status-badge.status-overdue{background:rgba(var(--color-error-rgb),.96);border:.8px solid rgba(var(--color-error-rgb),.97);color:var(--bg-main)}[data-theme=light] .status-badge.overdue,[data-theme=light] .status-badge.status-overdue{background:rgba(var(--color-error-rgb),.15);border:.8px solid rgba(var(--color-error-rgb),1);color:var(--color-error)}.btn-slideout,.btn-slideout .btn-label{will-change:width,opacity,transform,color}.btn-slideout{--collapsed:45px;--expanded-width:45px;align-items:center;background:var(--bg-main);border:none;border-radius:45px;box-shadow:rgba(var(--shadow-dark)) 3px 6px 10px -5px;color:var(--text-primary);cursor:pointer;display:inline-flex;height:45px;overflow:hidden;transition:width .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1),color .5s ease .15s;width:var(--collapsed)}.btn-slideout:hover:not(:disabled){border-radius:40px;color:var(--text-primary);width:var(--expanded-width)}.btn-slideout.btn-danger .btn-label,.btn-slideout.btn-danger .material-symbols-rounded,.btn-slideout:hover:not(:disabled).btn-danger .btn-label,.btn-slideout:hover:not(:disabled).btn-danger .material-symbols-rounded{color:var(--color-error)}.btn-slideout .icon-wrapper{align-items:center;display:flex;flex-shrink:0;height:45px;justify-content:center;width:45px}.btn-slideout .material-symbols-rounded{font-size:17px;margin-left:-12px;transition:all .5s}.btn-slideout .custom-icon{height:17px;margin-left:-12px;transition:all .5s;width:17px}.btn-slideout:hover:not(:disabled) .custom-icon,.btn-slideout:hover:not(:disabled) .material-symbols-rounded{margin-left:0}.btn-slideout .btn-label{color:var(--text-secondary);font-weight:500;margin-left:-5px;opacity:0;padding-right:10px;transform:translateX(-6px);transition:opacity .2s ease .15s,transform .3s ease .15s,color .3s ease .15s;white-space:nowrap}.btn-slideout:hover:not(:disabled) .btn-label{color:var(--text-primary);opacity:1;transform:translateX(0)}.btn-slideout.active{box-shadow:inset rgba(var(--shadow-dark)) -3px -3px 3px -1px;transform:translate(2px,2px)}.btn-slideout.active .material-symbols-rounded{color:rgba(var(--color-primary-rgb),1)}.btn-slideout .btn-badge{color:var(--text-primary);font-size:9px;font-weight:400;opacity:0;pointer-events:none;position:absolute;right:3px;text-align:center;top:18px;transition:right .5s cubic-bezier(.4,0,.2,1),opacity .5s;width:10px}.btn-slideout:hover:not(:disabled) .btn-badge{opacity:1;right:22px}.btn-round{align-items:center;background:var(--bg-main);border:none;border-radius:50%;box-shadow:rgba(var(--shadow-dark)) 3px 6px 10px -5px;cursor:pointer;display:inline-flex;height:45px;overflow:hidden;transition:width .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1),color .5s ease .15s;width:45px}.btn-round,.btn-round:hover:not(:disabled){color:var(--text-primary)}.btn-round:hover:not(:disabled).btn-danger .material-symbols-rounded{color:var(--color-error)}.btn-round .icon-wrapper{align-items:center;display:flex;flex-shrink:0;height:45px;justify-content:center;width:45px}.btn-round .material-symbols-rounded{color:var(--text-secondary);font-size:19px;margin-left:-12px;transition:all .5s}.btn-round:hover:not(:disabled) .material-symbols-rounded{color:var(--color-primary)}.btn-round .btn-label{display:none;transition:all .5s}.btn-round:hover:not(:disabled) .btn-label{color:var(--color-primary)}.btn-full{align-items:center;background:var(--text-muted);border:none;border-radius:30px;box-shadow:rgba(var(--shadow-dark)) 3px 6px 10px -5px;color:var(--bg-secondary);cursor:pointer;display:inline-flex;height:30px;overflow:hidden;padding:0 var(--spacing-md);transition:all .4s;width:-webkit-fit-content;width:fit-content}.btn-full:hover:not(:disabled){background:var(--text-secondary);color:var(--bg-deep)}.btn-full:hover:not(:disabled).btn-danger .material-symbols-rounded{color:var(--color-error)}.btn-full .icon-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:5px}.btn-full .material-symbols-rounded{color:var(--bg-secondary);font-size:16px;transition:all .5s}.btn-full:hover:not(:disabled) .material-symbols-rounded{color:var(--bg-deep)}.btn-full .btn-label{font-size:.9em;transition:all .5s}.btn-full:hover:not(:disabled) .btn-label{color:var(--bg-deep)}.preset-buttons{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr 1fr;width:-webkit-fit-content;width:fit-content}div#datepicker-portal{left:0;position:absolute;top:0;z-index:100001}.preset-buttons button{align-items:center;background:var(--bg-th);border:1px solid var(--bg-th);border-radius:50px;box-shadow:rgba(var(--shadow-dark)) 3px 6px 10px -5px;color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--font-sm);font-weight:var(--font-semibold);gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-md) var(--spacing-xl);text-align:center;text-transform:uppercase;transition:all .35s ease-in-out;width:-webkit-fit-content;width:fit-content}.preset-buttons button .material-symbols-rounded{font-size:16px}.preset-buttons button:hover:not(:disabled){border:1px solid var(--color-primary);color:var(--color-primary)}.btn-secondary.btn-sm,button.btn-secondary.btn-sm{padding:8px 12px 8px 8px}.btn,.btn-ghost,.btn-primary,.btn-secondary{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-md);font-weight:var(--font-medium);gap:var(--spacing-sm);letter-spacing:normal;padding:10px var(--spacing-md);text-transform:none;transition:all var(--transition-normal);width:-webkit-fit-content;width:fit-content}.btn-primary,button.btn-primary{background:#0000;border:1px solid var(--color-primary);box-shadow:none;color:var(--color-primary)}.btn-primary:hover:not(:disabled),button.btn-primary:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.85);border-color:var(--color-primary);box-shadow:0 0 20px rgba(var(--color-primary-rgb),.4),0 0 40px rgba(var(--color-primary-rgb),.2),inset 0 0 20px rgba(var(--color-primary-rgb),.05);color:var(--bg-main)}.btn-secondary,button.btn-secondary{background:#0000;border:1px solid var(--border-primary);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled),button.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-secondary);color:var(--text-primary)}.btn-ghost{background:#0000;border:none;color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-primary.multiple,.btn-secondary.multiple{margin-right:10px}.btn-primary.multiple:last-of-type,.btn-secondary.multiple:last-of-type{margin-right:0!important}.btn-icon{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;min-height:32px;min-width:32px;padding:0;scale:1;transition:all .5s;width:32px}.btn-icon .material-symbols-rounded{font-size:20px}.btn-icon:hover:not(:disabled){color:var(--color-primary);scale:1.1}.btn-icon.btn-danger:hover:not(:disabled){color:var(--color-error)}.btn-icon.btn-success:hover:not(:disabled){color:var(--color-success)}.actions-col button.btn-icon.btn-icon:hover:not(:disabled){color:var(--color-primary)}.actions-col button.btn-icon.btn-danger:hover:not(:disabled){border-color:var(--color-error)!important;color:var(--color-error)!important}.actions-col button.btn-icon.btn-success:hover:not(:disabled){border-color:var(--color-success)!important;color:var(--color-success)!important}.btn-icon:disabled,.btn:disabled,button:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none!important}.btn:disabled:hover,button:disabled:hover{box-shadow:none;transform:none}input,select,textarea{background:var(--bg-main);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}input::placeholder:not(:disabled),select::placeholder:not(:disabled),textarea::placeholder:not(:disabled){color:var(--text-muted);opacity:.5}.styled-input:not(:disabled):not(.disabled):focus,input:not(:disabled):not(.disabled):focus,select:not(:disabled):not(.disabled):focus,textarea:not(:disabled):not(.disabled):focus{background:var(--bg-main);border-color:var(--color-primary);outline:none}.styled-input:disabled.hover,.styled-input:disabled:hover,input:disabled.hover,input:disabled:hover,select.disabled:hover,select:disabled:hover,textarea.disabled:hover,textarea:disabled:hover{cursor:not-allowed}.styled-input.disabled,.styled-input:disabled,input.disabled,input:disabled,select:disabled,select>disabled,textarea.disabled,textarea:disabled{opacity:.4}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.login-card{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:rgba(var(--bg-secondary-rgb),.5);background-blend-mode:darken;border-radius:30px;box-shadow:var(--shadow-lg);max-width:340px;padding:40px 40px 60px;width:100%}.login-header{margin:20px 0 10px;text-align:center}.login-logo-icon{margin-bottom:var(--spacing-lg);opacity:.9;width:120px}@keyframes logoEntry{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}to{opacity:.9;transform:scale(1) rotate(0)}}.login-logo-icon{animation:logoEntry 3s cubic-bezier(.34,1.56,.64,1)}.login-form{gap:var(--spacing-lg)}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:var(--spacing-sm)}.form-label{color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.form-input{background:rgba(var(--bg-tertiary-rgb),.5);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-md);outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.form-input::placeholder:not(:disabled){color:var(--text-muted);opacity:.5}.form-input:hover:not(:disabled){border-color:var(--text-muted)}.form-input:focus{background:var(--bg-secondary);border-color:var(--color-primary)}.forgot-password{margin:-15px 0 0;text-align:right}.forgot-password .link-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-sm);text-decoration:none;transition-duration:.3s}.forgot-password .link-button:hover:not(:disabled){color:var(--color-primary)}.error-message{border:1px solid var(--color-error);padding:var(--spacing-md);text-align:center}.signup-link{border-top:1px solid var(--border-primary);color:var(--text-muted);font-size:var(--font-sm);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.signup-link a{color:var(--text-primary);text-decoration:none}.signup-link a:hover:not(:disabled){color:var(--color-primary);transition-duration:.3s}.signin-button{border-radius:30px!important;display:block!important;font-size:15px!important;padding:15px!important}.login-card .success-message{display:grid}.btn.sign-up,.login-card .btn{display:inline-block;text-align:center;width:100%}@keyframes spinDashboard{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinning{animation:spinDashboard 1s linear infinite}.dashboard-container{background-color:var(--bg-deep);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;gap:12px;height:100vh;padding:12px;position:relative}.dashboard-container:before{background:#0003;background:rgba(var(--overlay-color,0,0,0),var(--overlay-opacity,.2));content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.dashboard-container>.main-container,.dashboard-container>.sidebar{position:relative;z-index:1}.dashboard-home{height:100%}.sidebar{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--bg-panel);border-radius:50px;flex-direction:column;min-width:260px;overflow:visible;padding:26px 20px;width:260px;z-index:5}.sidebar,.sidebar-header{display:flex;position:relative}.sidebar-header{align-items:center;gap:12px;padding:12px 16px}.logo-icon{flex-shrink:0;height:36px;width:36px}.sidebar-title{display:flex;flex-direction:column;gap:1px;min-width:0}.sidebar-brand{color:var(--text-primary);font-size:var(--font-lg);font-weight:var(--font-semibold);line-height:1.2}.sidebar-version{color:rgba(var(--text-primary-rgb),.5);font-size:.7em;line-height:1.2}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0 0 var(--spacing-sm);scrollbar-gutter:stable}.sidebar-nav::-webkit-scrollbar{margin-right:10px;width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000;margin-right:10px}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(var(--text-muted-rgb),.2);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-muted-rgb),.4)}.sidebar-nav{padding-right:10px}@supports selector(::-webkit-scrollbar){.sidebar-nav{overflow-y:overlay}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(var(--text-muted-rgb),0)}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:rgba(var(--text-muted-rgb),.2)}.sidebar-nav:hover::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-muted-rgb),.4)}}.nav-item{align-items:center;border-radius:var(--radius-xl);color:rgba(var(--text-primary-rgb),.65);cursor:pointer;display:flex;font-size:15px;font-weight:var(--font-medium);gap:15px;margin:0;padding:15px 25px;position:relative;transition:background .3s ease,color .3s ease}.nav-item:hover{color:rgba(var(--text-primary-rgb),1)}.nav-item.active,.nav-item:hover{background:rgba(var(--text-secondary-rgb),.15)}.nav-item.active{color:var(--text-primary)}.nav-section.favourites .nav-favourite-submenu .nav-item.active,.nav-section.favourites .nav-item.active{background:#0000;color:rgba(var(--text-primary-rgb),.65)}.nav-item .material-symbols-rounded{flex-shrink:0;font-size:22px;width:24px}.nav-item .nav-svg-icon{flex-shrink:0;height:22px;width:22px}.nav-label{flex:1 1}.nav-label.compound-pricing,.nav-label.create-statement{white-space:nowrap}.nav-item.sub-item{font-size:13px;gap:var(--spacing-xs);margin:2px 2px 2px 55px;padding:10px 16px}.sub-item-tooltip{background:#000c;border-radius:var(--radius-sm);color:#fff;font-size:10px;opacity:0;padding:6px 12px;pointer-events:none;position:fixed;transition:opacity .4s ease;white-space:nowrap;z-index:9999}.sub-item-tooltip.visible{opacity:1}.nav-section{margin:2px 0}.nav-section-header{align-items:center;border-radius:var(--radius-xl);color:rgba(var(--text-primary-rgb),.65);cursor:pointer;display:flex;font-size:15px;font-weight:var(--font-medium);gap:10px;margin:2px;padding:15px 25px;transition:background .3s ease,color .3s ease}.nav-section-header:hover,.nav-section.expanded>.nav-section-header,.nav-section:not(.favourites):has(.nav-item.active)>.nav-section-header{background:rgba(var(--text-secondary-rgb),.15);color:var(--text-primary)}.nav-section.expanded .nav-section-header{color:var(--text-primary)}.nav-section-header .material-symbols-rounded{flex-shrink:0;font-size:20px;width:24px}.nav-section-header .nav-svg-icon{flex-shrink:0;height:20px;width:20px}.nav-section-header .nav-label{flex:1 1}.nav-chevron{color:var(--text-muted);flex-shrink:0;font-size:18px!important;margin-left:auto;transition:transform .5s ease;width:18px!important}.nav-section:has(.active):not(.favourites) .nav-chevron{color:var(--text-secondary);transform:rotate(-90deg)}.nav-section.expanded .nav-section-header>.nav-chevron{color:var(--text-secondary);transform:rotate(-180deg)}.nav-section-items{max-height:0;overflow:hidden;position:relative;transition:max-height .7s ease-in-out}.nav-section.expanded .nav-section-items{max-height:600px}.letter-icon:not(.tooltip){align-items:center;background:rgba(var(--text-secondary-rgb),.1);border:1.5px solid var(--text-secondary);border-radius:50%;color:var(--text-secondary);display:inline-flex;flex-shrink:0;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:var(--font-semibold);height:20px;justify-content:center;line-height:1;text-align:center;transition:all .3s;width:20px}.nav-item:hover .letter-icon{background:rgba(var(--text-primary-rgb),.1);border-color:var(--text-primary);color:var(--text-primary)}.nav-section:not(.favourites).nav-item.active .letter-icon{background:rgba(var(--color-primary-rgb),.15);border-color:var(--color-primary);color:var(--color-primary)}.main-container button.admin-item,.nav-item.admin-item,.nav-item.admin-item .material-symbols-rounded,.nav-section-header.admin-item,.nav-section-header.admin-item .material-symbols-rounded{color:var(--color-primary)}.admin-icon{color:var(--color-primary)!important}.admin-badge{background:#0000;border:1px solid var(--color-primary);border-radius:4px;flex-shrink:0;font-size:.65em;font-weight:600;letter-spacing:.2px;margin-left:auto;opacity:.8;padding:2px 3px;text-transform:uppercase}.admin-badge,.main-container button.admin-item:hover{color:var(--color-primary)}.nav-item.active .admin-badge,.nav-item:hover .admin-badge{opacity:1}.sidebar-collapse-btn{align-items:center;background:rgba(var(--bg-lesser-rgb),.95);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;position:absolute;right:-14px;top:40px;transition:all .4s ease;width:28px;z-index:10}.sidebar-collapse-btn:hover{background:var(--bg-main);color:var(--text-primary)}.sidebar-collapse-btn .material-symbols-rounded{font-size:18px;transition:all .4s ease}.collapsed .sidebar-collapse-btn .material-symbols-rounded{transform:rotate(180deg)}.sidebar-footer,.sidebar-header,.sidebar-nav,.sidebar>.nav-divider{opacity:1;transition:opacity .3s ease-in}.sidebar.collapsed{min-width:40px;overflow:visible;padding:26px 5px;pointer-events:none;transform:translateX(calc(-100% + 5px));transition:transform .4s ease-in .3s,width .4s ease-in .3s,min-width .4s ease-in .3s,padding .4s ease-in .3s;width:40px}.sidebar:not(.collapsed){transition:transform .4s ease-in,width .4s ease-in,min-width .4s ease-in,padding .4s ease-in}.sidebar:not(.collapsed) .sidebar-footer,.sidebar:not(.collapsed) .sidebar-header,.sidebar:not(.collapsed) .sidebar-nav,.sidebar:not(.collapsed)>.nav-divider{transition:opacity .3s ease-in .4s}.sidebar.collapsed .sidebar-footer,.sidebar.collapsed .sidebar-header,.sidebar.collapsed .sidebar-nav,.sidebar.collapsed>.nav-divider{opacity:0;transition:opacity .3s ease-in}.sidebar.collapsed .sidebar-collapse-btn{pointer-events:auto;right:-12px}.nav-item.sub-item{position:relative}.nav-tree-svg{height:100%;left:37px;overflow:visible;pointer-events:none;position:absolute;top:0;width:100%}.nav-tree-path{fill:none;stroke:rgba(var(--text-muted-rgb),.3);stroke-width:1.5;stroke-linecap:round}.sidebar-footer,.sidebar>.nav-divider{flex-shrink:0;position:relative;z-index:2}.nav-divider{border-top:1px solid rgba(var(--border-primary-rgb),.1);font-size:10px;height:1px;margin:10px 25px;padding:10px 0}.nav-divider,.nav-sub-divider{color:var(--text-muted);font-weight:600;text-transform:uppercase}.nav-sub-divider{border-top:1px solid rgba(var(--border-primary-rgb),.12);font-size:9px;letter-spacing:.6px;margin:6px 2px 6px 55px;min-height:6px;padding:2px 16px}.nav-sub-divider:empty{padding:0}.nav-favourite-section{color:rgba(var(--text-primary-rgb),.65);font-size:.7em;font-weight:600;letter-spacing:.3px;margin:8px 2px 4px 55px;padding:4px 16px;text-transform:uppercase}.nav-section.favourites .nav-sub-divider{border-top:1px solid var(--border-secondary);margin:6px 2px 6px 55px;min-height:6px;padding:2px 16px}.nav-favourite-submenu{border:.5px solid var(--border-secondary);border-radius:var(--radius-xl);margin:6px 0 6px 25px;position:relative}.nav-favourite-submenu>.nav-item.sub-item{margin:0}.nav-favourite-submenu-header{background:rgba(var(--bg-main-rgb),.35);border-radius:var(--radius-xl);cursor:pointer;font-size:14px;margin:0;padding:12px 18px}.nav-favourite-submenu.expanded .nav-favourite-submenu-header{background:rgba(var(--text-secondary-rgb),.15);color:var(--text-primary);margin-left:0}.nav-chevron-sm{color:var(--text-muted);flex-shrink:0;font-size:14px!important;margin-left:auto;transition:transform .4s ease;width:14px!important}.nav-favourite-submenu.expanded .nav-chevron-sm{color:var(--text-secondary);transform:rotate(-180deg)}.nav-favourite-submenu-items{border-radius:var(--radius-xl);margin-left:0;max-height:0;overflow:hidden;transition:max-height .5s ease-in-out}.nav-favourite-submenu.expanded .nav-favourite-submenu-items{max-height:600px;padding:0 0 10px}.nav-favourite-submenu-items .nav-favourite-section,.nav-favourite-submenu-items .nav-sub-divider{margin-left:25px}.nav-favourite-submenu-items .nav-item.sub-item{margin-left:15px;margin-right:15px}.user-section{align-items:center;border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:10px;padding:15px 25px;transition:background .3s}.user-section:hover{background:rgba(var(--text-secondary-rgb),.1)}.user-avatar{align-items:center;background:rgba(var(--color-primary-rgb),.1);border:2px solid var(--color-primary);border-radius:50%;color:var(--color-primary);display:flex;flex-shrink:0;font-size:var(--font-xs);font-weight:var(--font-medium);height:34px;justify-content:center;width:34px}.user-name{color:var(--text-secondary);font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(var(--bg-tertiary-rgb),.9);border:1px solid rgba(var(--border-primary-rgb),.12);border-radius:var(--radius-lg);bottom:60px;box-shadow:var(--shadow-lg);left:12px;position:absolute;right:12px;z-index:1000}.user-info,.user-menu{padding:var(--spacing-sm)}.user-info{border-bottom:1px solid var(--border-secondary);margin-bottom:var(--spacing-sm)}.user-info strong{color:var(--text-primary);display:block;font-size:var(--font-md);margin-bottom:2px}.user-info small{color:var(--text-muted);font-size:var(--font-xs)}.user-menu-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all .3s;width:100%}.user-menu-item:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.user-menu-item i{width:16px}.main-container{min-width:0;z-index:4}.content-area,.main-container{display:flex;flex:1 1;flex-direction:column}.content-area{overflow:hidden}.content-wrapper{flex:1 1;overflow-y:auto}.content-panel{flex-direction:column;height:100%;min-height:calc(100% - var(--spacing-xl));overflow:visible;padding:var(--spacing-md) var(--spacing-md) 50px}.content-inner,.content-panel{display:flex;position:relative}.content-inner{border-radius:var(--radius-xl);flex:1 1;flex-direction:column;opacity:1;overflow:hidden;padding:var(--spacing-sm);transition:opacity .3s ease;z-index:1}.content-inner.fading{opacity:0;pointer-events:none}.dashboard-watermark{align-self:center;bottom:0;color:var(--bg-deep);font-size:25rem;font-weight:800;left:0;letter-spacing:normal;line-height:1;margin:0;opacity:.3;padding:0;pointer-events:none;position:absolute;right:0;text-align:center;top:0;-webkit-user-select:none;user-select:none;vertical-align:middle;z-index:0}.content-inner:not(.home-active){backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:var(--bg-panel)}.welcome-text h1{color:rgba(var(--bg-main-rgb),.5);font-size:300pt;font-weight:700;margin:0;padding-bottom:50px}.page-header{align-items:stretch;display:grid;flex-shrink:0;grid-template-columns:2fr 1fr;padding:var(--spacing-sm) 0;vertical-align:middle;width:100%}.page-header h1{color:var(--text-primary);font-size:18px;margin:0}.workflow-info:before{color:var(--text-primary);content:none;content:var(--page-title,none);display:inline;font-size:var(--font-lg);font-weight:600;margin-right:var(--spacing-sm)}.workflow-info:has(>h1):before{display:none}.workflow-info{display:inline-block;margin-bottom:30px;width:100%}.search-header .workflow-info{display:block;margin-bottom:0}.workflow-info .info{color:rgba(var(--text-primary-rgb),.6);font-size:.85em}.workflow-info .note{color:var(--color-primary);display:flex;font-size:.8em;font-weight:600;margin:var(--spacing-sm) 0 0;transition:all .5s}.workflow-info .note>span:not(.material-symbols-rounded){color:var(--color-primary);cursor:default;transition:all .5s}.workflow-info .note:hover>span:not(.material-symbols-rounded){color:var(--text-primary)}.workflow-info .note p{margin:2px 0 0}.workflow-info .note .material-symbols-rounded{font-size:15px;margin:0 3px 0 0}.header-actions{text-align:right}.header-actions button{margin-left:15px}.search-stats{color:var(--text-muted);font-size:var(--font-sm);padding:10px 5px 0 0;text-align:right}.status-bar{background:var(--bg-main);border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0;column-gap:var(--spacing-md);height:40px;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-xl);position:fixed;right:25px;z-index:100}.status-bar,.status-bar-left{align-items:center;display:flex}.status-bar-left{gap:var(--spacing-md)}.status-bar-left .btn-ghost{background:#0000;color:var(--text-primary);opacity:1;padding:0;transition:.3s}.status-bar-left .btn-ghost:hover{background:#0000;color:var(--text-primary);opacity:.7}.status-bar-left .status-item{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-xs);gap:3px}.status-bar-right{gap:var(--spacing-md)}.status-bar-right,.status-item{align-items:center;display:flex}.status-item{color:var(--text-primary);font-size:var(--font-xs);gap:3px}.status-item .material-symbols-rounded,.status-item i{font-size:16px}.xero-status.connected{color:var(--color-primary)}.xero-status.disconnected{color:var(--color-error)}.xero-status.clickable{border-radius:var(--radius-sm);cursor:pointer;margin:-2px -6px;padding:2px 6px;transition:background .15s ease}.xero-status.clickable:hover{background:rgba(var(--color-error-rgb),.12);text-decoration:underline}.env-icon .material-symbols-rounded{cursor:help;font-size:18px}.env-icon.env-production .material-symbols-rounded{color:var(--color-error)}.env-icon.env-sandbox .material-symbols-rounded{color:var(--color-warning)}.status-bar-right .app-name{font-weight:600;letter-spacing:.3px}.btn-ghost .material-symbols-rounded{font-size:20px}.status-bar .btn-xero-reconnect{background:#0000;border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);cursor:pointer;font-size:9px;padding:3px 5px 2px;text-transform:uppercase;transition:all .3s}.status-bar .btn-xero-reconnect:hover:not(:disabled){background:rgba(var(--color-error-rgb),.3)}.status-bar .btn-xero-disconnect{align-items:center;background:#0000;border:1px solid rgba(var(--color-error-rgb),.5);border-radius:var(--radius-sm);color:var(--color-error);cursor:pointer;display:inline-flex;justify-content:center;margin-left:8px;padding:4px;transition:all .3s}.status-bar .btn-xero-disconnect .material-symbols-rounded{font-size:16px}.status-bar .btn-xero-disconnect:hover:not(:disabled){background:rgba(var(--color-error-rgb),.85);border-color:var(--color-error);color:var(--bg-tertiary)}.contact-search{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;z-index:1}.contact-search .filter-row{grid-template-columns:1fr 120px 175px 120px 140px 80px 70px!important}.contracted-tick{align-items:center;background:var(--color-primary);border-radius:50%;color:var(--bg-main);cursor:help;display:inline-flex;flex-shrink:0;height:12px;justify-content:center;margin:1px 0 0 2px;width:12px}.contracted-tick .material-symbols-rounded{font-size:10px;font-variation-settings:"FILL" 1,"wght" 900,"GRAD" 0,"opsz" 10}.contacts-panel{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg)}.contacts-panel .table-container{margin-top:var(--spacing-sm)}.contact-search .search-header-inner button.btn-primary{margin-right:15px;padding:10px}.contact-search .search-header-inner button.btn-primary:hover:not(:disabled){color:var(--bg-main)}.contact-search .search-header-inner button.btn-secondary{padding:10px}.contact-search .clickable-cell{cursor:pointer}.contact-search td .acc-code{background:rgba(var(--text-primary-rgb),.5);border-radius:var(--radius-lg);color:var(--bg-deep);font-size:.75em;font-weight:600;padding:2px 4px;width:-webkit-fit-content;width:fit-content}.dropdown{position:relative;width:100%}.dropdown-trigger{align-items:center;background:var(--bg-main);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-sm);justify-content:space-between;outline:none;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.dropdown-trigger:focus,.dropdown-trigger:hover:not(:disabled){border-color:var(--color-primary)}.dropdown-trigger:disabled{cursor:not-allowed;opacity:.6}.dropdown-trigger .material-symbols-rounded,.dropdown-trigger i{color:var(--text-muted);flex-shrink:0;font-size:20px}.dropdown-menu{animation:dropdownFadeIn .4s ease-out;background:var(--bg-main);border:1px solid var(--border-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;max-height:50vh;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(0)}25%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.dropdown-item{color:var(--text-primary);cursor:pointer;font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background var(--transition-fast)}.dropdown-item:hover:not(:disabled){background:var(--bg-hover)}.dropdown-item.active{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.dropdown.flip-up .dropdown-menu{animation:dropdownFadeInUp .15s ease-out;bottom:calc(100% + 4px);top:auto}@keyframes dropdownFadeInUp{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.input-wrapper{width:100%}.styled-input{background:var(--bg-main);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-sm);min-height:35px;outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.styled-input::placeholder{color:var(--text-muted)}.styled-input:focus,.styled-input:hover:not(:disabled):not(.disabled){border-color:var(--color-primary)}.styled-input.disabled,.styled-input:disabled{cursor:not-allowed;opacity:.4}.styled-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.styled-input[type=number]::-webkit-inner-spin-button,.styled-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.input-wrapper{position:relative}.input-icon{color:var(--text-muted);font-size:20px;left:var(--spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-wrapper .input-icon~.styled-input{padding-left:36px}.file-input-wrapper{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.file-count{color:var(--text-secondary);font-size:var(--font-sm)}.pagination-controls{align-items:center;display:flex;font-size:var(--font-xs);justify-content:space-between;margin:auto 0;padding:0 var(--spacing-sm)}.pagination-nav{align-items:center;display:flex;gap:0}.pagination-controls .pagination-nav .btn-icon{width:18px}.pagination-controls .pagination-info{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-xs);gap:var(--spacing-sm)}.pagination-controls .page-input{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-sm);padding:4px 8px;text-align:center;width:40px}.pagination-controls .page-input:focus{border-color:var(--color-primary);outline:none}.pagination-controls .page-input-group{align-items:center;color:var(--text-secondary);display:flex;gap:var(--spacing-xs);margin:0 5px}.pagination-controls .custom-number-input{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden;position:relative}.pagination-controls .page-number-input{background:#0000;border:none;color:var(--text-secondary);font-size:var(--font-sm);margin:0 5px;outline:none;padding:4px;text-align:center;width:30px}.modal-content.contact-modal{background:var(--bg-secondary);border:none;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:row;height:80vh;max-width:90vw;min-width:400px;overflow:hidden;padding:0;transition:width .4s cubic-bezier(.4,0,.2,1);width:30vw}.modal-content.contact-modal.expanded{width:90vw}.contact-modal .contact-panel-left{background:var(--bg-secondary);border:none;border-right:1px solid var(--border-secondary);display:flex;flex-direction:column;flex-shrink:0;min-width:400px;width:30vw}.contact-modal .panel-header{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-lg) 7px 27px}.contact-modal .header-title{align-items:center;display:flex;gap:var(--spacing-sm);min-width:0}.contact-modal a{color:var(--text-secondary);font-weight:600;text-decoration:none;transition:all .4s}.contact-modal a:hover{color:var(--color-primary)}.contact-modal .status-icon{align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:center}.contact-modal .status-icon .material-symbols-rounded{font-size:18px}.contact-modal .status-icon.status-active{color:var(--color-success)}.contact-modal .status-icon.status-archived{color:var(--color-error)}.contact-modal .panel-header .account-no{background:rgba(var(--text-muted-rgb),.4);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.6em;font-weight:600;letter-spacing:.2px;margin:0;padding:3px 8px}.contact-modal .panel-header h2{color:var(--text-primary);font-size:1em;font-weight:var(--font-semibold);margin:0}.contact-modal .header-actions{display:flex;gap:var(--spacing-sm)}.contact-modal .header-actions .btn-icon{align-items:center;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;margin:0;padding:0;transition:all .5s}.contact-modal .header-actions .btn-icon:hover:not(:disabled){background-color:initial;box-shadow:none}.contact-modal .header-actions .btn-icon:hover:not(:disabled) .material-symbols-rounded{color:var(--text-primary);scale:1.2}.contact-modal .header-actions .btn-icon .material-symbols-rounded{font-size:18px;scale:1;transition:all .5s}.contact-modal .header-actions .btn-icon.close-btn .material-symbols-rounded{font-size:24px}.contact-modal .panel-body{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl)}.contact-modal .info-section:not(:first-child){padding:var(--spacing-md) 0}.contact-modal .info-section:not(:last-child){border-bottom:1px solid var(--border-secondary);padding-bottom:var(--spacing-md)}.contact-modal .info-section h3{color:var(--text-primary);font-size:.9em;font-weight:var(--font-semibold);margin-bottom:var(--spacing-md)}.contact-modal .info-columns{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr 1fr}.contact-modal .info-col{display:flex;flex-direction:column;gap:var(--spacing-sm)}.contact-modal .info-item{display:flex;flex-direction:column;gap:2px}.contact-modal .info-label{color:var(--text-muted);font-size:.65em;font-weight:600;letter-spacing:.2px;margin:0 0 3px;text-transform:uppercase}.contact-modal .info-value{color:var(--text-primary);font-size:var(--font-sm);margin:0 0 5px}.contact-modal .info-groups-span{grid-column:span 2}.contact-modal .groups-inline{display:flex;flex-wrap:wrap;gap:4px}.contact-modal .address-columns{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.contact-modal .address-col{display:flex;flex-direction:column;gap:2px}.contact-modal .address-type{color:var(--text-muted);font-size:.65em;font-weight:600;letter-spacing:.2px;margin:0 0 3px;text-transform:uppercase}.contact-modal .address-value{color:var(--text-primary);font-size:var(--font-sm);line-height:1.4;white-space:pre-line}.contact-modal .groups-display{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.contact-modal .group-tag{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);display:inline-block;font-size:var(--font-xs);font-weight:var(--font-medium);padding:4px 10px;text-transform:capitalize}.contact-modal .notes-display{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5;white-space:pre-wrap}.contact-modal .no-data{color:var(--text-muted);font-size:var(--font-sm);font-style:italic}.contact-modal .contact-persons-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.contact-modal .contact-person-item{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;font-size:var(--font-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.contact-modal .person-name{color:var(--text-primary);font-weight:var(--font-medium)}.contact-modal .person-email{color:var(--text-secondary)}.contact-modal .person-badge{align-items:center;background:#0000;color:var(--color-primary);display:inline-flex;font-size:.9em;font-weight:var(--font-medium);gap:4px;margin-left:auto;padding:2px 4px}.contact-modal .panel-nav-buttons{background:var(--bg-tertiary);display:flex;gap:var(--spacing-md);justify-content:start;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-xl) var(--spacing-xl)}.contact-modal .contact-panel-right{background:var(--bg-secondary);border:none;display:flex;flex-direction:column;overflow:hidden;transition:width .75s cubic-bezier(.4,0,.2,1);width:0}.contact-modal .contact-panel-right.open{width:calc(60vw - 1px)}.contact-modal .right-panel-header{align-items:center;background:var(--bg-secondary);display:flex;justify-content:space-between;min-height:56px;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-xs) var(--spacing-lg)}.contact-modal .right-panel-header h3{color:var(--text-primary);font-size:var(--font-lg);font-weight:var(--font-semibold);margin:0}.contact-modal .right-panel-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl) 0 var(--spacing-lg)}.contact-modal .panel-content-section{animation:contactModalPanelFadeIn .5s ease-out forwards;display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;min-width:0;opacity:0}.contact-modal .panel-content-section.panel-opening{animation:contactModalPanelFadeIn .5s ease-out .75s forwards}@keyframes contactModalPanelFadeIn{0%{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}.contact-modal .panel-toolbar{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.contact-modal .toolbar-stats{color:var(--text-muted);font-size:var(--font-sm);font-weight:var(--font-medium)}.contact-modal .toolbar-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.contact-modal .panel-search-input{background:var(--bg-main);border:1px solid var(--border-secondary);border-radius:20px;color:var(--text-primary);font-size:var(--font-xs);outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .4s;width:350px}.contact-modal .panel-search-input:focus{border-color:var(--color-primary)}.contact-modal .panel-search-input::placeholder{color:var(--text-muted)}.contact-modal .panel-filters{grid-gap:var(--spacing-sm);align-items:flex-end;display:grid;flex-wrap:wrap;gap:var(--spacing-sm);grid-template-columns:2fr 150px 150px 150px;padding-bottom:var(--spacing-sm)}.contact-modal .panel-filters .input-wrapper .styled-input{padding:11px 11px 11px 38px}.contact-modal .panel-filters .date-input{padding:11px}.contact-modal .btn-sm{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-sm);font-weight:var(--font-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all .5s}.contact-modal .btn-sm:hover:not(:disabled){color:var(--text-primary)}.contact-modal .btn-sm:disabled{cursor:not-allowed;opacity:.5}.contact-modal .btn-sm .material-symbols-rounded{font-size:16px}.contact-modal .btn-sm.set-limit{background:var(--bg-deep);border-radius:var(--radius-xl);padding:var(--spacing-xs) calc(var(--spacing-md) + 5px) var(--spacing-xs) var(--spacing-md)}.contact-modal .btn-sm.set-limit:not(.disabled):hover{color:rgba(var(--color-primary-rgb),1)}.contact-modal .table-wrapper{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);flex:1 1;margin-bottom:var(--spacing-xl);min-height:0;overflow-y:auto}.contact-modal .panel-content-section:has(.pagination-controls) .table-wrapper{margin-bottom:var(--spacing-xs)}.contact-modal .loading-state{color:var(--text-muted);padding:var(--spacing-xl);text-align:center}.contact-modal .expandable-row{cursor:pointer}.contact-modal .expand-cell{text-align:center;width:30px}.contact-modal .expand-icon{color:var(--text-muted);display:inline-block;font-size:12px;transition:transform .3s ease,color .2s ease}.contact-modal .expandable-row:hover .expand-icon{color:var(--color-primary)}.contact-modal .expand-icon.expanded{color:var(--color-primary);transform:rotate(180deg)}.contact-modal .expanded-content{height:0;overflow:hidden}.contact-modal .expanded-content.expanded{height:auto}.contact-modal .expanded-content td{border-bottom:none!important;padding:0!important}.contact-modal .expanded-content.expanded td{border-bottom:1px solid var(--border-primary)!important}.contact-modal .line-items-container{background:var(--bg-main);max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .2s ease,padding .3s ease}.contact-modal .expanded-content.expanded .line-items-container{margin:0;max-height:2000px;opacity:1;padding:0}.contact-modal .loading-lines,.contact-modal .no-lines{color:var(--text-muted);font-style:italic;padding:var(--spacing-lg);text-align:center}.contact-modal .line-items-table{background:var(--bg-tertiary);border-collapse:collapse;border-radius:var(--radius-md);overflow:hidden;width:100%}.contact-modal .line-items-table thead{background:rgba(var(--bg-main-rgb),.8);z-index:19}.contact-modal .line-items-table th{border-bottom:1px solid var(--border-secondary);color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-semibold);padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-transform:uppercase}.contact-modal .line-items-table th.text-right{text-align:right}.contact-modal .line-items-table td{border-bottom:1px solid var(--border-secondary);color:var(--text-secondary);font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md)}.contact-modal .line-items-table td.text-right{text-align:right}.contact-modal .line-items-table thead tr th:first-child{width:50%}.contact-modal .line-items-table tbody tr:last-child td{border-bottom:none}.contact-modal .status-badge.status-blends{background:rgba(var(--color-error-rgb),.15);color:var(--color-error)}[data-theme=light] .contact-modal .status-badge.status-blends{background:rgba(var(--color-error-rgb),1);color:var(--bg-deep)}.contact-modal .status-badge.status-compounds{background:rgba(var(--color-success-rgb),.15);color:var(--color-success)}[data-theme=light] .contact-modal .status-badge.status-compounds{background:rgba(var(--color-success-rgb),1);color:var(--bg-deep)}.contact-modal .status-badge.status-spot{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary)}[data-theme=light] .contact-modal .status-badge.status-spot{background:rgba(var(--color-primary-rgb),1);color:var(--bg-deep)}.contact-modal .status-badge.status-straights{background:rgba(var(--color-warning-rgb),.15);color:var(--color-warning)}[data-theme=light] .contact-modal .status-badge.status-straights{background:rgba(var(--color-warning-rgb),1);color:var(--bg-deep)}.contact-modal .status-badge.status-open{background:rgba(var(--color-success-rgb),.15);border:.8px solid var(--color-success);color:var(--color-success)}.contact-modal .status-badge.status-settled{background:rgba(var(--color-warning-rgb),.15);border:.8px solid var(--color-warning);color:var(--color-warning)}.contact-modal .status-badge.status-closed{background:rgba(var(--color-error-rgb),.15);border:.8px solid var(--color-error);color:var(--color-error)}.contact-modal .matrix-table-wrapper{overflow-x:auto}.contact-modal .matrix-table{--sticky-col-1-width:200px;border-collapse:collapse;width:100%}.contact-modal .matrix-table td,.contact-modal .matrix-table th{border-bottom:1px solid var(--border-secondary)!important;font-size:var(--font-sm);padding:var(--spacing-md) var(--spacing-md)!important}.contact-modal .matrix-table th{background:var(--bg-tertiary);color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-semibold);text-transform:uppercase}.contact-modal .matrix-table td.sticky-col-1,.contact-modal .matrix-table th.sticky-col-1{background:var(--bg-secondary);left:0;max-width:var(--sticky-col-1-width);min-width:var(--sticky-col-1-width);position:-webkit-sticky;position:sticky;z-index:1}.contact-modal .matrix-table th.sticky-col-1{background:var(--bg-tertiary);z-index:2}.contact-modal .month-header{min-width:80px;text-align:center}.contact-modal .month-cell{text-align:center}.contact-modal .month-data{display:flex;flex-direction:column;gap:2px}.contact-modal .month-data .price{color:var(--text-primary);font-weight:var(--font-semibold)}.contact-modal .month-data .cost{color:var(--text-muted);font-size:var(--font-xs)}.contact-modal .month-data .quantity{color:var(--color-primary);font-size:var(--font-xs)}.contact-modal .credit-panel{max-width:500px}.contact-modal .credit-overview{padding:0 var(--spacing-md) var(--spacing-lg)}.contact-modal .credit-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.contact-modal .credit-header-row h4{color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-medium);margin:0}.contact-modal .credit-details{display:flex;flex-direction:column;gap:0}.contact-modal .credit-row{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.contact-modal .credit-row.highlight{background:var(--bg-tertiary);border-radius:var(--radius-md);margin:var(--spacing-xs) calc(var(--spacing-md)*-1);padding:var(--spacing-sm) var(--spacing-md)}.contact-modal .credit-label{color:var(--text-muted);font-size:var(--font-sm)}.contact-modal .credit-value{color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-semibold)}.contact-modal .credit-value.credit-positive{color:var(--color-success)}.contact-modal .credit-edit-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-modal .form-row{display:flex;flex-direction:column;gap:4px}.contact-modal .form-row label{color:var(--text-muted);font-size:var(--font-xs)}.contact-modal .form-row input,.contact-modal .form-row textarea{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast)}.contact-modal .form-row input:focus,.contact-modal .form-row textarea:focus{border-color:var(--color-primary);outline:none}.contact-modal .form-row textarea{min-height:60px;resize:vertical}.contact-modal .form-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.contact-modal .btn-primary{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--bg-main);cursor:pointer;display:inline-flex;font-size:var(--font-sm);font-weight:var(--font-semibold);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.contact-modal .btn-primary:hover:not(:disabled){filter:brightness(1.1)}.contact-modal .btn-primary .material-symbols-rounded{font-size:18px}.contact-modal .btn-secondary{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-sm);font-weight:var(--font-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.contact-modal .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.contact-modal .utilization-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.contact-modal .utilization-bar{background:var(--bg-tertiary);border-radius:4px;height:4px;overflow:visible;position:relative}.contact-modal .utilization-fill{border-radius:4px;height:100%;position:relative;transition:width .3s ease,background-color .3s ease}.contact-modal .utilization-fill:after{background:linear-gradient(45deg,#c7c6c6,#fff);border-radius:50%;box-shadow:0 6px 7px rgba(var(--shadow-dark));content:"";height:12px;position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px}.contact-modal .utilization-info{display:flex;justify-content:space-between;margin-top:var(--spacing-sm)}.contact-modal .over-limit-badge,.contact-modal .utilization-info{align-items:center;font-size:var(--font-xs);font-weight:var(--font-semibold)}.contact-modal .over-limit-badge{color:var(--color-error);display:inline-flex;gap:4px}.contact-modal .over-limit-badge .material-symbols-rounded{font-size:14px}.contact-modal .pagination-controls{flex-shrink:0!important;padding-bottom:var(--spacing-xl)!important}.contact-modal.closing{opacity:0;transform:scale(.95)}@media (max-width:1200px){.modal-content.contact-modal{max-width:95vw;width:95vw}.modal-content.contact-modal.expanded{width:95vw}.contact-modal .contact-panel-left{max-width:350px;min-width:350px;width:350px}.contact-modal .contact-panel-right.open{width:calc(95vw - 351px)}}@media (max-width:768px){.modal-content.contact-modal{flex-direction:column;height:95vh;width:95vw}.contact-modal .contact-panel-left{border-bottom:1px solid var(--border-secondary);border-right:none;max-width:100%;min-width:100%;width:100%}.contact-modal .contact-panel-right{width:100%}.contact-modal .contact-panel-right.open{height:60vh;width:100%}.contact-modal .address-columns,.contact-modal .info-columns{gap:var(--spacing-md);grid-template-columns:1fr}}.table-container{border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;flex-direction:column;margin-top:20px}.contacts-table table,.data-table,.invoices-table,.purchase-orders-table{border:none;border-collapse:collapse;table-layout:auto;width:100%}.data-table.invoice-table td,.data-table.invoice-table th{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.data-table.invoice-table td.actions-col button{margin:0 .5px}.purchase-orders-table{table-layout:fixed}.purchase-orders-table th:nth-child(2){width:36px}.purchase-orders-table th:nth-child(3){width:100px}.purchase-orders-table th:nth-child(4),.purchase-orders-table th:nth-child(5){border-style:inherit}.purchase-orders-table th:nth-child(6),.purchase-orders-table th:nth-child(7){width:75px}.purchase-orders-table th:nth-child(8){text-align:right;width:100px}.purchase-orders-table tbody tr td:nth-child(8){color:inherit}.purchase-orders-table th:nth-child(9){width:140px}.purchase-orders-table th:nth-child(10){border-style:inherit;width:240px}.search-customer-orders .data-table th:first-child{width:36px}.search-customer-orders .data-table th:nth-child(2){width:160px}.search-customer-orders .data-table th:nth-child(3){border-style:inherit}.search-customer-orders .data-table th:nth-child(4),.search-customer-orders .data-table th:nth-child(5){width:120px}.search-customer-orders .data-table th:nth-child(6){text-align:right;width:100px}.search-customer-orders .data-table th:nth-child(7){width:195px}.search-customer-orders .data-table tbody tr td:nth-child(8),.search-customer-orders .data-table th:nth-child(8),.search-invoices .data-table tbody tr td:last-child,.search-invoices .data-table th:last-child{width:260px}.contacts-table thead,.credit-table thead,.data-table thead,.invoices-table thead,.purchase-orders-table thead,.search-results-table thead{background:var(--bg-main);position:-webkit-sticky;position:sticky;top:0;z-index:20}.line-items-table thead tr{background:rgba(var(--bg-main-rgb),.4);z-index:19}.expanded .line-items-table thead tr{box-shadow:inset 0 12px 12px rgba(var(--shadow-dark))}.contract-pricing:not(.straights-pricing) .data-table tbody tr.expanded+tr.sub-row td{padding-top:10px!important}.contract-pricing:not(.straights-pricing) .data-table tbody tr.sub-row:has(+tr:not(.sub-row)) td{padding-bottom:10px!important}.contract-pricing:not(.straights-pricing) .data-table tbody tr.expanded{box-shadow:0 6px 12px rgba(var(--shadow-light))}.contract-pricing:not(.straights-pricing) .data-table tbody tr.expanded~tr.sub-row+tr:not(.sub-row){box-shadow:0 -6px 12px rgba(var(--shadow-light))}.contract-pricing:not(.straights-pricing) .data-table tbody .sub-row:last-child{box-shadow:inset 0 -15px 12px -6px rgba(var(--shadow-light))}.contract-pricing .data-table tbody .sub-row:last-child td{padding-bottom:13px!important}.contract-pricing .data-table{margin-bottom:20px}.contacts-table th,.credit-table th,.data-table th,.invoices-table th,.matrix-table th,.purchase-orders-table th,.search-results-table th{color:rgba(var(--text-primary-rgb),.6);font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.5px;padding:var(--spacing-sm);text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.contacts-table th.sortable,.credit-table th.sortable,.data-table th.sortable,.invoices-table th.sortable,.matrix-table th.sortable,.purchase-orders-table th.sortable,.search-results-table th.sortable{cursor:pointer}.contacts-table th.sortable:hover,.credit-table th.sortable:hover,.data-table th.sortable:hover,.invoices-table th.sortable:hover,.matrix-table th.sortable:hover,.purchase-orders-table th.sortable:hover,.search-results-table th.sortable:hover{color:var(--text-primary)}.contacts-table th .material-symbols-rounded,.contacts-table th i,.credit-table th .material-symbols-rounded,.credit-table th i,.data-table th .material-symbols-rounded,.data-table th i,.invoices-table th .material-symbols-rounded,.invoices-table th i,.purchase-orders-table th .material-symbols-rounded,.purchase-orders-table th i{margin-left:var(--spacing-xs);opacity:.6}.contacts-table td,.credit-table td,.data-table td,.invoices-table td,.purchase-orders-table td,.search-results-table td{color:var(--text-primary);padding:var(--spacing-sm)}tr.v-align-top td{padding-bottom:var(--spacing-md)!important;padding-top:var(--spacing-md)!important;vertical-align:top!important}.purchase-orders-table td{white-space:nowrap}.purchase-orders-table td,.purchase-orders-table td>div{overflow:hidden;text-overflow:ellipsis}.purchase-orders-table .expanded-content td{overflow:visible;white-space:normal}.minerals-panel td.actions-col.block{display:inline-block!important}td.actions-col{align-content:center;display:flex;gap:4px;justify-content:center;padding-left:10px;padding-right:10px}td.actions-col,td.status-col,th.actions-col{text-align:center}td.status-col{align-content:center;justify-content:center}.search-invoices th.status-col{width:100px}td.status-col span{margin:0 0 0 var(--spacing-xs);vertical-align:middle}th.status-col{text-align:center}th.no-sort{color:var(--text-muted)}.contacts-table tbody tr,.credit-table tbody tr,.data-table tbody tr,.invoices-table tbody tr,.purchase-orders-table tbody tr,.search-results-table tbody tr{transition:all .3s}.contacts-table td.center,.contacts-table th.center,.credit-table td.center,.credit-table th.center,.data-table td.center,.data-table th.center,.invoices-table td.center,.invoices-table th.center,.purchase-orders-table td.center,.purchase-orders-table th.center{text-align:center}.contacts-table td.right,.contacts-table th.right,.credit-table td.right,.credit-table th.right,.currency,.data-table td.right,.data-table th.right,.invoices-table td.right,.invoices-table th.right,.purchase-orders-table td.right,.purchase-orders-table th.right{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.contact-link,.invoice-number-link,.po-number-link{color:var(--color-primary);cursor:pointer;font-weight:600;opacity:1;transition:all .3s;white-space:nowrap}.contact-link:hover,.invoice-number-link:hover,.po-number-link:hover{color:rgba(var(--color-primary-rgb),.7);opacity:.7}.invoice-reference,.po-reference,.table-secondary-text{color:var(--text-muted);font-size:var(--font-sm);margin-top:var(--spacing-xs)}.name-with-badge{display:inline-flex}.address-with-space,.name-with-badge{align-items:center;gap:var(--spacing-sm);min-width:150px}.address-with-space{display:flex}.account-badge-inline{align-items:center;background:rgba(var(--text-primary-rgb),.1);border-radius:var(--radius-xl);color:var(--text-primary);display:inline-flex;flex-shrink:0;font-size:.7em;font-weight:600;justify-content:center;letter-spacing:.2px;min-width:55px;padding:2px var(--spacing-sm);white-space:nowrap;width:-webkit-fit-content;width:fit-content}.account-badge-inline.empty{opacity:0}.po-badge-inline{align-items:center;background:rgba(var(--color-primary-rgb),.12);border:1px solid #0000;border-radius:var(--radius-xl);color:var(--color-primary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.7em;font-weight:600;justify-content:center;letter-spacing:.2px;min-width:70px;padding:2px var(--spacing-sm);transition:background .15s,border-color .15s;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.po-badge-inline:hover{background:rgba(var(--color-primary-rgb),.2);border-color:var(--color-primary)}.po-badge-inline.more{background:rgba(var(--text-primary-rgb),.08);color:var(--text-primary);min-width:0}.po-badges-cell{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--spacing-xs)}.loading-cell,.no-results,.table-empty,.table-loading{color:var(--text-muted);padding:var(--spacing-xl);text-align:center}.data-table td.actions-col,.data-table th.actions-col{text-align:center}.contacts-table .btn-icon,.credit-table .btn-icon,.data-table .btn-icon,.invoices-table .btn-icon,.order-lines-table .btn-icon,.purchase-orders-table .btn-icon{margin:0 2px}.actions-col .btn-icon,.data-table .btn-icon,.order-lines-table .btn-icon{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:all .5s}.actions-col .btn-icon,.actions-col .btn-icon:hover:not(:disabled):not(.btn-disabled),.data-table .btn-icon,.data-table .btn-icon:hover:not(:disabled):not(.btn-disabled),.order-lines-table .btn-icon,.order-lines-table .btn-icon:hover:not(:disabled):not(.btn-disabled){background:var(--bg-main);box-shadow:rgba(var(--shadow-dark)) 3px 6px 10px -5px}.actions-col .btn-icon:hover:not(:disabled):not(.btn-disabled) .material-symbols-rounded{color:var(--text-primary)}.actions-col .btn-icon .material-symbols-rounded,.data-table .btn-icon .material-symbols-rounded,.order-lines-table .btn-icon .material-symbols-rounded{color:var(--text-secondary);font-size:17px;scale:1;transition:all .5s}.actions-col .btn-icon .custom-icon,.data-table .btn-icon .custom-icon{color:var(--text-secondary);height:17px;scale:1;transition:all .5s;width:17px}td.status-col .custom-icon{height:20px;margin:0 0 0 var(--spacing-xs);vertical-align:middle;width:20px}.actions-col .btn-icon:hover:not(:disabled):not(.btn-disabled) .custom-icon,.actions-col .btn-icon:hover:not(:disabled):not(.btn-disabled) .material-symbols-rounded,.data-table .btn-icon:hover:not(:disabled):not(.btn-disabled) .custom-icon,.data-table .btn-icon:hover:not(:disabled):not(.btn-disabled) .material-symbols-rounded,.order-lines-table .btn-icon:hover:not(:disabled):not(.btn-disabled) .material-symbols-rounded{scale:1.1}.actions-col .btn-icon.btn-danger:hover:not(:disabled):not(.btn-disabled) .material-symbols-rounded,.data-table .btn-icon.btn-danger:hover:not(:disabled):not(.btn-disabled) .material-symbols-rounded{color:rgba(var(--color-error-rgb),1)}.actions-col .btn-icon.btn-primary:hover:not(:disabled):not(.btn-disabled) .material-symbols-rounded,.data-table .btn-icon.btn-primary:hover:not(:disabled):not(.btn-disabled) .material-symbols-rounded{color:rgba(var(--color-primary-rgb),1)}.btn-icon.btn-disabled{opacity:.4}.btn-icon.btn-disabled:hover{background-color:initial;box-shadow:none}.broken-link-icon{color:var(--text-muted);cursor:help;font-size:14px;margin-left:var(--spacing-xs);vertical-align:middle}.approval-badge{background:#0000;border:1px solid;border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-xs);font-weight:var(--font-semibold);padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.approval-badge.approval-approved{border-color:var(--color-success);color:var(--color-success)}.approval-badge.approval-unapproved{border-color:var(--color-warning);color:var(--color-warning)}.approval-badge.approval-unchecked{border-color:var(--border-primary);color:var(--text-muted)}.contacts-table tbody tr.row-with-issue,.credit-table tbody tr.row-with-issue,.data-table tbody tr.row-with-issue,.invoices-table tbody tr.row-with-issue,.line-items-table tbody tr.line-item-unmatched,.line-items-table tbody tr.row-with-issue,.purchase-orders-table tbody tr.row-with-issue{background:rgba(var(--color-error-rgb),.2);border-left:4px solid var(--color-error)}.contacts-table tbody tr.row-with-issue:hover,.credit-table tbody tr.row-with-issue:hover,.data-table tbody tr.row-with-issue:hover,.expanded-content .line-items-table tbody tr.line-item-unmatched:hover,.invoices-table tbody tr.row-with-issue:hover,.line-items-table tbody tr.row-with-issue:hover,.purchase-orders-table tbody tr.row-with-issue:hover{background:rgba(var(--color-error-rgb),.15)}.matrix-table{border-collapse:collapse;font-size:var(--font-sm);width:100%}.matrix-table thead{background:var(--bg-main);border-bottom:1px solid var(--border-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:30}.matrix-table th{background:var(--bg-main);border:none!important;color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-transform:uppercase;white-space:nowrap}.matrix-table tr{border:none!important;border-bottom:1px solid var(--border-secondary)!important}.matrix-table td{border:none!important;color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md)}.matrix-table td[class*=sticky-col],.matrix-table th[class*=sticky-col]{position:-webkit-sticky;position:sticky;z-index:10}.matrix-table td[class*=sticky-col]{background-color:rgba(var(--bg-secondary-rgb),1)}.matrix-table th[class*=sticky-col]{z-index:25}.matrix-table tbody tr:hover td[class*=sticky-col]{background-color:var(--bg-tertiary)}.matrix-table td.sticky-col-1,.matrix-table th.sticky-col-1{left:0;z-index:24}.matrix-table th.sticky-col-1{z-index:26}.matrix-table td.sticky-col-2,.matrix-table th.sticky-col-2{left:0;left:var(--sticky-col-1-width,0);z-index:23}.matrix-table th.sticky-col-2{z-index:25}.matrix-table td.sticky-col-3,.matrix-table th.sticky-col-3{left:0;left:var(--sticky-col-2-end,0);z-index:22}.matrix-table th.sticky-col-3{z-index:24}.matrix-table td.sticky-col-4,.matrix-table th.sticky-col-4{left:0;left:var(--sticky-col-3-end,0);z-index:21}.matrix-table th.sticky-col-4{z-index:23}.matrix-table td.sticky-col-last,.matrix-table th.sticky-col-last{border-bottom:1px solid var(--border-primary);border-right:1px solid var(--border-primary)}.matrix-table td.first-scrollable,.matrix-table th.first-scrollable{padding-left:0}.matrix-table th.month-header{line-height:1.3;min-width:80px;padding:var(--spacing-sm) var(--spacing-xs);text-align:center}.matrix-table th.month-header.first-scrollable{padding-left:0;padding-right:var(--spacing-xs)}.matrix-table td.month-cell{min-width:70px;padding:var(--spacing-sm) var(--spacing-xs);text-align:center}.matrix-table td.month-cell.first-scrollable{padding-left:0;padding-right:var(--spacing-xs)}.matrix-table td.empty-cell,.matrix-table th.empty-header{background-color:var(--bg-secondary);border-left:1px solid var(--border-primary);border-right:1px solid var(--border-primary);min-width:80px}.matrix-table td.empty-cell{background-color:var(--bg-primary)}.matrix-table tbody tr:hover td.empty-cell{background-color:var(--bg-tertiary)}.month-data{align-items:center;display:flex;flex-direction:column;gap:2px}.month-data .price{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:var(--font-medium)}.month-data .cost{color:var(--text-muted)}.month-data .cost,.month-data .quantity{font-feature-settings:"tnum";font-size:var(--font-xs);font-variant-numeric:tabular-nums}.month-data .quantity{color:var(--text-secondary);margin-top:2px}.expandable-row{cursor:pointer;transition:background .15s ease}.expandable-row:has(+.expanded-content.expanded){background:rgba(var(--bg-main-rgb),.85)}.expandable-row:hover{background:rgba(var(--text-muted-rgb),.1)}.expand-cell{padding:var(--spacing-sm) var(--spacing-md)!important;text-align:center;width:30px}.expand-icon{color:var(--text-muted);display:inline-block;font-size:12px;transition:transform .3s ease,color .2s ease;-webkit-user-select:none;user-select:none}.expand-icon.expanded,.expandable-row:hover .expand-icon{color:var(--accent-primary)}.expand-icon.expanded{transform:rotate(180deg)}.expanded-content{height:0;line-height:0;overflow:hidden;transition:height .3s ease-out}.expanded-content.expanded{height:auto;line-height:normal;transition:height .3s ease-in}.expanded-content td{border-bottom:none!important;height:0;line-height:0;padding:0!important;transition:height .3s ease-out,line-height .3s ease-out}.expanded-content.expanded td{border-bottom:2px solid var(--border-color)!important;height:auto;line-height:normal;transition:height .3s ease-in,line-height .3s ease-in}.expanded-content .line-items-container{background:rgba(var(--bg-tertiary-rgb),.15);max-height:0;opacity:0;overflow:hidden;padding:0;transition:max-height .4s ease-out,opacity .3s ease-out,padding .3s ease-out}.expanded-content.expanded .line-items-container{max-height:2000px;opacity:1;padding:0;transition:max-height .4s ease-in,opacity .3s ease-in .1s,padding .3s ease-in}tr.expanded-content.expanded:hover{background:inherit!important}.expanded-content .line-items-table{background:rgba(var(--bg-main-rgb),.001);border-collapse:collapse;border-radius:0;box-shadow:inset 0 -14px 12px -12px rgba(var(--shadow-dark));margin-bottom:0;padding-bottom:0;table-layout:fixed;width:100%}.expanded-content .line-items-table th{border-bottom:1px solid var(--border-secondary);color:var(--text-secondary);font-size:.85em;padding:var(--spacing-sm) var(--spacing-md);text-align:left;vertical-align:middle}.expanded-content .line-items-table td{border-bottom:1px solid var(--border-secondary)!important;color:var(--text-primary);font-size:.95em;padding:var(--spacing-sm) var(--spacing-md)!important;vertical-align:middle}.expanded-content .line-items-table tbody tr:last-child td{padding-bottom:var(--spacing-lg)!important}.expanded-content .line-items-table tbody tr:hover,.modal-overlay .data-table>tbody>tr:hover,.modal-overlay .expanded-content .line-items-table tbody tr:hover{background:rgba(var(--text-muted-rgb),.1)}.loading-lines,.no-lines{color:var(--text-muted);font-size:var(--font-sm);padding:var(--spacing-lg) var(--spacing-md);text-align:center}.bulk-actions-bar{align-items:center;animation:bulkActionsSlideDown .3s ease-out;background:rgba(var(--bg-main-rgb),.3);border:1px solid var(--border-secondary);border-radius:70px;display:flex;justify-content:space-between;margin:10px var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) var(--spacing-xl);transform-origin:top}.bulk-actions-bar.closing{animation:bulkActionsSlideUp .25s ease-in forwards}.bulk-actions-info{font-size:var(--font-sm)}.bulk-actions-buttons,.bulk-actions-info{align-items:center;display:flex;gap:var(--spacing-sm)}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;text-align:center;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day--disabled,.react-datepicker__day-name--disabled,.react-datepicker__time-name--disabled{color:#ccc;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.date-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.date-input-label{color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--font-medium)}.date-input-picker-wrapper{width:100%}.date-input{background:var(--bg-main);border:1px solid var(--border-secondary);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--font-sm);margin:0;outline:none;padding:10px var(--spacing-md);transition:border-color .3s,background .3s;width:100%}.date-input:focus,.date-input:hover{border-color:var(--color-primary)}.date-input:focus{background:var(--bg-main)}.date-input::placeholder:not(:disabled){color:var(--text-muted);opacity:.5}.date-input:disabled{color:var(--text-primary)}.date-input:disabled,.date-input:disabled:hover{background:var(--bg-secondary);cursor:not-allowed;opacity:.4}.date-input:disabled:hover{border-color:var(--border-primary)}.react-datepicker{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:0 4px 20px #0000004d;font-family:inherit;min-height:275px;padding:var(--spacing-sm);width:275px}.react-datepicker__triangle{display:none}.react-datepicker__header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);border-radius:0;padding-top:var(--spacing-sm);position:relative}.react-datepicker__current-month{display:none}.react-datepicker__header__dropdown{display:flex;gap:var(--spacing-sm);justify-content:center;margin:0 calc(2rem + var(--spacing-xs)*2) var(--spacing-sm);padding:0}.react-datepicker__day-names{display:flex;justify-content:space-around;margin-top:0}.react-datepicker__day-name{color:var(--text-primary)!important;font-size:var(--font-xs);font-weight:var(--font-medium);line-height:3em!important;margin:0;text-align:center;width:2em!important}.react-datepicker__month{margin:0}.react-datepicker__week{display:flex;justify-content:space-around}.react-datepicker__day{border:1px solid #0000;border-radius:2rem;color:var(--text-secondary)!important;cursor:pointer;font-size:var(--font-sm);line-height:2rem!important;margin:0;text-align:center;transition:all .3s;width:2rem!important}.react-datepicker__day:hover:not(:disabled){background-color:var(--bg-secondary)!important;border:1px solid var(--text-muted)!important;border-radius:2rem!important;color:var(--text-primary)!important}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:rgba(var(--color-primary-rgb),.1)!important;border:1px solid var(--color-primary)!important;border-radius:2rem!important;color:var(--color-primary)!important;font-weight:var(--font-semibold)!important}.react-datepicker__day--keyboard-selected:hover:not(:disabled),.react-datepicker__day--selected:hover:not(:disabled){background-color:var(--bg-secondary)!important;border:1px solid var(--text-muted)!important;border-radius:2rem!important;color:var(--text-primary)!important}.react-datepicker__day--today{background-color:var(--border-secondary)!important;border:1px solid #0000!important;color:var(--text-muted)!important;font-weight:var(--font-semibold)!important;opacity:.7}.react-datepicker__day--outside-month{color:var(--text-muted);opacity:.4}.react-datepicker__day--disabled{color:var(--text-muted);cursor:not-allowed;opacity:.3}.react-datepicker__day--disabled:hover{background-color:initial}.react-datepicker__day--weekend{color:var(--text-primary)}.react-datepicker__navigation{border-radius:var(--radius-sm);height:2rem;top:15px;transition:all var(--transition-fast);width:2rem}.react-datepicker__navigation--previous{border-right-color:var(--text-secondary);left:var(--spacing-xs)}.react-datepicker__navigation--next{border-left-color:var(--text-secondary);right:var(--spacing-xs)}.react-datepicker__navigation-icon:before{border-color:var(--text-secondary);transition:border-color var(--transition-fast)}.react-datepicker__navigation:hover:not(:disabled) .react-datepicker__navigation-icon:before{border-color:var(--text-primary)}.react-datepicker__month-dropdown-container{flex:1.5 1;margin:0}.react-datepicker__year-dropdown-container{flex:1 1;margin:0}.react-datepicker__month-select,.react-datepicker__year-select{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--font-sm);font-weight:var(--font-medium);outline:none;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast);width:100%}.react-datepicker__month-select:hover:not(:disabled),.react-datepicker__year-select:hover:not(:disabled){border-color:var(--text-muted)}.react-datepicker__month-select:focus,.react-datepicker__year-select:focus{border-color:var(--color-primary)}.react-datepicker__month-select option,.react-datepicker__year-select option{background-color:var(--bg-secondary);color:var(--text-primary)}.react-datepicker__month-read-view,.react-datepicker__year-read-view{visibility:visible}.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{border-top-color:var(--text-secondary)}.react-datepicker__navigation-icon:before{border-width:2px 2px 0 0;height:7px;width:7px}.react-datepicker__month-container{width:100%}.react-datepicker-popper{position:absolute!important;z-index:9999}.react-datepicker__input-container{display:block;width:100%}.date-input-picker-wrapper{position:relative}.date-input-picker-wrapper>.react-datepicker-popper{position:absolute!important;top:100%!important}.react-datepicker-wrapper{display:block;width:100%}[data-theme=dark] .react-datepicker{box-shadow:0 4px 20px #00000080}[data-theme=dark] .react-datepicker__day--today{border-color:var(--color-primary)}[data-theme=light] .react-datepicker{box-shadow:0 4px 20px #00000026}[data-theme=light] .react-datepicker__day--today{border-color:var(--color-primary)}@media (max-width:768px){.react-datepicker{font-size:var(--font-sm)}.react-datepicker__day,.react-datepicker__day-name{line-height:1.8rem;width:1.8rem}}.modal-overlay{align-items:center;animation:fadeInModal .5s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(var(--bg-deep-rgb),.3);bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:9998}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUpModal .5s cubic-bezier(.4,0,.2,1);background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;height:80vh;max-height:90vh;max-width:90vw;overflow:hidden;padding:0;position:relative;width:90vw}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-overlay.closing{animation:fadeOutModal .5s ease-in forwards}.modal-content.closing{animation:slideDownModal .5s ease-in forwards}@keyframes fadeOutModal{0%{opacity:1}to{opacity:0}}@keyframes slideDownModal{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}.modal-content{max-width:1600px}.modal-sm{max-height:95vh;max-width:400px;min-width:320px}.modal-md{max-height:95vh;max-width:600px;min-width:400px}.modal-lg{max-height:95vh;max-width:900px;min-width:500px}.modal-xl{max-height:95vh;max-width:1600px;min-width:600px}.modal-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-lg) 7px var(--spacing-xl)}.modal-header .header-actions{display:flex;gap:var(--spacing-xs)}.modal-title{color:var(--text-primary);font-size:1em;font-weight:var(--font-semibold);margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;margin-left:auto;padding:0;transition:all .5s}.modal-close:hover:not(:disabled){background:#0000;box-shadow:none;color:var(--text-primary)}.modal-close:hover:not(:disabled) .material-symbols-rounded{scale:1.2}.modal-close .material-symbols-rounded{font-size:24px;transition:all .5s}.modal-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:0}.modal-body .loading-spinner{align-content:center;display:flex;flex-direction:row;height:100%;position:absolute;text-align:center;width:100%;z-index:0}.modal-body iframe{z-index:1}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover:not(:disabled){background:var(--text-muted)}.modal-footer{align-items:center;background:var(--bg-tertiary);display:flex;flex-shrink:0;gap:var(--spacing-md);justify-content:flex-start;padding:var(--spacing-xl)}.modal-footer:has(.footer-right){justify-content:space-between}.modal-footer .footer-right{display:flex;gap:var(--spacing-md)}.modal-actions{align-items:center;background:var(--bg-tertiary);display:flex;gap:var(--spacing-xs);justify-content:flex-start;margin:var(--spacing-xl) calc(var(--spacing-xl)*-1) calc(var(--spacing-xl)*-1);padding:var(--spacing-xl)}.modal-content .btn-primary{align-items:center;border:1px solid var(--color-primary);border-radius:40px;color:var(--color-primary);cursor:default;display:inline-flex;font-size:var(--font-sm);font-weight:400;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .4s}.modal-content .btn-primary:hover:not(:disabled){background-color:initial;box-shadow:none;color:var(--color-primary)}.modal-content .btn-primary:disabled{cursor:not-allowed;opacity:.5}.modal-content .btn-primary .material-symbols-rounded{font-size:18px}.modal-content .btn-secondary{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:40px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:var(--font-sm);font-weight:var(--font-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .4s}.modal-content .btn-secondary:hover:not(:disabled){background:rgba(var(--bg-main-rgb),.75);border-color:var(--border-primary);color:var(--text-secondary)}.modal-content .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.modal-content .btn-sm{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-sm);font-weight:var(--font-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all .5s}.modal-content .btn-sm:hover:not(:disabled){color:var(--text-primary)}.modal-content .btn-sm:disabled{cursor:not-allowed;opacity:.5}.modal-content .btn-sm .material-symbols-rounded{font-size:16px}.modal-content .modal-header .btn-icon{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;margin:0;padding:0;transition:all .5s}.modal-content .modal-header .btn-icon:hover:not(:disabled){background-color:initial;box-shadow:none}.modal-content .modal-header .btn-icon:hover:not(:disabled) .material-symbols-rounded{color:var(--text-primary);scale:1.2}.modal-content .modal-header .btn-icon .material-symbols-rounded{font-size:18px;scale:1;transition:all .5s}.modal-content .form-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.modal-content .form-group{display:flex;flex-direction:column;gap:4px}.modal-content .form-group label{color:var(--text-muted);font-size:var(--font-xs);font-weight:600;letter-spacing:.2px;text-transform:uppercase}.modal-content .form-row{display:flex;flex-direction:column;gap:4px}.modal-content .form-row label{color:var(--text-muted);font-size:var(--font-xs)}.modal-content .form-row input,.modal-content .form-row textarea{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast)}.modal-content .form-row input:focus,.modal-content .form-row textarea:focus{border-color:var(--color-primary);outline:none}.modal-content .form-row textarea{min-height:60px;resize:vertical}.modal-content .error-message{background:rgba(var(--color-error-rgb),.15);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.modal-content .info-section{padding:0}.modal-content .info-section h3{color:var(--text-primary);font-size:.9em;font-weight:var(--font-semibold);margin-bottom:var(--spacing-md)}.modal-content .loading-state{align-items:center;color:var(--text-muted);display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xl);text-align:center}.modal-content .loading-state .spinning{animation:spin 1s linear infinite}.modal-content .empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xl);text-align:center}.modal-content .empty-state .material-symbols-rounded{font-size:48px;opacity:.5}.modal-content .error-state{align-items:center;color:var(--color-error);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xl);text-align:center}.modal-content .sub-text{color:var(--text-muted);font-size:var(--font-xs);margin-top:2px}.modal-content .no-data{color:var(--text-muted);font-size:var(--font-sm);font-style:italic}@media (max-width:768px){.modal-overlay{padding:var(--spacing-md)}.modal-content{max-height:95vh;min-width:0!important}.modal-lg,.modal-md,.modal-sm,.modal-xl{max-width:100%;width:100%}.modal-header{padding:var(--spacing-lg) var(--spacing-md) var(--spacing-sm)}.modal-actions,.modal-body,.modal-footer{padding:var(--spacing-md)}.modal-actions{margin:var(--spacing-md) calc(var(--spacing-md)*-1) calc(var(--spacing-md)*-1)}.modal-title{font-size:var(--font-lg)}}@media (max-width:480px){.modal-overlay{padding:var(--spacing-sm)}.modal-content{border-radius:var(--radius-md)}}:is(.audit-history-modal,.transport-changes-modal){scale:1}:is(.audit-history-modal,.transport-changes-modal) .modal-body{padding:var(--spacing-md) var(--spacing-xl)}:is(.audit-history-modal,.transport-changes-modal) .empty-state,:is(.audit-history-modal,.transport-changes-modal) .error-state,:is(.audit-history-modal,.transport-changes-modal) .loading-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:.8em;gap:var(--spacing-md);height:calc(100% - 80px);justify-content:center;padding:var(--spacing-xl)}:is(.audit-history-modal,.transport-changes-modal) .empty-state .material-symbols-rounded,:is(.audit-history-modal,.transport-changes-modal) .loading-state .material-symbols-rounded{font-size:48px;opacity:.5}:is(.audit-history-modal,.transport-changes-modal) .error-state .material-symbols-rounded{color:var(--color-error);font-size:48px}:is(.audit-history-modal,.transport-changes-modal) .spinning{animation:ahmSpin 1s linear infinite}@keyframes ahmSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:is(.audit-history-modal,.transport-changes-modal) .history-timeline{grid-column-gap:var(--spacing-md);column-gap:var(--spacing-md);display:grid;grid-template-columns:24px auto 1fr auto auto auto}:is(.audit-history-modal,.transport-changes-modal) .timeline-entry{display:grid;grid-column:1/-1;grid-template-columns:subgrid;position:relative}:is(.audit-history-modal,.transport-changes-modal) .timeline-marker{align-items:center;display:flex;flex-direction:column;grid-column:1;grid-row:1/-1;justify-self:center;width:24px}:is(.audit-history-modal,.transport-changes-modal) .marker-dot{background:var(--color-primary);border:1px solid var(--bg-secondary);border-radius:50%;box-shadow:0 0 0 1px var(--color-primary);height:10px;margin-top:15px;width:10px;z-index:1}:is(.audit-history-modal,.transport-changes-modal) .marker-line{background:var(--border-secondary);flex:1 1;margin-top:var(--spacing-md);width:1px}:is(.audit-history-modal,.transport-changes-modal) .timeline-content{display:grid;grid-column:2/-1;grid-template-columns:subgrid;margin-bottom:var(--spacing-md);min-width:0}:is(.audit-history-modal,.transport-changes-modal) .timeline-entry:last-child .timeline-content{margin-bottom:0}:is(.audit-history-modal,.transport-changes-modal) .entry-header{align-items:center;border-radius:var(--radius-md);display:grid;grid-column:1/-1;grid-template-columns:subgrid;padding:var(--spacing-md) var(--spacing-sm);transition-duration:.4s}:is(.audit-history-modal,.transport-changes-modal) .timeline-entry .entry-header:hover{background:var(--bg-tertiary)}:is(.audit-history-modal,.transport-changes-modal) .entry-meta{display:contents}:is(.audit-history-modal,.transport-changes-modal) .entry-field-group{align-items:center;display:flex;gap:var(--spacing-sm);min-width:0;overflow:hidden}:is(.audit-history-modal,.transport-changes-modal) .entry-date{color:var(--text-muted);font-size:var(--font-sm);text-align:right;white-space:nowrap}:is(.audit-history-modal,.transport-changes-modal) .entry-product{color:var(--text-secondary);font-size:var(--font-xs);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.audit-history-modal,.transport-changes-modal) .entry-user{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-sm);gap:var(--spacing-xs);white-space:nowrap}:is(.audit-history-modal,.transport-changes-modal) .entry-user .material-symbols-rounded{font-size:16px}:is(.audit-history-modal,.transport-changes-modal) .user-type-badge{border-radius:var(--radius-sm);font-size:.75em;font-weight:500;letter-spacing:.3px;margin:0 0 0 var(--spacing-xs);padding:2px 4px;text-transform:uppercase}:is(.audit-history-modal,.transport-changes-modal) .user-type-badge.admin{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary)}:is(.audit-history-modal,.transport-changes-modal) .user-type-badge.user{background:rgba(var(--bg-tertiary-rgb),.5);color:var(--text-muted)}:is(.audit-history-modal,.transport-changes-modal) .entry-expand{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-sm);gap:var(--spacing-xs)}:is(.audit-history-modal,.transport-changes-modal) .entry-expand .material-symbols-rounded{font-size:20px;transition:transform .2s ease}:is(.audit-history-modal,.transport-changes-modal) .timeline-entry.expanded .entry-expand .material-symbols-rounded{transform:rotate(180deg)}:is(.audit-history-modal,.transport-changes-modal) .changes-count{background:rgba(var(--bg-tertiary-rgb),.6);border-radius:var(--radius-sm);font-size:var(--font-xs);padding:2px 8px}:is(.audit-history-modal,.transport-changes-modal) .action-badge{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-xs);font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase;white-space:nowrap;width:-webkit-fit-content;width:fit-content}:is(.audit-history-modal,.transport-changes-modal) .action-create{background:rgba(var(--color-success-rgb),.15);color:var(--color-success)}:is(.audit-history-modal,.transport-changes-modal) .action-update{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary)}:is(.audit-history-modal,.transport-changes-modal) .action-delete{background:rgba(var(--color-error-rgb),.15);color:var(--color-error)}:is(.audit-history-modal,.transport-changes-modal) .action-restore{background:rgba(var(--color-info-rgb),.15);color:var(--color-info)}:is(.audit-history-modal,.transport-changes-modal) .action-status{background:rgba(var(--color-warning-rgb),.15);color:var(--color-warning)}:is(.audit-history-modal,.transport-changes-modal) .action-email{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary)}:is(.audit-history-modal,.transport-changes-modal) .action-default{background:rgba(var(--text-primary-rgb),.1);color:var(--text-secondary)}:is(.audit-history-modal,.transport-changes-modal) .entry-changes{border:1px dashed var(--border-secondary);border-radius:var(--radius-md);grid-column:1/-1;padding:var(--spacing-md)}:is(.audit-history-modal,.transport-changes-modal) .changes-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}:is(.audit-history-modal,.transport-changes-modal) .change-item{align-items:flex-start;border-bottom:1px dashed var(--border-secondary);display:flex;gap:var(--spacing-md);padding:var(--spacing-xs)}:is(.audit-history-modal,.transport-changes-modal) .change-item:last-child{border-bottom:none;padding-bottom:0}:is(.audit-history-modal,.transport-changes-modal) .change-item:first-child{padding-top:0}:is(.audit-history-modal,.transport-changes-modal) .field-name{color:var(--text-secondary);font-size:var(--font-sm);font-weight:500}:is(.audit-history-modal,.transport-changes-modal) .entry-meta .field-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.audit-history-modal,.transport-changes-modal) .change-item .field-name{flex-shrink:0;min-width:140px}:is(.audit-history-modal,.transport-changes-modal) .field-values{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;font-size:var(--font-sm);gap:var(--spacing-sm)}:is(.audit-history-modal,.transport-changes-modal) .old-value{color:var(--text-muted);opacity:.8;text-decoration:line-through}:is(.audit-history-modal,.transport-changes-modal) .new-value{color:var(--text-primary);font-weight:500}:is(.audit-history-modal,.transport-changes-modal) .arrow{color:var(--text-muted);font-size:12px}:is(.audit-history-modal,.transport-changes-modal) .null-value{color:var(--text-muted);font-style:italic}:is(.audit-history-modal,.transport-changes-modal) .no-changes{color:var(--text-muted);font-size:var(--font-sm);font-style:italic}@media (max-width:768px){:is(.audit-history-modal,.transport-changes-modal) .history-timeline{grid-template-columns:24px 1fr auto}:is(.audit-history-modal,.transport-changes-modal) .entry-date,:is(.audit-history-modal,.transport-changes-modal) .entry-field-group{display:none}:is(.audit-history-modal,.transport-changes-modal) .change-item{flex-direction:column;gap:var(--spacing-xs)}:is(.audit-history-modal,.transport-changes-modal) .field-name{min-width:auto}}.contact-edit-modal{display:flex;flex-direction:column;max-height:90vh;max-width:90vw;width:800px}.contact-edit-modal .panel-header{align-items:center;background:var(--bg-secondary);display:flex;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg) var(--spacing-xl)}.contact-edit-modal .header-title{align-items:center;display:flex;gap:var(--spacing-sm)}.contact-edit-modal .header-title h2{color:var(--text-primary);font-size:1.2em;font-weight:var(--font-semibold);margin:0}.contact-edit-modal .header-actions{display:flex;gap:var(--spacing-sm)}.contact-edit-modal .panel-body{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xl);overflow-y:auto;padding:0 var(--spacing-xl) var(--spacing-xl)}.contact-edit-modal .info-section{padding:0}.contact-edit-modal .info-section h3{color:var(--text-primary);font-size:.9em;font-weight:var(--font-semibold);margin-bottom:var(--spacing-md)}.contact-edit-modal .info-columns{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.contact-edit-modal .info-col{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-edit-modal .address-columns{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.contact-edit-modal .address-col{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-edit-modal .form-section-heading{border-top:.75px solid var(--border-primary);color:var(--text-muted);font-size:.75em;font-weight:var(--font-semibold);letter-spacing:.5px;margin:var(--spacing-sm) 0 0;padding:var(--spacing-lg) 0 0;text-transform:uppercase}.contact-edit-modal .form-section-heading:first-child{border-top:none;padding-top:0}.contact-edit-modal .form-field{display:flex;flex-direction:column;grid-template-columns:1fr}.contact-edit-modal .form-field label{color:var(--text-muted);display:flex;font-size:.65em;font-weight:600;letter-spacing:.2px;margin:0 0 var(--spacing-sm);text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.contact-edit-modal .form-field label .label-info{align-self:flex-end;color:var(--color-primary);display:flex;font-size:.95em;font-style:italic;font-weight:400;letter-spacing:normal;margin:0 0 0 var(--spacing-sm);text-transform:none;width:-webkit-fit-content;width:fit-content}.contact-edit-modal .form-field .dropdown-trigger{background:var(--bg-main);border:1px solid var(--border-secondary);border-radius:var(--radius-md);margin:0;padding:9px var(--spacing-lg);position:relative;z-index:2}.contact-edit-modal .form-field .dropdown-trigger:focus{border-color:var(--color-primary)}.contact-edit-modal .form-field .dropdown-trigger:hover{border-color:var(--text-primary)}.contact-edit-modal .form-field .selected-tags{background:rgba(var(--bg-main-rgb),.3);border:.5px solid var(--border-secondary);border-radius:0 0 var(--radius-md) var(--radius-md);left:0;margin:0;padding:18px var(--spacing-md) var(--spacing-sm);position:relative;top:-10px;width:100%;z-index:1}.contact-edit-modal .form-field .selected-tags .tag{background:rgba(var(--bg-main-rgb),1);color:var(--text-secondary);font-size:.6em}.contact-edit-modal .form-field .selected-tags .tag-remove{color:var(--text-secondary)}.contact-edit-modal .form-field .tick-check{display:flex;padding-top:5px}.contact-edit-modal .form-field .tick-check-label{flex-direction:column-reverse;gap:9px}.contact-edit-modal .form-field input,.contact-edit-modal .form-field textarea{background:var(--bg-main);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);padding:var(--spacing-md);transition:border-color var(--transition-fast)}.contact-edit-modal .form-field input:focus,.contact-edit-modal .form-field textarea:focus{border-color:var(--color-primary);outline:none}.contact-edit-modal .form-field input:hover,.contact-edit-modal .form-field textarea:hover,.contact-edit-modal .form-field:hover>input,.contact-edit-modal .form-field:hover>textarea{border-color:var(--text-primary)}.contact-edit-modal .form-field:focus-within>label{color:var(--color-primary)}.contact-edit-modal .form-field:hover>label{color:var(--text-primary)}.contact-edit-modal .dropdown:focus-within+label{color:var(--color-primary)}.contact-edit-modal .dropdown:hover+label{color:var(--text-primary)}.contact-edit-modal .form-field input:disabled{cursor:not-allowed;opacity:.6}.contact-edit-modal .form-field textarea{font-family:inherit;line-height:1.4;min-height:80px;resize:vertical}.contact-edit-modal .form-field .field-hint{color:var(--text-muted);font-size:var(--font-xs);margin-top:2px}.contact-edit-modal .form-field .field-action{align-items:center;background:none;border:none;color:var(--color-primary);cursor:pointer;display:flex;font-size:var(--font-xs);gap:4px;padding:2px 0}.contact-edit-modal .form-field .field-action:hover{text-decoration:underline}.contact-edit-modal .form-field .field-warning{color:var(--color-warning);font-size:var(--font-xs);margin-top:2px}.contact-edit-modal .inline-fields{display:flex;gap:var(--spacing-lg)}.contact-edit-modal .form-field.wide{grid-column:1/-1}.contact-edit-modal .type-toggles{display:flex;gap:var(--spacing-lg);padding:var(--spacing-sm) 0}.contact-edit-modal .groups-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.contact-edit-modal .groups-empty{color:var(--text-muted);font-size:var(--font-sm);font-style:italic}.contact-edit-modal .panel-footer{background:var(--bg-tertiary);display:flex;gap:var(--spacing-md);justify-content:flex-start;padding:var(--spacing-xl)}.contact-edit-modal .error-banner{background:rgba(var(--color-error-rgb),.15);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-sm);padding:var(--spacing-md)}.contact-edit-modal .address-header{align-items:center;display:flex;justify-content:space-between}.contact-edit-modal .copy-btn{align-items:center;background:none;border:none;color:var(--color-primary);cursor:pointer;display:flex;font-size:var(--font-xs);gap:4px;padding:0}.contact-edit-modal .copy-btn:hover{text-decoration:underline}.contact-edit-modal .copy-btn .material-symbols-rounded{font-size:14px}@media (max-width:768px){.contact-edit-modal{max-width:95vw;width:95vw}.contact-edit-modal .address-columns,.contact-edit-modal .info-columns{gap:var(--spacing-md);grid-template-columns:1fr}.contact-edit-modal .inline-fields{flex-direction:column;gap:var(--spacing-sm)}}.contact-edit-modal .readonly-groups{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm) 0}.contact-edit-modal .group-badge{background:rgba(var(--color-primary-rgb),.08);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-md);color:var(--color-primary);display:inline-block;font-size:var(--font-xs);font-weight:500;padding:3px 10px}.confirm-dialog-overlay{align-items:center;animation:fadeInConf .4s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.confirm-dialog{animation:slideInConf .2s ease-out;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;overflow:hidden;width:90%}@keyframes fadeInConf{0%{opacity:0}to{opacity:1}}@keyframes slideInConf{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-dialog-header{align-items:center;background:var(--bg-secondary);display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg)}.confirm-dialog-header h3{color:var(--text-primary);flex:1 1;font-size:var(--font-lg);font-weight:600;margin:0}.confirm-dialog-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;height:32px;justify-content:center;margin-left:auto;transition:background .15s ease,color .15s ease;width:32px}.confirm-dialog-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.confirm-dialog-close .material-symbols-rounded{font-size:20px}.confirm-dialog-body{background:var(--bg-secondary);color:var(--text-secondary);line-height:1.6;padding:var(--spacing-lg)}.confirm-dialog-body p{margin:0}.confirm-dialog-body .duplicate-info{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.confirm-dialog-body .duplicate-info strong{color:var(--text-primary)}.confirm-dialog-body .duplicate-info .field{margin-bottom:var(--spacing-xs)}.confirm-dialog-body .duplicate-info .field:last-child{margin-bottom:0}.confirm-dialog-actions{background:var(--bg-secondary);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-lg)}.conflict-resolution-modal .conflict-info{margin-bottom:var(--spacing-lg)}.conflict-resolution-modal .conflict-warning{align-items:center;background:rgba(var(--color-warning-rgb),.08);border:1px solid rgba(var(--color-warning-rgb),.25);border-radius:var(--radius-md);display:flex;font-size:var(--font-sm);gap:var(--spacing-sm);line-height:1.5;padding:var(--spacing-md)}.conflict-resolution-modal .conflict-note{color:var(--text-muted);font-size:var(--font-xs);margin:var(--spacing-sm) 0 0}.conflict-resolution-modal .conflict-table-wrapper{border:1px solid var(--border-secondary);border-radius:var(--radius-md);overflow-x:auto}.conflict-resolution-modal .conflict-table{border-collapse:collapse;font-size:var(--font-sm);width:100%}.conflict-resolution-modal .conflict-table thead{background:var(--bg-tertiary)}.conflict-resolution-modal .conflict-table th{border-bottom:1px solid var(--border-secondary);color:var(--text-muted);font-size:var(--font-xs);font-weight:600;letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-transform:uppercase}.conflict-resolution-modal .conflict-table td{border-bottom:1px solid var(--border-secondary);padding:var(--spacing-sm) var(--spacing-md);vertical-align:middle}.conflict-resolution-modal .conflict-table tbody tr:last-child td{border-bottom:none}.conflict-resolution-modal .conflict-table tr.true-conflict{background:rgba(var(--color-warning-rgb),.05)}.conflict-resolution-modal .conflict-table tr.true-conflict .field-label{font-weight:600}.conflict-resolution-modal .field-label{color:var(--text-primary);white-space:nowrap}.conflict-resolution-modal .value-cell{color:var(--text-secondary);font-size:var(--font-xs);max-width:200px;overflow:hidden;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.conflict-resolution-modal .value-cell.selected{background:rgba(var(--color-primary-rgb),.06);color:var(--text-primary);font-weight:600}.conflict-resolution-modal .empty-value{color:var(--text-muted);font-family:var(--font-sans);font-style:italic}.conflict-resolution-modal .keep-col{text-align:center;width:150px}.conflict-resolution-modal .radio-group{display:flex;gap:var(--spacing-xs);justify-content:center}.conflict-resolution-modal .radio-label{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--font-xs);font-weight:500;gap:4px;padding:3px 8px;transition:all .2s}.conflict-resolution-modal .radio-label.active{background:rgba(var(--color-primary-rgb),.08);border-color:rgba(var(--color-primary-rgb),.2);color:var(--color-primary)}.conflict-resolution-modal .radio-label input[type=radio]{display:none}.loading-spinner{align-items:center;color:var(--text-secondary);display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md)}.ellipsis-loader{align-items:center;display:inline-flex;gap:4px}.ellipsis-dot{animation:ellipsisAnimation 1.4s ease-in-out infinite both;background-color:currentColor;border-radius:50%;height:8px;width:8px}.ellipsis-dot:first-child{animation-delay:-.32s}.ellipsis-dot:nth-child(2){animation-delay:-.16s}.ellipsis-dot:nth-child(3){animation-delay:0s}@keyframes ellipsisAnimation{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.loading-spinner .material-symbols-rounded{color:inherit}.loading-spinner .spinning{animation:spin 1s linear infinite}.loading-spinner-sm .ellipsis-dot{height:6px;width:6px}.loading-spinner-sm .material-symbols-rounded{font-size:18px}.loading-spinner-sm .loading-message{font-size:var(--font-sm)}.loading-spinner-md .ellipsis-dot{height:8px;width:8px}.loading-spinner-md .material-symbols-rounded{font-size:24px}.loading-spinner-md .loading-message{font-size:var(--font-md)}.loading-spinner-lg .ellipsis-dot{gap:6px;height:12px;width:12px}.loading-spinner-lg .material-symbols-rounded{font-size:32px}.loading-spinner-lg .loading-message{font-size:var(--font-lg)}.loading-spinner-primary{color:var(--color-primary)}.loading-spinner-secondary{color:var(--text-secondary)}.loading-spinner-muted{color:var(--text-muted)}.loading-message{color:inherit}.loading-spinner-fullscreen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(var(--bg-deep-rgb),.5);bottom:0;flex-direction:column;gap:var(--spacing-md);left:0;padding:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner-fullscreen .ellipsis-dot{height:16px;width:16px}.loading-spinner-fullscreen .material-symbols-rounded{font-size:48px}.loading-spinner-fullscreen .loading-message{color:var(--text-primary);font-size:var(--font-lg)}.loading-bar-container{margin:var(--spacing-xl) 0}.loading-bar-container .loading-message{color:var(--text-secondary);font-size:var(--font-sm);font-weight:400;margin-bottom:var(--spacing-sm)}.loading-bar{background:var(--bg-tertiary);border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.loading-bar-fill{animation:pulse 2s ease-in-out infinite;background:var(--color-primary);border-radius:3px;height:100%;transition:width .3s ease}.loading-bar-fill.complete{animation:none;background:var(--color-success)}.loading-percentage{color:var(--text-secondary);font-size:var(--font-xs);font-weight:400;margin-top:var(--spacing-xs);text-align:center}.loading-bar.indeterminate .loading-bar-fill{animation:indeterminate 1.5s ease-in-out infinite;width:30%!important}@keyframes indeterminate{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}.loading-bar-container.sm .loading-bar{height:4px}.loading-bar-container.sm .loading-message{font-size:var(--font-xs)}.loading-bar-container.lg .loading-bar{height:8px}.loading-bar-container.lg .loading-message{font-size:var(--font-md)}.loading-bar-container.inline{margin:0}.loading-bar-container.inline .loading-message,.loading-bar-container.inline .loading-percentage{display:none}.contact-groups:not(.nav-label){height:100%;overflow-y:auto;padding:var(--spacing-lg);z-index:1}.contact-groups h2{color:var(--text-primary);font-size:var(--font-xl);font-weight:var(--font-medium);margin-bottom:var(--spacing-lg)}.groups-grid-compact{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-lg)}.group-card-compact{align-items:center;background:rgba(var(--bg-tertiary-rgb),.6);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.group-card-compact:hover{background:rgba(var(--bg-main-rgb),.5)}.group-card-icon{align-items:center;background:rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-md);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.group-card-icon span{color:var(--color-primary);font-size:20px}.group-card-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.group-card-name{color:var(--text-primary);font-size:var(--font-md);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-card-count{color:var(--text-muted);font-size:var(--font-sm)}.group-card-arrow{color:var(--text-muted);font-size:20px;transition:transform .2s ease}.group-card-compact:hover .group-card-arrow{color:var(--color-primary);transform:translateX(2px)}.bottom-columns{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr)}.bottom-columns .section-panel{grid-column:span 2}.section-panel{background:rgba(var(--bg-tertiary-rgb),.7);border-radius:var(--radius-lg);max-height:calc(100vh - 380px);overflow-y:auto;padding:var(--spacing-lg)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);position:-webkit-sticky;position:sticky;top:0;z-index:1}.section-header h3{color:var(--text-primary);font-size:16px;margin:0}.parent-child-list{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.parent-account-row{align-items:center;background:rgba(var(--bg-main-rgb),.4);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:background .2s ease}.parent-account-row:hover{background:rgba(var(--bg-main-rgb),.5)}.parent-account-row:hover .expand-icon{color:var(--color-primary)}.parent-account-row .expand-icon{color:var(--text-secondary);font-size:18px;transition:all .3s ease}.parent-account-row .expand-icon.expanded{transform:rotate(90deg)}.parent-account-details{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm);min-width:0}.parent-account-row .parent-name{color:var(--text-secondary);font-size:var(--font-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parent-account-row .parent-account-no{background:rgba(var(--text-muted-rgb),.8);border-radius:var(--radius-sm);color:var(--bg-main);flex-shrink:0;font-size:10px;font-weight:600;padding:1px 5px}.parent-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs)}.parent-actions .child-count{background:rgba(var(--color-primary-rgb),.2);border-radius:10px;color:var(--color-primary);font-size:10px;font-weight:500;padding:1px 6px}.parent-actions .btn-icon{opacity:0;transition:opacity .2s ease}.parent-account-row:hover .parent-actions .btn-icon{opacity:1}.child-accounts-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.child-accounts-wrapper>.child-accounts-scrollable{overflow:hidden}.child-accounts-wrapper.expanded{grid-template-rows:1fr}.child-accounts-wrapper.expanded>.child-accounts-scrollable{overflow-y:auto}.child-accounts-scrollable{border-left:2px solid rgba(var(--color-primary-rgb),.2);margin-left:26px;max-height:200px;padding-right:8px}.child-accounts-scrollable::-webkit-scrollbar{width:6px}.child-accounts-scrollable::-webkit-scrollbar-track{background:#0000}.child-accounts-scrollable::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-rgb),.3);border-radius:3px}.child-account-row{align-items:center;border-radius:4px;color:var(--text-secondary);display:flex;font-size:12px;gap:6px;padding:4px 8px;transition:all .2s ease}.child-account-row:hover{background:rgba(var(--bg-main-rgb),.3)}.child-account-row .material-symbols-rounded{color:var(--text-muted);font-size:14px}.child-account-row .child-name{flex:1 1}.child-account-row .child-account-no{color:var(--text-muted);font-size:11px}.child-account-row .child-remove{opacity:0;transition:opacity .2s ease}.child-account-row:hover .child-remove{opacity:1}.add-child-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-primary);cursor:pointer;display:flex;font-size:12px;gap:4px;margin-top:2px;padding:4px 8px;transition:background .2s ease}.add-child-btn:hover{background:rgba(var(--color-primary-rgb),.1)}.selected-children-list{margin-top:var(--spacing-md)}.selected-children-list label{color:var(--text-muted);display:block;font-size:12px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.selected-child-tag{align-items:center;background:rgba(var(--color-primary-rgb),.15);border-radius:var(--radius-sm);color:var(--color-primary);display:inline-flex;font-size:12px;gap:4px;margin:2px 4px 2px 0;padding:3px 8px}.selected-child-tag button{align-items:center;background:none;border:none;color:var(--color-primary);cursor:pointer;display:flex;padding:0}.selected-child-tag button:hover{color:var(--color-error)}.group-detail-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.group-detail-header h2{flex:1 1;margin:0}.search-box{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md)}.search-box span{color:var(--text-muted);font-size:20px}.search-box input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:var(--font-md);outline:none}.search-box input::placeholder{color:var(--text-muted);opacity:.5}.no-results{color:var(--text-muted);font-size:var(--font-sm);padding:var(--spacing-lg);text-align:center}.contact-groups .form-group{margin-bottom:15px}.contact-groups .form-group label{color:var(--text-muted);display:block;font-size:12px;margin-bottom:5px;text-transform:uppercase}.modal-body.tall .searchable-dropdown .dropdown-options{height:75vh;max-height:75vh}.searchable-dropdown{min-width:0;position:relative;width:100%}.searchable-dropdown .dropdown-trigger{align-items:center;background:var(--bg-main);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s;width:100%}.searchable-dropdown .dropdown-trigger:hover,.searchable-dropdown:hover{border-color:var(--color-primary)}.searchable-dropdown .dropdown-trigger:focus,.searchable-dropdown .dropdown-trigger:focus-within{background-color:var(--bg-main);border-color:var(--color-primary);outline:none}.searchable-dropdown .dropdown-menu{background:var(--bg-main);border:1px solid var(--border-secondary);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(var(--bg-deep-rgb),.15);display:flex;flex-direction:column;left:0;min-height:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.searchable-dropdown .dropdown-menu .dropdown-search{flex-shrink:0}.searchable-dropdown .dropdown-search{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm);position:relative}.searchable-dropdown .search-icon{color:var(--text-muted);font-size:20px;margin-left:var(--spacing-xs)}.searchable-dropdown .dropdown-search-input{background:var(--bg-main);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-size:var(--font-sm);min-width:0;outline:none;padding:var(--spacing-xs) var(--spacing-sm)}.searchable-dropdown .dropdown-search-input:focus{border-color:var(--color-primary)}.searchable-dropdown:focus-within .dropdown-trigger{background-color:var(--bg-main);border-color:var(--color-primary)}.searchable-dropdown .clear-search{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:all .2s}.searchable-dropdown .clear-search:hover{background:var(--bg-hover);color:var(--text-primary)}.searchable-dropdown .dropdown-options{flex:1 1 auto;max-height:320px;min-height:0;overflow-y:auto}.searchable-dropdown .dropdown-trigger-text{align-items:center;display:flex;gap:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-dropdown .dropdown-item{color:var(--text-primary);cursor:pointer;font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background-color .15s}.searchable-dropdown .dropdown-item.has-actions{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.searchable-dropdown .dropdown-item-content{align-items:center;display:flex;flex:1 1;min-width:0;overflow:hidden}.searchable-dropdown .dropdown-item-badge{align-items:center;background:rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-xl);color:var(--color-primary);display:inline-flex;flex-shrink:0;font-size:.7em;font-weight:600;justify-content:center;letter-spacing:.2px;margin-right:var(--spacing-sm);min-width:55px;padding:2px var(--spacing-sm);white-space:nowrap;width:-webkit-fit-content;width:fit-content}.searchable-dropdown .dropdown-item-badge.compounds{background:rgba(var(--color-success-rgb),.2);color:var(--color-success)}.searchable-dropdown .dropdown-item-badge.straights{background:rgba(var(--color-warning-rgb),.2);color:var(--color-warning)}.searchable-dropdown .dropdown-item-badge.blends{background:rgba(var(--color-error-rgb),.2);color:var(--color-error)}.searchable-dropdown .dropdown-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.searchable-dropdown .dropdown-item-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs)}.searchable-dropdown .dropdown-item:hover{background-color:var(--bg-lesser)}.searchable-dropdown .dropdown-item.active{background-color:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.searchable-dropdown .dropdown-item.active:hover{background-color:rgba(var(--color-primary),.2)}.searchable-dropdown .dropdown-item.no-results{color:var(--text-muted);cursor:default;padding:var(--spacing-lg);text-align:center}.searchable-dropdown .dropdown-item.no-results:hover{background-color:initial}.searchable-dropdown .dropdown-options::-webkit-scrollbar{width:8px}.searchable-dropdown .dropdown-options::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.searchable-dropdown .dropdown-options::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-sm)}.searchable-dropdown .dropdown-options::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.combobox{border:1px solid var(--border-secondary);border-radius:var(--radius-md)}.combobox .dropdown-trigger-input{align-items:center;display:flex;gap:0;width:100%}.combobox .combo-input{background:var(--bg-main);border:none;border-radius:var(--radius-md) 0 0 var(--radius-md);color:var(--text-primary);flex:1 1;font-size:var(--font-sm);outline:none;padding:11px;transition:all .2s}.combobox:not(:disabled):not(.disabled):hover{border-color:var(--color-primary);cursor:pointer}.combobox:not(:disabled):not(.disabled):focus-within{border-color:var(--color-primary)}.combobox .dropdown-toggle-btn{align-items:center;background:var(--bg-main);border:none;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;min-width:32px;padding:var(--spacing-sm);transition:all .2s}.combobox:not(:has(:disabled)):not(:has(.disabled)):has(.dropdown-toggle-btn:hover){border-color:var(--color-primary);border-left-color:var(--border-secondary);cursor:pointer}.combobox .combo-input:not(:disabled):not(.disabled):hover,.combobox .combo-input:not(:disabled):not(.disabled):hover+.dropdown-toggle-btn{border-color:var(--color-primary);cursor:pointer}.combobox .combo-input:not(:disabled):not(.disabled):focus+.dropdown-toggle-btn{border-color:var(--color-primary)}.searchable-dropdown.compact{min-width:150px}.searchable-dropdown.compact .dropdown-trigger{font-size:var(--font-xs);min-height:auto;padding:var(--spacing-xs) var(--spacing-sm)}.searchable-dropdown.compact .dropdown-trigger .material-symbols-rounded{font-size:16px}.searchable-dropdown.compact .dropdown-menu{min-width:250px}.searchable-dropdown.compact .dropdown-item{font-size:var(--font-xs);padding:var(--spacing-xs) var(--spacing-sm)}.searchable-dropdown .dropdown-trigger:disabled{cursor:not-allowed;opacity:.6}.searchable-dropdown.flip-up .dropdown-menu{bottom:calc(100% + 4px);top:auto}.searchable-dropdown.flip-up .dropdown-menu .dropdown-options{order:-1}.search-invoices{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;z-index:1}.search-invoices .filter-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 110px 120px 175px 100px 100px 70px 70px!important;margin-bottom:var(--spacing-sm);padding-bottom:0}.search-invoices .bulk-actions-bar{margin:5px var(--spacing-lg) 5px}.invoices-panel{display:flex;flex:1 1;flex-direction:column;margin:0;min-height:0;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg)}.invoices-panel .table-toolbar{margin-bottom:var(--spacing-sm)}.invoices-panel .data-table-container{border-bottom:none;margin:var(--spacing-sm) 0 0}.data-table-container{background:var(--surface-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:auto}.data-table th.sortable{cursor:pointer;transition:color var(--transition-fast)}.data-table th .sort-icon{font-size:var(--font-xs);margin-left:var(--spacing-xs);opacity:.7}.invoice-modal{max-height:90vh;max-width:1400px;width:95%}.invoice-modal .modal-header{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-lg) 7px var(--spacing-xl)}.invoice-modal .header-left{align-items:center;display:flex;gap:var(--spacing-md)}.invoice-modal .header-left h2{color:var(--text-primary);font-size:1em;font-weight:var(--font-semibold);margin:0}.invoice-modal .header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.invoice-modal .modal-body{max-height:calc(85vh - 150px);overflow-y:auto;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl)}.invoice-main-sections{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--spacing-lg)}.invoice-details-section,.invoice-modal .company-section,.invoice-modal .customer-section{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.invoice-modal .company-section,.invoice-modal .customer-section{display:flex;flex-direction:row;gap:var(--spacing-md)}.invoice-details-section h3,.invoice-modal .company-section h3,.invoice-modal .customer-section h3{color:var(--text-primary);font-weight:var(--font-semibold);margin:0 0 var(--spacing-md) 0}.invoice-modal .invoice-details-section h3{font-size:.9em;margin-top:-2px}.invoice-modal .customer-section h3{font-size:.8em}.invoice-modal .customer-section .address-block{margin:2px 0 0}.invoice-modal .customer-section .address-block p{color:var(--text-primary);line-height:normal;margin:0;white-space:pre-line}.invoice-modal .customer-section .address-block .name-acc-no{align-content:center;display:flex;flex-direction:row;gap:var(--spacing-sm)}.invoice-modal .customer-section .address-block .contact-name{color:var(--text-primary);font-weight:var(--font-semibold);line-height:normal;margin:0;padding:0}.invoice-modal .customer-section .address-block .account-no{background:rgba(var(--text-muted-rgb),.8);border-radius:var(--radius-md);color:var(--bg-main);font-size:.7em;font-weight:600;line-height:normal;margin:0;padding:2px 6px}.invoice-modal .company-section h3{font-size:.8em}.invoice-modal .company-address h3{color:var(--text-primary);font-size:1em;font-weight:var(--font-semibold);line-height:normal;margin:0 0 2px}.invoice-modal .company-inner{display:grid;font-size:var(--font-sm);grid-template-columns:1fr 1fr;padding:2px 0 0;width:100%}.invoice-modal .company-inner .company-numbers{padding:2px 0 0 var(--spacing-md)}.invoice-modal .company-numbers{display:flex;flex-direction:column;gap:var(--spacing-sm)}.invoice-modal .company-numbers .number-item{display:flex;flex-direction:column;gap:1px}.invoice-modal .company-numbers .number-item .label{color:var(--text-muted);font-size:.75em;font-weight:600;letter-spacing:.2px;text-transform:uppercase}.invoice-modal .company-numbers .number-item .value{color:var(--text-primary);font-size:var(--font-sm)}.invoice-details-grid{grid-gap:var(--spacing-sm) var(--spacing-md);display:grid;gap:var(--spacing-sm) var(--spacing-md);grid-auto-flow:column;grid-template-columns:1fr 1fr 1fr;grid-template-rows:repeat(2,auto)}.invoice-details-grid .detail-row{display:flex;flex-direction:column;font-size:var(--font-sm);gap:2px}.invoice-details-grid .detail-row .label{color:var(--text-muted);font-size:.8em;font-weight:600;letter-spacing:.2px;text-transform:uppercase}.invoice-details-grid .detail-row .value{color:var(--text-primary);text-align:left}.invoice-modal .linked-docs-section{border:1px solid var(--border-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg)}.invoice-modal .linked-docs-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-sm);font-weight:var(--font-semibold);gap:var(--spacing-xs);margin:0 0 var(--spacing-md)}.invoice-modal .linked-docs-section h3 .material-symbols-rounded{color:var(--color-primary);font-size:18px}.invoice-modal .linked-doc-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.invoice-modal .linked-doc-chip{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--font-sm);gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md)}.invoice-modal .linked-doc-chip.so-chip{background:rgba(var(--color-primary-rgb),.06);border:1px solid rgba(var(--color-primary-rgb),.15)}.invoice-modal .linked-doc-chip.po-chip{background:rgba(var(--color-warning-rgb),.06);border:1px solid rgba(var(--color-warning-rgb),.15)}.invoice-modal .linked-doc-chip .doc-type{background:rgba(var(--text-muted-rgb),.1);border-radius:var(--radius-xs);color:var(--text-muted);font-size:10px;font-weight:var(--font-bold);letter-spacing:.3px;padding:1px 5px;text-transform:uppercase}.invoice-modal .linked-doc-chip .doc-number{color:var(--text-primary);font-weight:var(--font-semibold)}.invoice-modal .linked-doc-chip .doc-status{background:rgba(var(--text-muted-rgb),.1);border-radius:var(--radius-xs);color:var(--text-muted);font-size:10px;font-weight:var(--font-semibold);letter-spacing:.3px;padding:1px 6px;text-transform:uppercase}.invoice-modal .linked-doc-chip .doc-status.authorised{background:rgba(var(--color-success-rgb),.15);color:var(--color-success)}.invoice-modal .linked-doc-chip .doc-status.billed{background:rgba(var(--color-info-rgb),.15);color:var(--color-info)}.invoice-modal .linked-doc-chip.cn-chip{background:rgba(var(--color-error-rgb),.06);border:1px solid rgba(var(--color-error-rgb),.15)}.invoice-modal .linked-doc-chip.inv-chip{background:rgba(var(--color-success-rgb),.06);border:1px solid rgba(var(--color-success-rgb),.15)}.invoice-modal .linked-doc-chip[style*="cursor: pointer"]:hover{box-shadow:0 1px 3px #0000001a;filter:brightness(.95)}.invoice-modal .line-items-section{margin:var(--spacing-xs) 0 var(--spacing-xs)}.invoice-modal .line-items-section h3{color:var(--text-primary);font-size:.9em;font-weight:var(--font-semibold);margin-bottom:var(--spacing-md)}.invoice-modal .line-items-table{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-collapse:collapse;border-radius:var(--radius-lg);font-size:var(--font-sm);margin-bottom:var(--spacing-md);overflow:hidden;width:100%}.invoice-modal .line-items-table thead{background:var(--bg-tertiary)}.invoice-modal .line-items-table th{border-bottom:1px solid var(--border-secondary);color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-semibold);letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-transform:uppercase}.invoice-modal .line-items-table th.text-right{text-align:right}.invoice-modal .line-items-table td{color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);vertical-align:middle}.invoice-modal .line-items-table td.text-right{text-align:right}.invoice-modal .line-items-table td.no-items{color:var(--text-muted);padding:var(--spacing-lg);text-align:center}.invoice-modal .totals-section{border-top:2px solid var(--border-secondary);display:flex;justify-content:flex-end;margin-top:var(--spacing-md);padding-right:var(--spacing-md);padding-top:var(--spacing-md)}.invoice-modal .totals-grid{min-width:250px}.invoice-modal .totals-grid .total-row{display:flex;font-size:var(--font-sm);justify-content:space-between;padding:var(--spacing-xs) 0}.invoice-modal .totals-grid .total-row .label{color:var(--text-muted);font-weight:var(--font-medium)}.invoice-modal .totals-grid .total-row .value{color:var(--text-primary);text-align:right}.invoice-modal .totals-grid .total-row.total{border-top:2px solid var(--border-secondary);font-size:var(--font-lg);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.invoice-modal .totals-grid .total-row.total .label,.invoice-modal .totals-grid .total-row.total .value{color:var(--text-primary);font-weight:var(--font-bold)}.invoice-modal .totals-grid .total-row.payments .value{color:var(--color-error)}.invoice-modal .totals-grid .total-row.balance{border-top:1px solid var(--border-secondary);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}.invoice-modal .totals-grid .total-row.balance .label,.invoice-modal .totals-grid .total-row.balance .value{font-weight:var(--font-semibold)}.invoice-modal .modal-footer{background:var(--bg-tertiary);display:flex;gap:var(--spacing-md);justify-content:flex-start;padding:var(--spacing-xl)}@media (max-width:1200px){.invoice-main-sections{grid-template-columns:1fr 1fr}}@media (max-width:768px){.invoice-main-sections{grid-template-columns:1fr}.invoice-modal .modal-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.invoice-modal .header-actions{flex-wrap:wrap;width:100%}}#alert-container{flex-direction:column;gap:var(--spacing-sm);position:fixed;right:var(--spacing-lg);top:var(--spacing-lg);z-index:10000}#alert-container,.custom-alert{align-items:center;display:flex}.custom-alert{animation:alertSlideIn .2s ease;background:var(--bg-main);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);gap:var(--spacing-md);justify-content:flex-start;max-width:480px;min-width:320px;padding:var(--spacing-md)}@keyframes alertSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.custom-alert.fade-out{animation:alertFadeOut .2s ease forwards}@keyframes alertFadeOut{to{opacity:0;transform:translateX(100%)}}.custom-alert>.material-symbols-rounded:first-child{flex-shrink:0;font-size:18px;margin-top:1px}.custom-alert.success>.material-symbols-rounded:first-child{color:var(--color-success)}.custom-alert.error>.material-symbols-rounded:first-child{color:var(--color-error)}.custom-alert.warning>.material-symbols-rounded:first-child{color:var(--color-warning)}.custom-alert.info>.material-symbols-rounded:first-child{color:var(--color-info)}.custom-alert>span:not(.material-symbols-rounded){color:var(--text-primary);flex:1 1;font-size:13px;line-height:1.5}.custom-alert>span:not(.material-symbols-rounded):first-letter{text-transform:uppercase}.alert-close{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-top:-2px;padding:var(--spacing-xs);transition-duration:.3s}.alert-close .material-symbols-rounded{color:var(--text-muted);scale:1;transition-duration:.3s}.alert-close .material-symbols-rounded:hover:not(:disabled){color:var(--color-error);scale:1.2}.send-po-email-modal{max-width:1600px;width:95%}.send-po-email-modal .modal-header{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-lg) 7px var(--spacing-xl)}.send-po-email-modal .modal-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:1em;font-weight:var(--font-semibold);gap:var(--spacing-sm);margin:0}.send-po-email-modal .modal-header h2 .material-symbols-rounded{color:var(--color-primary);font-size:24px}.send-po-email-modal .close-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);transition:all .15s ease}.send-po-email-modal .close-btn:hover{background:var(--hover-color);color:var(--text-primary)}.send-po-email-modal .modal-body{grid-gap:var(--spacing-lg);display:grid;flex:1 1;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;overflow-y:auto;padding:var(--spacing-lg)}.send-po-email-modal .email-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.send-po-email-modal .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.send-po-email-modal .form-group label{color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.send-po-email-modal .form-group input,.send-po-email-modal .form-group textarea{background:var(--bg-main);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease}.send-po-email-modal .form-group input:focus,.send-po-email-modal .form-group textarea:focus{border-color:var(--color-primary);outline:none}.send-po-email-modal .form-group input.error{border-color:var(--color-error)}.send-po-email-modal .form-group textarea{font-family:inherit;min-height:150px;resize:vertical}.send-po-email-modal .field-hint{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-xs);gap:var(--spacing-xs)}.send-po-email-modal .field-hint.error{color:var(--color-error)}.send-po-email-modal .field-hint .material-symbols-rounded{font-size:14px}.send-po-email-modal .attachment-group .attachment-info{align-items:center;background:rgba(var(--bg-main-rgb),1);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--color-primary);display:flex;font-size:var(--font-md);font-weight:var(--font-medium);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.send-po-email-modal .attachment-info .material-symbols-rounded{font-size:22px}.send-po-email-modal .pdf-preview{display:flex;flex-direction:column;gap:var(--spacing-xs)}.send-po-email-modal .pdf-preview>label{color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.send-po-email-modal .pdf-container{align-items:center;background:var(--bg-main);border:1px solid var(--border-secondary);border-radius:var(--radius-md);display:flex;flex:1 1;justify-content:center;min-height:400px;overflow:hidden}.send-po-email-modal .pdf-container iframe{border:none}.send-po-email-modal .pdf-error{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:var(--spacing-sm)}.send-po-email-modal .pdf-error .material-symbols-rounded{color:var(--color-error);font-size:48px}.send-po-email-modal .error-message{align-items:center;background:rgba(var(--color-error-rgb),.1);color:var(--color-error);display:flex;font-size:var(--font-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg)}.send-po-email-modal .error-message .material-symbols-rounded{font-size:18px}.send-po-email-modal .modal-footer{background:var(--bg-tertiary);display:flex;gap:var(--spacing-md);justify-content:flex-start;padding:var(--spacing-xl)}.send-po-email-modal .spinning{animation:spin 1s linear infinite}@media (max-width:900px){.send-po-email-modal .modal-body{grid-template-columns:1fr}.send-po-email-modal .pdf-preview{order:-1}.send-po-email-modal .pdf-container{min-height:300px}}.send-po-email-modal .contact-validation-box{grid-gap:var(--spacing-xs) var(--spacing-lg);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);display:grid;gap:var(--spacing-xs) var(--spacing-lg);grid-template-columns:1fr 1fr;padding:var(--spacing-md)}.send-po-email-modal .contact-summary{align-items:baseline;display:flex;gap:var(--spacing-sm)}.send-po-email-modal .cv-label{color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.send-po-email-modal .cv-value{color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-medium)}.send-po-email-modal .cv-type{border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-semibold);letter-spacing:.5px;padding:1px 8px;text-transform:uppercase}.send-po-email-modal .cv-type-customer{background:#2e7d321f;color:#2e7d32}.send-po-email-modal .cv-type-supplier{background:#1565c01f;color:#1565c0}.send-po-email-modal .cv-type-both{background:#f57c001f;color:#f57c00}.send-po-email-modal .contact-warning{align-items:flex-start;border-radius:var(--radius-md);display:flex;font-size:var(--font-sm);gap:var(--spacing-sm);line-height:1.4;padding:var(--spacing-sm) var(--spacing-md)}.send-po-email-modal .contact-warning .material-symbols-rounded{flex-shrink:0;font-size:20px;margin-top:1px}.send-po-email-modal .warning-customer,.send-po-email-modal .warning-supplier{background:#f57c001a;background:rgba(var(--color-warning-rgb,245,124,0),.1);border:1px solid #f57c0040;border:1px solid rgba(var(--color-warning-rgb,245,124,0),.25);color:#e65100}.send-po-email-modal .warning-other{background:#2196f314;background:rgba(var(--color-info-rgb,33,150,243),.08);border:1px solid #2196f333;border:1px solid rgba(var(--color-info-rgb,33,150,243),.2);color:#1565c0}.send-po-email-modal .dest-btn,.send-po-email-modal .destination-toggle{display:flex;gap:var(--spacing-xs)}.send-po-email-modal .dest-btn{align-items:center;background:var(--bg-main);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-sm);font-weight:var(--font-medium);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease}.send-po-email-modal .dest-btn.active,.send-po-email-modal .dest-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.send-po-email-modal .dest-btn.active{background:rgba(var(--color-primary-rgb),.08);font-weight:var(--font-semibold)}.send-po-email-modal .dest-btn .material-symbols-rounded{font-size:18px}.content-panel:has(.content-inner.home-active){padding:0}.dashboard-home{height:calc(100vh - 70px);overflow:hidden;position:relative;width:100%}.dashboard-loading{align-items:center;display:flex;height:100%;justify-content:center}.dashboard-home-content{grid-gap:0!important;box-sizing:border-box;display:grid;gap:0!important;height:100%;overflow:hidden;position:relative;width:100%;z-index:1}.spanning-widget-wrapper{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:var(--spacing-md)}.spanning-widget-wrapper .dashboard-card{flex:1 1;min-height:0;overflow:hidden}.spanning-widget-wrapper .dashboard-card .card-body{min-height:0;overflow-y:auto}.widget-cell{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:var(--spacing-md)!important}.widget-cell .dashboard-card{flex:1 1;min-height:0;overflow:hidden}.spanning-widget-wrapper .dashboard-card.widget-collapsed,.widget-cell .dashboard-card.widget-collapsed{flex:0 0 auto!important}.spanning-widget-wrapper .dashboard-card .card-body.scrollable-body,.widget-cell .dashboard-card .card-body.scrollable-body{margin-right:-22px;min-height:0;overflow-y:auto;padding-right:22px}.dashboard-column-left{display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto}.dashboard-column-middle,.dashboard-column-right{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);min-width:0;overflow:hidden}.dashboard-card{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--bg-panel);border-radius:40px;box-shadow:0 3px 8px rgba(var(--shadow-dark));display:flex;flex-direction:column;overflow:hidden;padding:25px 35px}.dashboard-card .card-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between}.dashboard-card .card-header h3{align-items:center;color:rgba(var(--text-primary-rgb),.8);display:flex;font-size:.9em;font-weight:400;gap:var(--spacing-sm);margin:0}.dashboard-card .card-header h3 .material-symbols-rounded{color:var(--color-primary);font-size:20px}.dashboard-card .card-body{flex:1 1;margin-top:var(--spacing-md);min-height:0;overflow:hidden}.scrollable-body{margin-bottom:var(--spacing-md)!important;overflow-y:auto!important}.header-controls .header-badge{background:rgba(var(--color-primary-rgb),1);border-radius:20px;color:var(--bg-deep);font-size:10px;font-weight:600;padding:5px 12px}.header-controls{align-items:center;display:flex;gap:var(--spacing-sm)}.zoom-controls{display:flex;gap:var(--spacing-xs);margin-left:var(--spacing-md)}.zoom-btn{align-items:center;background:var(--bg-tertiary);border:none;border-radius:25px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;height:25px;justify-content:center;transition:all var(--transition-fast);width:25px}.zoom-btn:hover{background:var(--bg-main);border-color:var(--color-primary)}.zoom-btn:active{background:var(--color-primary);color:var(--bg-main)}.day-tabs{display:flex;flex-shrink:0;gap:1%;padding:var(--spacing-sm) 0 0}.day-tab{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:50px;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:row;font-size:.6em;font-weight:600;gap:var(--spacing-xs);justify-content:center;letter-spacing:.5px;padding:3px 2px;padding:var(--spacing-md);text-align:center;text-transform:uppercase;transition:all var(--transition-fast)}.day-tab:hover{background:var(--bg-main);color:var(--text-primary)}.day-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--bg-main)}.day-tab .tab-count{font-size:9px;opacity:.7}.resize-handle{align-items:center;background:var(--bg-tertiary);border-top:1px solid var(--border-primary);cursor:ns-resize;display:flex;flex-shrink:0;height:10px;justify-content:center;transition:background var(--transition-fast)}.resize-handle:hover{background:var(--color-primary)}.resize-handle:hover .resize-icon{color:var(--bg-main)}.resize-icon{color:var(--text-muted);font-size:10px;line-height:1}.dashboard-card.clock-card{align-self:center;backdrop-filter:none;-webkit-backdrop-filter:blur(0);background:#0000;border:none;box-shadow:none;flex:1 1;max-height:100%;min-height:0;overflow:hidden;padding:0;width:100%}.dashboard-card.clock-card .card-body{align-items:center;background:#0000;display:flex;flex-direction:column;justify-content:center;margin:0;min-height:0;overflow:hidden;padding:0}.dashboard-card.clock-card .analog-clock{min-height:0}.dashboard-card.calendar-card{align-items:center!important;align-self:center;display:flex!important;flex:1 1;flex-direction:column;max-height:100%;max-width:100%;min-height:0;overflow:hidden;padding:20px!important;width:100%}.dashboard-card.calendar-card .card-body,.dashboard-card.calendar-card .card-body .month-calendar{height:100%;margin:0!important;padding:0!important;width:100%}.dashboard-card.xero-card{flex-shrink:0;width:100%}.connection-status-container{align-items:center;display:flex;flex-direction:row;gap:var(--spacing-xs);min-height:8vh;text-align:center}.connection-status{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.connection-status.checking{color:var(--text-muted)}.connection-status.connected{color:var(--color-primary)}.connection-status.connected .connected-info{align-items:center;display:flex;gap:var(--spacing-xs)}.connection-status.connected .connected-info .material-symbols-rounded{font-size:20px}.connection-status.connected strong{color:var(--color-primary);font-size:var(--font-xs)}.connection-status.disconnected,button.btn-reconnect{color:var(--color-error)}button.btn-reconnect{background:#0000;border:1px solid var(--color-error);border-radius:var(--radius-sm);cursor:pointer;font-size:10px;font-weight:var(--font-medium);margin-top:var(--spacing-xs);padding:4px 8px;text-align:center;text-transform:uppercase;transition:all var(--transition-normal);width:100%}button.btn-reconnect:hover:not(:disabled){background:rgba(var(--color-error-rgb),.2)}button.btn-disconnect{align-items:center;background:#0000;border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);cursor:pointer;display:inline-flex;font-size:10px;font-weight:var(--font-medium);gap:4px;margin-top:var(--spacing-xs);padding:4px 8px;transition:all var(--transition-normal)}button.btn-disconnect:hover:not(:disabled){background:rgba(var(--color-error-rgb),.85);color:var(--bg-tertiary)}button.btn-disconnect .material-symbols-rounded{font-size:12px}.dashboard-card.email-coverage-card .card-body{display:flex;flex-direction:column;min-height:0;transition:opacity .5s ease}.email-coverage-body{flex:1 1;justify-content:center;overflow:hidden;padding:var(--spacing-sm)}.circular-progress,.email-coverage-body{align-items:center;display:flex;min-height:0}.circular-progress{flex-direction:column;flex-shrink:1;max-height:100%}.circular-chart{aspect-ratio:1;flex-shrink:1;max-height:100%;min-height:0;width:100%}.circle-bg{fill:none;stroke:rgba(var(--text-primary-rgb),.15);stroke-width:3}.circle{fill:none;stroke:rgba(var(--color-primary-rgb),.75);stroke-width:3;stroke-linecap:round;animation:progress 1s ease-out forwards;mix-blend-mode:normal;transform:rotate(-90deg);transform-origin:center}@keyframes progress{0%{stroke-dasharray:0 100}}.percentage{fill:var(--color-primary);text-anchor:middle;font-size:6px;font-weight:700}.coverage-label{color:var(--text-muted);font-size:.8em;font-weight:400;margin-top:var(--spacing-md);text-align:center}.dashboard-card.heatmap-card{min-height:0}.heatmap-body{padding:0!important;position:relative}.heatmap-iframe{border:none;border-radius:0 0 var(--radius-md) var(--radius-md);height:100%;width:100%}.chart-body-compact{height:100%;padding:var(--spacing-xs) var(--spacing-sm)!important}.issues-grid-compact{grid-gap:var(--spacing-sm);align-self:stretch;background:rgba(var(--bg-main-rgb),.6);border-radius:var(--radius-xl);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);padding:var(--spacing-sm)}.issue-item-compact{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;text-align:center}.issue-item-compact .issue-label{color:var(--text-secondary);font-size:9px;margin-bottom:2px;text-transform:uppercase}.dashboard-home .issue-label:hover{cursor:help}.issue-item-compact .issue-value{color:var(--color-primary);font-size:var(--font-md);font-weight:600}.issue-item-compact.clickable{cursor:pointer;transition:all .3s}.issue-item-compact.active .issue-label,.issue-item-compact.active .issue-value,.issue-item-compact.clickable:hover .issue-label,.issue-item-compact.clickable:hover .issue-value{color:var(--text-secondary)}.issue-detail-panel{background:rgba(var(--bg-main-rgb),.2);border-radius:var(--radius-lg);display:flex;flex:0 1;flex-direction:column;margin:0;min-height:0;opacity:0;overflow:hidden;transition:flex .4s ease,opacity .3s ease,margin-top .4s ease}.issue-detail-panel.expanded{flex:1 1;margin-top:var(--spacing-sm);opacity:1}.issue-detail-header{align-items:center;background:rgba(var(--bg-main-rgb),.4);color:var(--text-muted);display:flex;font-size:.6em;font-weight:600;justify-content:space-between;letter-spacing:.3px;padding:6px 10px;text-transform:uppercase}.issue-detail-close{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;line-height:1;padding:0}.issue-detail-close .material-symbols-rounded{font-size:16px}.issue-detail-close:hover{color:var(--text-primary)}.issue-detail-list{flex:1 1;min-height:0;overflow-y:auto}.issue-detail-row{align-items:baseline;border-bottom:1px solid var(--border-secondary);cursor:pointer;display:flex;font-size:11px;gap:8px;padding:5px 10px;transition:all .3s}.issue-detail-row:last-child{border-bottom:none}.issue-detail-row:hover{background:rgba(var(--bg-main-rgb),.3)!important}.issue-detail-account{color:var(--text-muted);font-weight:600;min-width:50px}.issue-detail-name{color:var(--text-primary);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.issue-detail-reason{color:var(--color-error);font-size:10px;white-space:nowrap}.dashboard-card.deliveries-card{min-height:0;overflow:hidden}.dashboard-card.deliveries-card .card-body{min-height:0;overflow-y:auto}.dashboard-card.standing-orders-card{min-height:0;overflow:hidden}.dashboard-card.standing-orders-card .card-body{min-height:0;overflow-y:auto}.dashboard-card.issues-card-compact{min-height:0}.dashboard-card.issues-card-compact .card-body{display:flex;flex-direction:column;min-height:0}.dashboard-card.issues-card-compact.widget-collapsed{min-height:0}.dashboard-card.spacer-card{border:none;box-shadow:none;flex:1 1;min-height:20px;opacity:0}.dashboard-card.spacer-card .card-body{padding:0}.deliveries-table thead,.standing-orders-table thead{background:#0000;position:-webkit-sticky;position:sticky;top:0;z-index:1}.deliveries-table table,.standing-orders-table table{background:#0000;border-collapse:collapse;margin-bottom:50px;width:100%}.deliveries-table th,.standing-orders-table th{background:var(--bg-main);color:var(--text-muted);font-size:8px!important;padding:var(--spacing-sm) var(--spacing-xs)}.deliveries-table th:first-child,.standing-orders-table th:first-child{border-top-left-radius:var(--radius-lg)}.deliveries-table th:last-child,.standing-orders-table th:last-child{border-top-right-radius:var(--radius-lg)}.deliveries-table td,.standing-orders-table td{border-bottom:1px solid var(--border-secondary);font-size:.8em;padding:var(--spacing-xs);text-align:left}.deliveries-table td:nth-child(4),.deliveries-table tr td:first-child{font-size:.7em}.deliveries-table th .transport{text-align:center}.deliveries-table td .transport{display:flex;flex-direction:column;font-size:.85em;gap:2px;text-align:center}.deliveries-table td .vehicle{color:rgba(var(--text-muted-rgb),.8);font-size:.85em;font-weight:600;text-transform:uppercase}.deliveries-table th:nth-child(2){width:22%}.deliveries-table td:nth-child(2){font-size:.75em;width:22%}.deliveries-table th.col-qty,.deliveries-table th:first-child,.standing-orders-table th.col-qty{text-align:center}.deliveries-table td.col-qty,.standing-orders-table td.col-qty{font-size:.7em!important;font-weight:600;text-align:center}.deliveries-table .rep{font-size:.75em;width:15%}.deliveries-table td.rep{color:var(--text-secondary)}.deliveries-table .col-mill{font-size:.7em;font-weight:600;text-align:center;text-transform:uppercase}.standing-orders-table tr td:first-child{font-size:.7em!important;width:30%}.standing-orders-table tr td:nth-child(2){font-size:.7em!important;width:35%}.standing-orders-table tr td:nth-child(3){font-size:.7em!important}.standing-orders-table td:has(.notes-value){min-width:85px}.standing-orders-table td .notes-value{color:var(--text-secondary);display:inline-block;font-size:.8em;font-style:italic;line-height:1.05em!important;padding-bottom:.2em!important;padding-top:.2em!important;white-space:normal}.standing-orders-table .col-interval{color:var(--text-secondary);text-align:center;white-space:nowrap}.standing-orders-table td.col-interval{font-size:.7em}.empty-state{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-xs);height:60px;justify-content:center}.clickable-name{cursor:pointer;transition:color .3s}.clickable-name:hover{color:var(--color-primary)}.data-source-icon{cursor:help;font-size:17px!important;margin-left:8px;opacity:.8;vertical-align:middle}@keyframes spinning{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinning{animation:spinning 1s linear infinite}.widget-wrapper{display:flex;flex-direction:column;min-height:0}.widget-collapse-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:4px;transition:color .3s}.widget-collapse-btn .material-symbols-rounded:hover{color:var(--color-primary)!important}.widget-collapse-btn .material-symbols-rounded{color:var(--text-secondary)!important;font-size:20px;transition:transform .4s cubic-bezier(.4,0,.2,1),color .3s;will-change:transform}.dashboard-card.widget-collapsed .widget-collapse-btn .material-symbols-rounded,.dashboard-card.widget-fading-out .widget-collapse-btn .material-symbols-rounded,.dashboard-card.widget-shrinking .widget-collapse-btn .material-symbols-rounded{transform:rotate(-180deg)}.dashboard-card.widget-fading-out .card-body{opacity:0;transition:opacity .4s ease-out}.dashboard-card.widget-shrinking .card-body{opacity:0;overflow:hidden!important}.dashboard-card.standing-orders-card:not(.widget-growing,.widget-fading-in){min-height:127px!important}.dashboard-card.widget-collapsed .card-body{flex:0 0!important;height:0!important;margin:0!important;max-height:0!important;min-height:0!important;opacity:0;overflow:hidden!important;padding:0!important}.dashboard-card.widget-collapsed .card-body *{min-height:0!important}.dashboard-card.widget-growing .card-body{opacity:0;overflow:hidden!important}.dashboard-card.widget-fading-in .card-body{transition:opacity .4s ease-out}.analog-clock{flex-direction:column;gap:16px;height:100%;min-height:0;overflow:hidden;width:100%}.analog-clock,.clock-face{align-items:center;display:flex}.clock-face{background:var(--bg-secondary);border-radius:50%;box-shadow:inset 4px 4px 8px rgba(var(--bg-deep-rgb),.1),inset -4px -4px 8px rgba(var(--text-primary-rgb),.03),6px 6px 12px rgba(var(--bg-deep-rgb),.15),-6px -6px 12px rgba(var(--text-primary-rgb),.02);container-type:inline-size;flex-shrink:0;justify-content:center;position:relative}.hour-marker{background:var(--text-muted);border-radius:2px;opacity:.5;position:absolute}.hour-marker.marker-12{background:var(--color-primary);height:6cqi;left:50%;opacity:1;top:10%;transform:translateX(-50%);width:2px}.hour-marker.marker-3{height:2px;right:10%;top:50%;transform:translateY(-50%);width:6cqi}.hour-marker.marker-6{bottom:10%;height:6cqi;left:50%;transform:translateX(-50%);width:2px}.hour-marker.marker-9{height:2px;left:10%;top:50%;transform:translateY(-50%);width:6cqi}.clock-hand{border-radius:20px;bottom:50%;left:50%;position:absolute;transform-origin:bottom center}.hour-hand{height:28cqi;margin-left:-1cqi;width:2cqi}.hour-hand,.minute-hand{background:var(--text-primary);border-radius:2px;box-shadow:0 1px 3px rgba(var(--bg-deep-rgb),.3)}.minute-hand{height:36cqi;margin-left:-.75cqi;width:1.5cqi}.second-hand{border-radius:1px;box-shadow:0 1px 2px rgba(var(--color-primary-rgb),.5);height:42cqi;margin-left:-.4cqi;width:.8cqi}.clock-center,.second-hand{background:var(--color-primary)}.clock-center{border:2px solid var(--bg-secondary);border-radius:50%;box-shadow:0 2px 6px rgba(var(--bg-deep-rgb),.2);height:8cqi;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8cqi;z-index:10}.digital-time{font-feature-settings:"tnum";background:var(--bg-main);border-radius:var(--radius-xl);color:var(--text-primary);font-size:.8em;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:1px;opacity:1;padding:var(--spacing-xs) var(--spacing-md);text-align:center;vertical-align:middle}.month-calendar{background:var(--bg-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;height:100%;padding:var(--spacing-sm);width:100%}.calendar-header{align-items:center;display:flex;justify-content:space-between;padding:0 0 var(--spacing-sm)}.calendar-title{font-size:var(--font-sm);font-weight:var(--font-semibold)}.calendar-nav,.calendar-title{color:var(--text-primary);padding:var(--spacing-xs)}.calendar-nav{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:var(--font-xs);justify-content:center;transition:all .2s}.calendar-nav:hover{background:var(--bg-secondary);color:var(--color-primary)}.calendar-weekdays{grid-gap:2px;display:grid;flex-shrink:0;gap:2px;grid-template-columns:repeat(7,1fr)}.calendar-weekdays>div{color:var(--text-muted);font-size:.45rem;font-weight:700;text-align:center;text-transform:uppercase}.calendar-days{grid-gap:1px;container-type:size;display:grid;flex:1 1;gap:1px;grid-auto-rows:1fr;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;background:var(--bg-deep);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:.55rem;font-weight:600;height:min(calc(100cqw/7 - 3.42857px),calc(100cqh/5 - 3.2px));justify-content:center;min-width:0;opacity:.7;place-self:center;transition:all .2s;width:min(calc(100cqw/7 - 3.42857px),calc(100cqh/5 - 3.2px))}.calendar-day:not(.empty):hover{opacity:1}.calendar-day.empty{background:#0000;cursor:default}.calendar-day.today{background:var(--color-primary);color:var(--bg-deep);font-weight:var(--font-bold);opacity:1}.calendar-day.today:hover{opacity:.7}.contact-popover{animation:popoverFadeIn .15s ease-out;background:var(--bg-tertiary);border-radius:var(--radius-md);box-shadow:0 0 48px rgba(var(--shadow-dark));font-size:11px;max-width:340px;min-width:240px;overflow:hidden;padding:var(--spacing-md)}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.popover-header{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.popover-type-icon{color:var(--color-primary);flex-shrink:0;font-size:20px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 30;margin-top:-2px}.popover-name{color:var(--text-primary);font-size:1em;font-weight:var(--font-semibold);line-height:1.2}.popover-type{color:var(--text-muted);font-size:.7em;letter-spacing:.3px;text-transform:uppercase}.popover-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;margin-left:auto;padding:2px}.popover-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.popover-close .material-symbols-rounded{font-size:18px}.popover-body{display:flex;flex-direction:column;gap:6px;padding:var(--spacing-sm) var(--spacing-md)}.popover-contact-row{align-items:flex-start;display:flex;gap:var(--spacing-sm)}.popover-row-icon{color:var(--text-muted);flex-shrink:0;font-size:14px;margin-top:1px}.popover-row-content{display:flex;flex-direction:column;min-width:0}.popover-row-label{color:var(--text-muted);font-size:.7em;letter-spacing:.3px;text-transform:uppercase}.popover-link{font-size:.95em;text-decoration:none;word-break:break-all}.popover-link.phone-link{color:var(--color-primary);font-weight:var(--font-medium)}.popover-link.phone-link:hover{text-decoration:underline}.popover-link.email-link{color:var(--text-secondary)}.popover-link.email-link:hover{color:var(--color-primary);text-decoration:underline}.popover-persons{border-top:1px solid var(--border-secondary);margin-top:4px;padding-top:6px}.popover-persons-label{color:var(--text-muted);font-size:.7em;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.popover-person{display:flex;flex-direction:column;gap:1px;padding:3px 0}.popover-person+.popover-person{border-top:1px solid var(--border-secondary);padding-top:4px}.popover-person-name{align-items:center;color:var(--text-primary);display:flex;font-size:.9em;font-weight:var(--font-medium);gap:4px}.person-email{font-size:.9em;padding-left:18px}.popover-loading{justify-content:center;padding:var(--spacing-lg)}.popover-empty,.popover-loading{align-items:center;color:var(--text-muted);display:flex}.popover-empty{font-size:.9em;gap:var(--spacing-sm);padding:var(--spacing-md)}.popover-empty .material-symbols-rounded{font-size:20px;opacity:.5}.popover-empty-detail{color:var(--text-muted);font-size:.9em;font-style:italic;padding:4px 0}.search-purchase-orders{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;z-index:1}.search-purchase-orders .search-header-inner button.btn-primary:hover{color:var(--bg-main)}.search-purchase-orders .filter-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 150px 100px 100px 70px!important}.purchase-orders-panel{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:var(--spacing-lg)}.purchase-orders-panel .table-toolbar .btn-sm{width:-webkit-max-content;width:max-content}.search-purchase-orders .checkbox-col{padding:var(--spacing-sm)!important;text-align:center;width:40px}.search-purchase-orders .checkbox-col .checkbox-label{align-items:center;display:flex;justify-content:center;margin:0;padding:0}.search-purchase-orders .checkbox-col .checkbox-custom{height:18px;width:18px}.search-purchase-orders .checkbox-col .checkbox-label input[type=checkbox]:checked~.checkbox-custom:after{font-size:12px;left:2px;top:0}.search-purchase-orders .purchase-orders-table td,.search-purchase-orders .purchase-orders-table th{padding:var(--spacing-xs) var(--spacing-sm)}.search-purchase-orders .purchase-orders-table tbody tr.selected{background:rgba(var(--color-primary-rgb),.08)}.search-purchase-orders .purchase-orders-table tbody tr.selected:hover{background:rgba(var(--color-primary-rgb),.12)}.purchase-orders-table .contact-link{color:var(--color-primary);font-weight:600;transition-duration:.3s}.purchase-orders-table .contact-link:hover{color:rgba(var(--color-primary-rgb),.7)}.search-purchase-orders .po-number-row{align-items:center;display:inline-flex;gap:6px}.search-purchase-orders .linked-so-badge{align-items:center;background:rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-sm);color:var(--color-primary);cursor:help;display:inline-flex;font-size:var(--font-xs);font-weight:var(--font-semibold);gap:2px;padding:1px 6px}.search-purchase-orders .linked-so-badge .material-symbols-rounded{font-size:14px}.search-purchase-orders .btn-disabled{cursor:not-allowed;opacity:.4}.search-purchase-orders .btn-disabled:hover{background-color:initial}.po-modal{height:90vh;max-width:1200px;width:95%}.po-modal .modal-header{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-lg) 7px var(--spacing-xl)}.po-modal .header-left{align-items:center;display:flex;gap:var(--spacing-md)}.po-modal .header-left h2{color:var(--text-primary);font-size:1em;font-weight:var(--font-semibold);margin:0}.po-modal .header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.po-modal .modal-body{max-height:calc(85vh - 150px);overflow-y:auto;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl)}.po-main-sections{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--spacing-lg)}.customer-section,.po-details-section,.supplier-section{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.customer-section h3,.po-details-section h3,.supplier-section h3{color:var(--text-primary);font-size:.9em;font-weight:var(--font-semibold);margin:0 0 var(--spacing-sm) 0}.customer-section .address-block,.supplier-section .address-block{background:#0000;border-radius:0;font-size:var(--font-sm);padding:0}.customer-section .address-block p,.supplier-section .address-block p{color:var(--text-primary);line-height:normal;margin:0}.customer-section .contact-name,.supplier-section .contact-name{color:var(--text-primary);font-weight:var(--font-semibold)}.po-details-grid{grid-gap:var(--spacing-sm) var(--spacing-md);display:grid;gap:var(--spacing-sm) var(--spacing-md);grid-template-columns:1fr 1fr 1fr;grid-template-rows:repeat(2,auto)}.po-details-grid .detail-row{display:flex;flex-direction:column;font-size:var(--font-sm);gap:2px}.po-details-grid .detail-row .label{color:var(--text-muted);font-size:.8em;font-weight:600;letter-spacing:.2px;text-transform:uppercase}.po-details-grid .detail-row .value{color:var(--text-primary);text-align:left}.delivery-address-section{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.delivery-address-section h3{color:var(--text-primary);font-size:.9em;font-weight:var(--font-semibold);margin:0 0 var(--spacing-md) 0}.delivery-address-section .address-block{background:#0000;border-radius:0;font-size:var(--font-sm);padding:0}.delivery-address-section .address-block p{color:var(--text-primary);line-height:1.5;margin:0}.delivery-address-section .address-block p:first-line{font-weight:700}.po-details-grid .instructions-text{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-sm);line-height:1.5;padding:var(--spacing-sm) var(--spacing-md)}.po-modal .linked-sos-section{border:1px solid var(--border-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-lg)}.po-modal .linked-sos-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-sm);font-weight:var(--font-semibold);gap:var(--spacing-xs);margin:0 0 var(--spacing-sm)}.po-modal .linked-sos-section h3 .material-symbols-rounded{color:var(--color-primary);font-size:18px}.po-modal .linked-so-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.po-modal .linked-so-chip{align-items:center;background:rgba(var(--bg-main-rgb),1);border:none;border-radius:var(--radius-lg);display:inline-flex;font-size:var(--font-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.po-modal .linked-so-chip.clickable{cursor:pointer;transition:all .15s ease}.po-modal .linked-so-chip.clickable:hover{background:rgba(var(--color-primary-rgb),.12)}.po-modal .linked-so-chip.clickable:hover .so-number{color:var(--color-primary)}.po-modal .linked-so-chip .so-number{color:var(--text-muted);font-size:.9em;font-weight:var(--font-semibold)}.po-modal .linked-so-chip .so-customer{color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;margin-right:100px}.po-modal .linked-so-chip .so-status{background:rgba(var(--text-primary-rgb),.5);border-radius:var(--radius-lg);color:var(--bg-main);font-size:.7em;font-weight:600;letter-spacing:.1px;padding:2px 8px;text-transform:uppercase}.po-modal .linked-so-chip .so-status.delivered{background:rgba(var(--color-success-rgb),.15);color:var(--color-success)}.po-modal .linked-so-chip .so-status.invoiced{background:rgba(var(--text-muted-rgb),.15);color:var(--text-muted)}.po-modal .line-items-section{margin:var(--spacing-xs) 0}.po-modal .line-items-section h3{color:var(--text-primary);font-size:.9em;font-weight:var(--font-semibold);margin-bottom:var(--spacing-md)}.po-modal .line-items-table{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-collapse:collapse;border-radius:var(--radius-lg);font-size:var(--font-sm);margin-bottom:var(--spacing-md);overflow:hidden;width:100%}.po-modal .line-items-table thead{background:var(--bg-tertiary)}.po-modal .line-items-table th{border-bottom:1px solid var(--border-secondary);color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-semibold);letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-transform:uppercase}.po-modal .line-items-table .po-haulier{width:15%!important}.po-modal .line-items-table th.text-right{text-align:right}.purchase.line-items-table tbody tr{border-bottom:1px solid var(--border-secondary);border-left:1px solid var(--border-secondary);border-right:1px solid var(--border-secondary);transition:background var(--transition-fast)}.po-modal .line-items-table td{color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);vertical-align:middle}.po-modal .line-items-table td.text-right{text-align:right}.po-modal .line-items-table td.no-items{color:var(--text-muted);padding:var(--spacing-lg);text-align:center}.po-modal .line-items-table .item-description{display:flex;flex-direction:column;gap:2px}.po-modal .line-items-table .item-code{color:var(--text-muted);font-size:var(--font-xs)}.po-modal .totals-section{border-top:2px solid var(--border-secondary);display:flex;justify-content:flex-end;margin-top:var(--spacing-md);padding-right:var(--spacing-md);padding-top:var(--spacing-md)}.po-modal .totals-grid{min-width:250px}.po-modal .totals-grid .total-row{display:flex;font-size:var(--font-sm);justify-content:space-between;padding:var(--spacing-xs) 0}.po-modal .totals-grid .total-row .label{color:var(--text-muted);font-weight:var(--font-medium)}.po-modal .totals-grid .total-row .value{color:var(--text-primary);text-align:right}.po-modal .totals-grid .total-row.total{border-top:2px solid var(--border-secondary);font-size:var(--font-lg);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.po-modal .totals-grid .total-row.total .label,.po-modal .totals-grid .total-row.total .value{color:var(--text-primary);font-weight:var(--font-bold)}.po-modal .modal-footer{background:var(--bg-tertiary);display:flex;gap:var(--spacing-md);justify-content:flex-start;padding:var(--spacing-xl)}@media (max-width:1200px){.po-main-sections{grid-template-columns:1fr 1fr}}@media (max-width:768px){.po-main-sections{grid-template-columns:1fr}.po-modal .modal-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.po-modal .header-actions{flex-wrap:wrap;width:100%}}.customer-order-modal{max-height:90vh;max-width:1400px;min-height:800px;width:95%}.customer-order-modal .modal-header{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-lg) 7px var(--spacing-xl)}.customer-order-modal .header-left{align-items:center;display:flex;gap:var(--spacing-md)}.customer-order-modal .header-left h2{color:var(--text-primary);font-size:1em;font-weight:var(--font-semibold);margin:0}.customer-order-modal .header-left .status-icons{align-items:center;display:inline-flex;gap:3px}.customer-order-modal .header-left .status-icons>.material-symbols-rounded{cursor:default;font-size:18px}.customer-order-modal .header-left .status-icons>.custom-icon{cursor:default;height:16px;margin-top:-2px;width:16px}.customer-order-modal .header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.customer-order-modal .modal-body{max-height:calc(90vh - 150px);overflow-y:auto;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl)}.customer-order-modal .modal-footer{background:var(--bg-tertiary);display:flex;gap:var(--spacing-md);justify-content:flex-start;padding:var(--spacing-xl)}.customer-order-modal .btn-slideout.supplied-set .icon-wrapper{color:var(--color-success)}.customer-order-modal .btn-slideout.disabled{cursor:not-allowed;opacity:.4}.customer-order-modal .btn-slideout.disabled:hover .btn-label{max-width:0;opacity:0;padding:0}.order-main-sections{margin:var(--spacing-sm) 0 var(--spacing-lg)}.order-details-section{border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.order-details-section h3{background:var(--bg-secondary);color:var(--text-muted);font-size:var(--font-md);font-weight:var(--font-medium);padding:0 var(--spacing-sm);position:relative;top:-20px;width:-webkit-fit-content;width:fit-content}.order-details-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr 1fr 2fr;margin:-20px 10px 10px}.order-details-grid .detail-row{display:flex;flex-direction:column;font-size:var(--font-sm);gap:var(--spacing-xs)}.order-details-grid .detail-row .label{color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.order-details-grid .detail-row .value{color:var(--text-primary)}.order-lines-section{margin-top:var(--spacing-lg)}.order-lines-section h3{color:var(--text-primary);font-size:var(--font-md);font-weight:var(--font-medium);margin-bottom:var(--spacing-md)}.order-lines-table{background:var(--bg-tertiary);border-collapse:collapse;border-radius:var(--radius-md);font-size:var(--font-sm);overflow:hidden;width:100%}.order-lines-table thead{background:var(--bg-secondary);border-bottom:none}.order-lines-table th{border-bottom:none;color:var(--text-primary);font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.5px;padding:var(--spacing-md);text-align:left;text-transform:uppercase}.order-lines-table tbody tr{border-bottom:1px dashed var(--border-secondary)}.order-lines-table tbody tr:last-of-type{border-bottom:none}.order-lines-table td{border-bottom:none;color:var(--text-primary);padding:var(--spacing-md)}.order-lines-table td.no-lines{color:var(--text-muted);padding:var(--spacing-xl);text-align:center}.customer-order-modal .order-lines-table .product-cell{display:flex;flex-direction:row;gap:2px}.customer-order-modal .order-lines-table .product-code{background-color:rgba(var(--text-primary-rgb),.8);border:none;border-radius:var(--radius-md);color:var(--bg-main);display:inline;font-size:.7em;font-weight:var(--font-semibold);margin-right:3px;padding:4px 6px;text-transform:uppercase}.customer-order-modal .order-lines-table .product-name-row{align-items:center;display:flex;gap:var(--spacing-sm)}.customer-order-modal .order-lines-table .product-name{color:var(--text-primary)}.customer-order-modal .order-lines-table .source-icon{align-items:center;border-radius:50%;cursor:help!important;display:inline-flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.customer-order-modal .order-lines-table .source-icon.contract{border:none;color:var(--color-primary)}.customer-order-modal .order-lines-table .source-icon.contract .material-symbols-rounded{font-size:20px;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 100,"opsz" 100}.customer-order-modal .order-lines-table .source-icon.inventory{border:none;color:var(--text-muted);font-size:11px}.customer-order-modal .order-lines-table .source-initial{font-size:10px;font-weight:var(--font-semibold)}.customer-order-modal .order-lines-table .actions-col{padding:var(--spacing-xs)!important;text-align:center;width:60px}.customer-order-modal .order-lines-table .additive-price{color:var(--text-muted);font-size:var(--font-xs);margin-top:var(--spacing-xs)}.customer-order-modal .order-lines-table .quantity{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.customer-order-modal .delivered-qty-badge{color:var(--color-primary);font-size:var(--font-xs);font-weight:var(--font-semibold)}.customer-order-modal .order-lines-table .currency{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.customer-order-modal .order-lines-table .total{font-weight:var(--font-medium)}.customer-order-modal .order-lines-table tfoot{background:var(--bg-secondary);border-top:1px solid var(--border-primary)}.customer-order-modal .order-lines-table tfoot .total-row td{color:var(--text-primary);font-size:var(--font-md);font-weight:var(--font-semibold);padding:var(--spacing-md)}.customer-order-modal .status-badge{border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.customer-order-modal .status-badge.draft{background:rgba(var(--text-muted-rgb),.15);color:var(--text-muted)}.customer-order-modal .status-badge.confirmed{background:rgba(var(--color-info-rgb),.15);color:var(--color-info)}.customer-order-modal .status-badge.processing{background:rgba(var(--color-warning-rgb),.15);color:var(--color-warning)}.customer-order-modal .status-badge.completed{background:rgba(var(--color-success-rgb),.15);color:var(--color-success)}.customer-order-modal .status-badge.cancelled{background:rgba(var(--color-error-rgb),.15);color:var(--color-error)}.customer-order-modal .status-badge.default{background:rgba(var(--text-muted-rgb),.1);color:var(--text-muted)}.customer-info-section{border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);padding:0 var(--spacing-sm)}.customer-info-section h3{color:var(--text-primary);font-size:var(--font-md);font-weight:var(--font-medium);padding:var(--spacing-md) 0 0}.customer-info-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;padding:0 0 var(--spacing-md)}.customer-info-grid .info-left{display:flex;flex-direction:column;gap:var(--spacing-md)}.customer-order-modal .customer-info-grid .info-right{display:inline-block;gap:var(--spacing-md)}.customer-info-grid .info-left .info-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.customer-info-grid .info-right .info-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.customer-info-grid .info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-order-modal .customer-info-grid .info-item.notes{border:.5px solid var(--color-primary);border-radius:var(--radius-md);min-height:70px;padding:var(--spacing-sm)}.customer-info-grid .info-label{color:var(--text-muted);font-size:var(--font-xs);letter-spacing:.5px;text-transform:uppercase}.customer-info-grid .info-label.highlight{color:var(--color-primary);font-weight:var(--font-medium)}.address-type-badge{background:rgba(var(--text-muted-rgb),.2);border-radius:var(--radius-sm);color:var(--text-muted);display:inline-block;font-size:9px;font-weight:var(--font-semibold);margin-left:var(--spacing-sm);padding:1px 4px;vertical-align:middle}.customer-info-grid .info-value.acc_no{background:rgba(var(--text-primary-rgb),.8);border-radius:var(--radius-sm);color:var(--bg-main);font-size:.7em;font-weight:600;padding:3px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.customer-info-grid .info-value.acc_no.not_set{background:rgba(var(--text-muted-rgb),.15);color:var(--text-muted)}.customer-info-grid .info-value{color:var(--text-primary);font-size:var(--font-sm);line-height:normal}.credit-status{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.credit-status.no-limit{background:rgba(var(--text-muted-rgb),.15);color:var(--text-muted)}.credit-status.under-limit{background:rgba(var(--color-success-rgb),.15);color:var(--color-success)}.credit-status.over-limit{background:rgba(var(--color-error-rgb),.15);color:var(--color-error)}.product-code-badge{background:var(--bg-secondary);color:var(--text-primary);font-weight:var(--font-semibold);padding:2px 6px}.product-code-badge,.source-badge{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-xs)}.source-badge{font-weight:var(--font-medium);padding:var(--spacing-xs) var(--spacing-sm)}.source-badge.contract{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.source-badge.inventory{background:var(--bg-secondary);color:var(--text-muted)}.customer-order-modal .order-lines-table .supplied-qty{color:var(--text-secondary)}.customer-order-modal .order-lines-table .supplied-qty .not-set{color:var(--text-muted);opacity:.5}.customer-order-modal .linked-orders-section{border:1px solid var(--border-secondary);border-radius:var(--radius-md);margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.customer-order-modal .linked-orders-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-sm);font-weight:var(--font-semibold);gap:var(--spacing-xs);margin:0 0 var(--spacing-md)}.customer-order-modal .linked-orders-section h3 .material-symbols-rounded{color:var(--color-primary);font-size:18px}.customer-order-modal .linked-orders-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.customer-order-modal .linked-order-item{align-items:flex-start;display:flex;gap:var(--spacing-md)}.customer-order-modal .linked-label{color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-semibold);letter-spacing:.5px;min-width:80px;padding-top:var(--spacing-xs);text-transform:uppercase}.customer-order-modal .linked-order-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.customer-order-modal .linked-order-link{align-items:center;background:rgba(var(--color-primary-rgb),.08);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:var(--font-sm);font-weight:var(--font-medium);gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);transition:all .15s ease}.customer-order-modal .linked-order-link:hover{background:rgba(var(--color-primary-rgb),.15);border-color:var(--color-primary)}.customer-order-modal .linked-customer{color:var(--text-secondary);font-size:var(--font-xs);font-weight:var(--font-normal)}.customer-order-modal .linked-order-chip-row{align-items:center;display:inline-flex;gap:4px}.customer-order-modal .linked-delete{opacity:.5;padding:2px!important;transition:opacity .15s ease}.customer-order-modal .linked-delete:hover{opacity:1}.customer-order-modal .linked-delete .material-symbols-rounded{font-size:16px}.additive-info{color:var(--text-muted);font-size:var(--font-xs);margin-top:var(--spacing-xs)}.po-lines-table .text-right,.text-right{text-align:right}.po-lines-table .text-center,.text-center{text-align:center}.purchase-orders-section{margin-top:var(--spacing-xl)}.purchase-orders-section h3{color:var(--text-primary);font-size:var(--font-md);font-weight:var(--font-medium);margin-bottom:var(--spacing-md)}.po-summary-table{background:var(--bg-tertiary);border-collapse:collapse;border-radius:var(--radius-md);font-size:var(--font-sm);overflow:hidden;width:100%}.po-summary-table thead{background:var(--bg-secondary)}.po-summary-table th{border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.5px;padding:var(--spacing-md);text-align:left;text-transform:uppercase}.po-summary-table tbody tr.po-row{border-bottom:1px solid var(--border-secondary)}.po-summary-table td{color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md)}.po-summary-table td.po-number{align-items:center;display:flex;padding:14px}.po-summary-table td.po-number p{background-color:rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--font-xs);font-weight:var(--font-medium);margin:auto 0;padding:3px 8px}.btn-expand{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.btn-expand:hover{background:var(--bg-secondary);color:var(--color-primary)}.btn-expand .material-symbols-rounded{font-size:20px}.sent-icon{font-size:18px}.sent-icon.sent{color:var(--color-success)}.sent-icon.not-sent{color:var(--text-muted)}.po-lines-row td{border-bottom:1px solid var(--border-primary);padding:0!important}.po-lines-container{background:rgba(var(--bg-secondary-rgb),.5);padding-bottom:var(--spacing-lg)}.po-lines-table{border-collapse:collapse;font-size:var(--font-xs);padding:var(--spacing-md);width:100%}.customer-order-modal tbody tr:hover:not(:disabled),.customer-order-modal thead tr:hover:not(:disabled){background-color:initial!important}.po-lines-table thead{background:var(--bg-secondary);border:none;padding:var(--spacing-sm)}.po-lines-table th{border:none;border-bottom:1px solid var(--border-secondary);color:var(--text-muted);font-weight:var(--font-medium);text-align:left}.po-lines-table td{background:rgba(var(--bg-tertiary-rgb),.5);color:var(--text-primary);padding:var(--spacing-md)!important}.po-number-badge{background:rgba(var(--color-primary-rgb),.15);border:none;border-radius:var(--radius-sm);color:var(--color-primary);display:inline-block;font-size:var(--font-xs);font-weight:600;padding:3px 8px 2px}button.po-number-badge.clickable{cursor:pointer;transition:all .15s ease}button.po-number-badge.clickable:hover{background:rgba(var(--color-primary-rgb),.25);transform:scale(1.03)}.customer-order-modal .status-badge.submitted{background:rgba(var(--color-info-rgb),.15);color:var(--color-info)}.customer-order-modal .status-badge.authorised{background:rgba(var(--color-success-rgb),.15);color:var(--color-success)}.customer-order-modal .status-badge.billed{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary)}.customer-order-modal .status-badge.deleted{background:rgba(var(--color-error-rgb),.15);color:var(--color-error)}.generate-invoice-modal .step-indicator{align-items:center;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl)}.generate-invoice-modal .step{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-xs);gap:var(--spacing-xs);transition:all .3s}.generate-invoice-modal .step:after{background:var(--border-secondary);content:"";height:1px;margin-left:var(--spacing-xs);width:25px}.generate-invoice-modal .step:last-child:after{display:none}.generate-invoice-modal .step.active{color:var(--color-primary)}.generate-invoice-modal .step.completed{color:var(--color-success)}.generate-invoice-modal .step-number{align-items:center;background:var(--bg-tertiary);border:1px solid var(--text-muted);border-radius:50%;color:var(--text-primary);display:inline-flex;font-size:var(--font-xs);font-weight:var(--font-semibold);height:20px;justify-content:center;margin:auto 2px auto 0;padding:12px;width:20px}.generate-invoice-modal .step.active .step-number{background:rgba(var(--color-primary-rgb),.15);border-color:var(--color-primary);color:var(--color-primary)}.generate-invoice-modal .step.completed .step-number{background:rgba(var(--color-success-rgb),.15);border-color:var(--color-success);color:var(--color-success)}.generate-invoice-modal .step-label{color:var(--text-primary);font-size:var(--font-md);font-weight:var(--font-medium);opacity:1;text-align:center;width:auto}.generate-invoice-modal .check-step{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:250px;padding:var(--spacing-xxl) var(--spacing-xl);text-align:center}.generate-invoice-modal .check-icon{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;width:64px}.generate-invoice-modal .check-icon .material-symbols-rounded{font-size:32px}.generate-invoice-modal .check-icon.warning{background:rgba(var(--color-warning-rgb),.15);color:var(--color-warning)}.generate-invoice-modal .check-icon.info{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary)}.generate-invoice-modal .check-icon.success{background:rgba(var(--color-success-rgb),.15);color:var(--color-success)}.generate-invoice-modal .check-icon.error{background:rgba(var(--color-error-rgb),.15);color:var(--color-error)}.generate-invoice-modal .check-step h3{color:var(--text-primary);font-size:1.1em;margin:0}.generate-invoice-modal .check-step p{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5;margin:0;max-width:400px}.generate-invoice-modal .check-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.modal-content.generate-invoice-modal{max-width:1100px}.generate-invoice-modal .invoice-preview{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl)}.generate-invoice-modal .preview-header{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg)}.generate-invoice-modal .preview-details-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.generate-invoice-modal .detail-item{display:flex;flex-direction:column;gap:2px}.generate-invoice-modal .detail-item label{color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-semibold);letter-spacing:.3px;text-transform:uppercase}.generate-invoice-modal .detail-item span{color:var(--text-primary);font-size:var(--font-sm)}.generate-invoice-modal .preview-lines .table-wrapper{background:#0000;border:none;overflow:visible}.generate-invoice-modal .order-lines-table .product-cell{display:flex;flex-direction:row;gap:2px}.generate-invoice-modal .order-lines-table .product-code{background-color:rgba(var(--bg-secondary-rgb),1);border:none;color:var(--text-muted);display:inline;font-size:.7em;font-weight:var(--font-semibold);padding:4px 6px;text-transform:uppercase}.generate-invoice-modal .order-lines-table .product-name{color:var(--text-primary)}.generate-invoice-modal .order-lines-table .currency,.generate-invoice-modal .order-lines-table .quantity{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.generate-invoice-modal .order-lines-table .total{font-weight:var(--font-medium)}.generate-invoice-modal .delivered-qty-badge{color:var(--color-primary);font-size:var(--font-xs);font-weight:var(--font-semibold)}.generate-invoice-modal .order-lines-table tfoot{background:var(--bg-secondary);border-top:1px solid var(--border-primary)}.generate-invoice-modal .order-lines-table tfoot .total-row td{color:var(--text-primary);font-size:var(--font-md);font-weight:var(--font-semibold);padding:var(--spacing-md)}.generate-invoice-modal .account-code-display{align-items:center;display:inline-flex;font-size:var(--font-sm);gap:var(--spacing-xs)}.generate-invoice-modal .btn-edit-code{padding:0!important}.generate-invoice-modal .btn-edit-code .material-symbols-rounded{font-size:14px!important}.generate-invoice-modal .order-lines-table tbody tr:hover,.generate-invoice-modal .order-lines-table thead tr:hover{background-color:initial!important}.generate-invoice-modal .generate-invoice-footer{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.generate-invoice-modal .generate-invoice-footer .preview-notes{padding:0}.generate-invoice-modal .footer-actions{display:flex;justify-content:space-between}.generate-invoice-modal .result-step{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:250px;padding:var(--spacing-xxl) var(--spacing-xl);text-align:center}.generate-invoice-modal .result-details{grid-gap:var(--spacing-md) var(--spacing-xl);display:grid;gap:var(--spacing-md) var(--spacing-xl);grid-template-columns:repeat(2,1fr);margin-top:var(--spacing-sm);text-align:left}.generate-invoice-modal .result-item{display:flex;flex-direction:column;gap:2px}.generate-invoice-modal .result-item label{color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-semibold);letter-spacing:.3px;text-transform:uppercase}.generate-invoice-modal .result-item span{color:var(--text-primary);font-size:var(--font-sm)}.generate-invoice-modal .invoice-number{color:var(--color-primary)!important;font-weight:var(--font-semibold)}.generate-invoice-modal .xero-status.synced{color:var(--color-success)!important}.generate-invoice-modal .xero-status.pending{color:var(--color-warning)!important}.generate-invoice-modal .searchable-dropdown{min-width:140px}@media (max-width:768px){.generate-invoice-modal .preview-details-grid{grid-template-columns:repeat(2,1fr)}.generate-invoice-modal .result-details{grid-template-columns:1fr}}.add-supplied-qty-modal .supplied-qty-content{display:flex;flex-direction:column;gap:0;padding:var(--spacing-lg) var(--spacing-xl)}.add-supplied-qty-modal .table-wrapper,.add-supplied-qty-modal .table-wrapper .data-table{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.add-supplied-qty-modal .table-wrapper{border:1px solid var(--border-secondary);border-top:none}.add-supplied-qty-modal .data-table tbody tr:last-of-type td,.add-supplied-qty-modal .table-wrapper .data-table thead,.add-supplied-qty-modal .table-wrapper .data-table thead th,.add-supplied-qty-modal .table-wrapper .data-table thead tr{border:none}.add-supplied-qty-modal .order-info{align-items:center;background:var(--text-muted);border:1px solid var(--border-secondary);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;font-size:var(--font-md);gap:var(--spacing-sm);padding:var(--spacing-md)}.add-supplied-qty-modal .order-info .order-number{color:var(--bg-main);font-weight:var(--font-semibold)}.add-supplied-qty-modal .order-info .customer-name{color:var(--bg-tertiary);font-size:var(--font-sm)}.add-supplied-qty-modal .product-code{display:inline-block;font-size:var(--font-xs);margin-right:var(--spacing-sm);padding:1px 6px}.add-supplied-qty-modal .btn-slideout.btn-slideout-primary .btn-label,.add-supplied-qty-modal .btn-slideout.btn-slideout-primary .material-symbols-rounded,.add-supplied-qty-modal .btn-slideout:hover:not(:disabled).btn-slideout-primary .btn-label,.add-supplied-qty-modal .btn-slideout:hover:not(:disabled).btn-slideout-primary .material-symbols-rounded{color:var(--color-primary)}.add-supplied-qty-modal .vehicle-col{min-width:140px;width:160px}.add-supplied-qty-modal .qty-input{width:87px}.add-supplied-qty-modal .qty-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15);outline:none}.add-supplied-qty-modal .imbalance-warning{display:flex;flex-direction:column;gap:var(--spacing-md)}.add-supplied-qty-modal .imbalance-header{align-items:center;color:var(--color-warning);display:flex;font-size:var(--font-lg);font-weight:var(--font-semibold);gap:var(--spacing-sm)}.add-supplied-qty-modal .imbalance-header .material-symbols-rounded{font-size:24px}.add-supplied-qty-modal .imbalance-warning p{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5;margin:0}.add-supplied-qty-modal .imbalance-details{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.add-supplied-qty-modal .imbalance-line{display:flex;flex-direction:column;gap:var(--spacing-xs)}.add-supplied-qty-modal .imbalance-line .product-name{color:var(--text-primary);font-weight:var(--font-medium)}.add-supplied-qty-modal .imbalance-breakdown{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--font-sm);gap:var(--spacing-sm) var(--spacing-md);padding-left:var(--spacing-md)}.add-supplied-qty-modal .imbalance-breakdown strong{color:var(--text-primary)}.add-supplied-qty-modal .imbalance-breakdown .unallocated{color:var(--color-warning);font-weight:var(--font-medium)}.add-supplied-qty-modal .imbalance-breakdown .over-allocated{color:var(--color-error);font-weight:var(--font-medium)}.add-supplied-qty-modal .imbalance-hint{color:var(--text-muted);font-size:var(--font-xs);font-style:italic}.split-order-modal .split-step{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl)}.split-order-modal .step-description{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5;margin:0}.split-order-modal .product-code{background:var(--bg-tertiary);border-radius:var(--radius-xs);color:var(--text-muted);display:inline-block;font-size:var(--font-xs);margin-right:var(--spacing-xs);padding:1px 6px}.split-order-modal .qty-input{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-sm);padding:var(--spacing-xs) var(--spacing-sm);text-align:right;width:100px}.split-order-modal .qty-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15);outline:none}.split-order-modal .remaining-positive{color:var(--color-warning);font-weight:var(--font-semibold)}.split-order-modal .split-allocation{border:1px solid var(--border-secondary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.split-order-modal .allocation-header{align-items:center;display:flex;justify-content:space-between}.split-order-modal .allocation-header h4{color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-semibold);margin:0}.split-order-modal .customer-selector{max-width:400px}.split-order-modal .add-customer-btn{align-items:center;align-self:flex-start;display:flex;gap:var(--spacing-xs)}.split-order-modal .unallocated-warning{align-items:center;background:rgba(var(--color-warning-rgb),.1);border:1px solid rgba(var(--color-warning-rgb),.3);border-radius:var(--radius-md);color:var(--color-warning);display:flex;font-size:var(--font-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.split-order-modal .review-section{border:1px solid var(--border-secondary);border-radius:var(--radius-md);overflow:hidden}.split-order-modal .review-section h4{align-items:center;background:var(--bg-tertiary);color:var(--text-primary);display:flex;font-size:var(--font-sm);font-weight:var(--font-semibold);gap:var(--spacing-xs);margin:0;padding:var(--spacing-sm) var(--spacing-md)}.split-order-modal .review-section h4 .material-symbols-rounded{color:var(--text-muted);font-size:18px}.split-order-modal .split-review h4 .material-symbols-rounded{color:var(--color-primary)}.split-order-modal .data-table.compact td,.split-order-modal .data-table.compact th{font-size:var(--font-sm);padding:var(--spacing-xs) var(--spacing-sm)}.split-order-modal .result-step{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:250px;padding:var(--spacing-xxl) var(--spacing-xl);text-align:center}.split-order-modal .check-icon{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;width:64px}.split-order-modal .check-icon .material-symbols-rounded{font-size:32px}.split-order-modal .check-icon.success{background:rgba(var(--color-success-rgb),.15);color:var(--color-success)}.split-order-modal .check-icon.error{background:rgba(var(--color-error-rgb),.15);color:var(--color-error)}.split-order-modal .result-details{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm);max-width:400px;text-align:left;width:100%}.split-order-modal .result-item{display:flex;flex-direction:column;gap:2px}.split-order-modal .result-item label{color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-semibold);letter-spacing:.3px;text-transform:uppercase}.split-order-modal .result-item span{color:var(--text-primary);font-size:var(--font-sm)}.split-order-modal .split-result-number{color:var(--color-primary)!important;font-weight:var(--font-semibold)}.split-order-modal .split-customer{color:var(--text-secondary)!important;font-family:var(--font-body);font-weight:var(--font-normal)}.split-order-modal .check-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.split-order-modal .result-step h3{margin:0}.split-order-modal .result-step p{color:var(--text-secondary);font-size:var(--font-sm);margin:0;max-width:400px}.credit-limit-management{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;z-index:1}.credit-limit-management .search-header-inner{text-align:right!important}.credit-limit-management .stats-summary{grid-gap:10px;display:grid;flex-shrink:0;gap:10px;grid-template-columns:repeat(4,1fr);padding:var(--spacing-sm) var(--spacing-lg)}.stat-card{background:var(--bg-light);border:1px solid var(--border-primary);border-radius:6px;padding:10px 14px}.stat-card.warning{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary)}.stat-card.warning .stat-label{color:var(--color-primary)}.stat-label{color:var(--text-secondary);font-size:11px;font-weight:600;margin-bottom:2px}.stat-value{color:var(--text-primary);font-size:16px;font-weight:700}.credit-limit-management .filters{align-items:center;display:flex;flex-shrink:0;gap:10px;padding:var(--spacing-sm) var(--spacing-lg)}.credit-limit-management .filter-label{color:var(--text-secondary);cursor:default;font-size:13px;margin-left:8px}.credit-content-panel{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:0 var(--spacing-lg) var(--spacing-lg)}.credit-content-panel .table-container{background:var(--surface-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:auto}.credit-table{border-collapse:collapse;font-size:13px;width:100%}.credit-table th.text-right{text-align:right}.credit-table th.text-center{text-align:center}.credit-table tbody tr.over-limit{background:rgba(var(--color-error-rgb),.1)}.credit-table tbody tr.over-limit:hover:not(:disabled){background:rgba(var(--color-error-rgb),.15)}.credit-table td{color:var(--text-primary);padding:14px 10px}.credit-table td.text-right{text-align:right}.credit-table td.text-center{text-align:center}.credit-table .loading-row,.credit-table .no-results{color:var(--text-secondary);padding:40px;text-align:center}.credit-table .loading-row i{margin-right:10px}.account-link,.company-link{color:var(--primary-color);cursor:pointer;font-weight:600}.account-link{background:rgba(var(--text-primary-rgb),.5);border-radius:var(--radius-lg);color:var(--bg-deep);font-size:.75em;font-weight:600;padding:2px 4px;width:-webkit-fit-content;width:fit-content}.account-link:hover:not(:disabled),.company-link:hover:not(:disabled){text-decoration:underline}.credit-amount{color:var(--color-success)}.exposure-amount{font-weight:600}.credit-table .utilization-cell{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr .5fr;min-width:160px;padding:14px 14px 14px 10px!important}.credit-table .utilization-bar{background:var(--bg-tertiary);border-radius:4px;height:4px;margin:auto 0;overflow:visible;position:relative}.credit-table .utilization-fill{border-radius:4px;height:100%;position:relative;transition:width .3s ease,background-color .3s ease}.credit-table .utilization-fill:after{background:linear-gradient(45deg,#c7c6c6,#fff);border-radius:50%;box-shadow:0 6px 7px rgba(var(--shadow-dark));content:"";height:12px;position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px}.credit-table .utilization-pct{display:block;font-size:11px;font-weight:600;margin:auto 0;text-align:center}.search-inventory{display:flex;flex-direction:column;height:100%;z-index:1}.search-inventory .search-header-inner button.btn-primary{margin-right:15px;padding:10px}.search-inventory .search-header-inner button.btn-primary:hover{color:var(--bg-main)}.search-inventory .search-header-inner button.btn-secondary{padding:10px}.search-inventory .modal-body{overflow:scroll}.search-inventory .search-filters{margin:0 var(--spacing-lg);padding:var(--spacing-xs) 0 var(--spacing-xs)}.search-inventory .filter-row{grid-template-columns:1fr 275px 275px 70px 80px}.search-inventory .filter-row .acc-code{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 5fr}.search-inventory .filter-row .acc-code .code{background:rgba(var(--text-muted-rgb),1);border-radius:var(--radius-lg);color:var(--bg-deep);font-size:.7em;font-weight:600;height:-webkit-fit-content;height:fit-content;letter-spacing:.2px;margin:0 auto;padding:2px 6px;width:-webkit-fit-content;width:fit-content}.search-inventory .pagination-controls{margin:var(--spacing-lg) var(--spacing-lg)!important}.inventory-table-container{border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;flex:1 1;flex-direction:column;margin:0 var(--spacing-lg) var(--spacing-lg);min-height:0;overflow:auto}.inventory-table{border-collapse:collapse;font-size:.9rem;width:100%}.inventory-table tbody td:not(:last-child){cursor:pointer}.inventory-table td:has(.item-code){text-align:left}.inventory-table td .item-code{background:rgba(var(--text-primary-rgb),.5);border-radius:var(--radius-lg);color:var(--bg-deep);font-size:.75em;font-weight:600;padding:2px 4px;width:-webkit-fit-content;width:fit-content}.inventory-table td.item-name{font-weight:500}.inventory-table td.description{color:rgba(var(--text-primary-rgb),.6);font-size:var(--font-md)}.inventory-table td.boolean-cell{text-align:center}.inventory-table td.boolean-cell .check{color:var(--color-success);font-size:1.2rem;vertical-align:middle}.inventory-table td.numeric{font-feature-settings:"tnum";font-size:.8rem;font-variant-numeric:tabular-nums;text-align:right}.inventory-table td.account-code{color:rgba(var(--text-primary-rgb),.6);font-size:var(--font-xs);font-weight:600;text-align:center}.inventory-table td.account-code .code{border:1px solid rgba(var(--text-primary-rgb),.6);border-radius:var(--radius-md);margin:0 auto;padding:var(--spacing-xs) var(--spacing-md);text-align:center;width:-webkit-fit-content;width:fit-content}.inventory-table td.status-col,.inventory-table th.status-col{text-align:center}.inventory-table .empty-cell,.inventory-table .loading-cell{color:var(--text-muted);padding:var(--spacing-xl);text-align:center}.inventory-table .loading-cell .spinning{margin-right:var(--spacing-sm);vertical-align:middle}.search-inventory .inventory-table tr td:not(:first-child,:last-child),.search-inventory .inventory-table tr th:not(:first-child,:last-child){min-width:0!important;padding-left:var(--spacing-xs);padding-right:var(--spacing-xs);width:auto!important}.search-inventory .inventory-table td.actions-col{align-content:center;justify-content:center}.search-inventory .inventory-table .actions-col button.btn-icon.btn-danger:hover{border-color:var(--color-error);color:var(--color-error)}.search-inventory .inventory-table .actions-col button.btn-icon:hover{border-color:var(--color-primary);color:var(--color-primary)}.item-modal .modal-header{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg)}.item-modal .modal-header h3{margin:0}.item-modal .item-details{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);padding:0 var(--spacing-xl) var(--spacing-xl)}.item-modal .detail-row{grid-gap:30px;display:grid;gap:30px}.item-modal .detail-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.item-modal .detail-group label{color:var(--text-muted);font-size:.6em;font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase}.item-modal .detail-value{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md)}.item-modal .detail-row.code-name{grid-template-columns:1fr 4fr;grid-template-rows:1fr}.item-modal .detail-row.description{grid-template-columns:5fr;grid-template-rows:1fr}.item-modal .detail-row.purchases,.item-modal .detail-row.sales{grid-template-columns:1fr 2fr 1fr;grid-template-rows:1fr}.item-modal .detail-row.description .detail-value{min-height:60px}.search-inventory .modal-body{max-height:75vh;overflow-y:auto}.item-modal .detail-row.checkbox-toggles{align-items:center;border:none;color:var(--text-muted);display:flex;font-size:.65em;font-weight:600;justify-content:space-between;letter-spacing:.5px;margin:0 0 var(--spacing-md);padding:0;text-transform:uppercase}.item-modal .detail-row.checkbox-toggles>label{background:var(--bg-main);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg)}.item-modal .disabled-section{opacity:.4;pointer-events:none}.item-modal .account-badge{background:rgba(var(--text-muted-rgb),.8);border-radius:var(--radius-md);color:var(--bg-main);display:inline-block;flex-shrink:0;font-size:.75em;font-weight:600;padding:2px 5px}.item-modal .edit-form .required{color:var(--color-primary);font-size:var(--font-md);margin:-3px 0 0 2px;position:absolute}.contract-pricing{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;z-index:1}.contract-pricing .search-filters,.straights-pricing .search-filters{border:none}.contract-pricing .filter-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.contract-pricing .pagination-controls{margin:0 var(--spacing-lg)!important}.contract-content-panel{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:var(--spacing-lg)}.contract-pricing .table-container{border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;flex:1 1;flex-direction:column;margin:var(--spacing-lg);min-height:0;overflow:auto}.contract-pricing .filter-row{grid-template-columns:1fr 135px 195px 150px 90px 70px}.blends-pricing .data-table>thead tr th:first-child{width:40px}.blends-pricing .data-table>thead tr th:nth-child(2){width:30px}.blends-pricing .data-table>tbody tr td:nth-child(3) .name-with-badge{min-width:110px}.blends-pricing .data-table>tbody tr td:nth-child(3) .account-badge-inline{min-width:45px;width:-webkit-fit-content;width:fit-content}.blends-pricing .data-table>thead tr th:nth-child(4){width:250px}.blends-pricing .data-table>thead tr th:nth-child(5){width:120px}.blends-pricing .data-table>thead tr th:nth-child(6){width:100px}.blends-pricing .data-table>thead tr th:nth-child(7){width:150px}.blends-pricing .data-table>thead tr th:nth-child(10),.blends-pricing .data-table>thead tr th:nth-child(8),.blends-pricing .data-table>thead tr th:nth-child(9){width:60px}.blends-pricing .data-table>tbody tr td:nth-child(11){white-space:nowrap}.blends-pricing .data-table>thead tr th:last-child{width:100px}.contract-pricing .data-table tbody tr.sub-row td{padding:3px var(--spacing-md)!important}.contract-pricing .loading{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-sm);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xl)}.compound-pricing.modal-container .modal-body{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl)}.compound-pricing.modal-container .dropdown-menu{max-height:200px}.compound-pricing.modal-container .form-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);padding-bottom:var(--spacing-lg)}.compound-pricing.modal-container .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.compound-pricing.modal-container .form-group.full-width{grid-column:1/-1}.compound-pricing.modal-container .form-row-4{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.compound-pricing.modal-container .form-group label{color:var(--text-muted);font-size:var(--font-xs);letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.compound-pricing.modal-container .address-line,.compound-pricing.modal-container .product-code,.contract-pricing .data-table td .delivery-address,.contract-pricing .matrix-table td .delivery-address,.straights-pricing .data-table td .delivery-address,.straights-pricing .matrix-table td .delivery-address{color:var(--text-muted);font-size:var(--font-xs);margin-top:2px}.form-group .address-line{color:var(--text-muted);font-size:.8em}.contract-pricing .data-table td .product-code,.contract-pricing .matrix-table td .product-code,.straights-pricing .data-table td .product-code,.straights-pricing .matrix-table td .product-code{background-color:rgba(var(--text-primary-rgb),.1);border:none;border-radius:var(--radius-xl);color:var(--text-primary);display:inline-block;font-size:.7em;font-weight:600;letter-spacing:.2px;margin:3px 0 -3px;padding:3px 6px}.compound-pricing.modal-container .price,.contract-pricing .data-table td .price{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:var(--font-medium)}.compound-pricing.modal-container .cost,.contract-pricing .data-table td .cost{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--font-xs);font-variant-numeric:tabular-nums;margin-top:2px}.btn-hold:hover .btn-label,.btn-hold:hover .material-symbols-rounded{color:rgba(var(--color-warning-rgb),1)!important}.btn-unhold:hover .btn-label,.btn-unhold:hover .material-symbols-rounded{color:rgba(var(--color-success-rgb),1)!important}.hold-badge{background:rgba(var(--color-primary-rgb),.15);border:.8px solid rgba(var(--color-primary-rgb),.5);border-radius:10px;color:var(--color-primary)}.draft-badge,.hold-badge{display:inline-block;font-size:.65em;font-weight:600;margin-left:4px;padding:2px 5px;white-space:nowrap}.draft-badge{background:rgba(var(--text-primary-rgb),.15);border:.8px solid rgba(var(--text-primary-rgb),.25);border-radius:10px;color:var(--text-primary)}.fulfilled-badge{background:rgba(var(--color-success-rgb),.15);border:.8px solid rgba(var(--color-success-rgb),.5);border-radius:10px;color:var(--color-success)}.archived-badge,.fulfilled-badge{display:inline-block;font-size:.65em;font-weight:600;margin-left:0;padding:2px 5px;white-space:nowrap}.archived-badge{background:#80808026;background:rgba(var(--text-secondary-rgb,128,128,128),.15);border:.8px solid #80808080;border:.8px solid rgba(var(--text-secondary-rgb,128,128,128),.5);border-radius:10px;color:var(--text-secondary)}.data-table tbody tr.archived,.data-table tbody tr.archived+tr.expanded-content{opacity:.6}.btn-slideout.draft-toggle-btn.active .btn-label,.btn-slideout.draft-toggle-btn.active .material-symbols-rounded{color:var(--color-info)!important}.btn-slideout.draft-toggle-btn.active{background:rgba(var(--color-info-rgb),.06);border-color:rgba(var(--color-info-rgb),.4)}.data-table tr.sub-row.on-hold>td{opacity:.55}.data-table tr.expandable-row.expanded{background:rgba(var(--bg-main-rgb),.85)}.data-table tr.expandable-row.expanded:hover{background:rgba(var(--bg-main-rgb),.95)}.btn-icon.btn-disabled{cursor:not-allowed;opacity:.35}.data-table tr.expandable-row .group-placeholder{color:var(--text-muted)!important;font-style:italic}.period-badge{border:.8px solid var(--border-secondary);border-radius:var(--radius-xl);display:inline-block;font-size:.75em;font-weight:600;margin:2px;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.period-badge.winter{background:#161616b3;border-color:rgba(var(--text-primary-rgb),.25);color:rgba(var(--text-primary-rgb),.8)}.period-badge.summer{background:#f2ae0026;border-color:#f2ae00;color:#f2ae00}[data-theme=light] .period-badge.winter{background:#131313e6;border-color:#131313;color:#fff}[data-theme=light] .period-badge.summer{background:#f2ae00e6;border-color:#f2ae00;color:#fff}.period-current-icon{background:var(--bg-deep);border-radius:20px;color:var(--color-primary);font-size:16px!important;margin-left:-8px;margin-top:-14px;vertical-align:middle}.compound-pricing .searchable-dropdown .dropdown-trigger-text>span{gap:1px}.compound-pricing .product-select .searchable-dropdown .dropdown-menu{max-width:calc(100vw - 100px);min-width:450px}.compound-pricing .product-select .searchable-dropdown .dropdown-item-label{overflow:visible;text-overflow:clip;white-space:normal}.compound-pricing .product-select .searchable-dropdown .dropdown-trigger,.compound-pricing .supplier-select .searchable-dropdown .dropdown-trigger{height:38px;overflow:hidden}.form-group.additive-select .searchable-dropdown .dropdown-menu{max-width:calc(100vw - 100px);min-width:320px;width:-webkit-max-content;width:max-content}.btn-icon[title="Remove line"]{right:2px!important;top:2px!important}.compound-pricing .btn-full{margin:var(--spacing-md) auto!important}.compound-pricing.modal-container{display:flex;flex-direction:row;max-height:95vh;max-width:90vw;min-width:0;overflow:hidden;padding:0;width:auto}.compound-pricing .contract-panel-left{display:flex;flex-direction:column;flex-shrink:0;min-width:0;overflow:hidden;width:900px}.compound-pricing .contract-panel-right{background:var(--bg-secondary);border-left:1px solid #0000;display:flex;flex-direction:column;overflow:hidden;transition:width .4s cubic-bezier(.4,0,.2,1),border-color .2s ease;width:0}.compound-pricing .contract-panel-right.open{border-left-color:var(--border-secondary);width:580px}.compound-pricing .contract-panel-right .right-panel-inner{display:flex;flex-direction:column;height:100%;min-width:580px;opacity:0;transition:opacity .25s ease 0s}.compound-pricing .contract-panel-right.open .right-panel-inner{opacity:1;transition:opacity .25s ease .3s}.compound-pricing .right-panel-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;min-height:48px;padding:var(--spacing-xl) var(--spacing-lg) 10px var(--spacing-xl)}.compound-pricing .right-panel-header h3{font-size:var(--font-md);font-weight:var(--font-semibold);margin:0}.compound-pricing .right-panel-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:0 var(--spacing-xl) var(--spacing-lg) var(--spacing-xl)}.compound-pricing .history-table-wrapper{background:#0000;border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex:1 1;min-height:0;overflow-y:auto}.compound-pricing .history-table{background:var(--bg-tertiary);border-collapse:collapse;width:100%}.compound-pricing .history-table thead{background:rgba(var(--bg-main-rgb),1);position:-webkit-sticky;position:sticky;top:0;z-index:2}.compound-pricing .history-table th{border-bottom:1px solid var(--border-secondary);color:var(--text-muted);font-size:.6em;font-weight:var(--font-semibold);padding:var(--spacing-sm) var(--spacing-sm);text-align:left;text-transform:uppercase;white-space:nowrap}.compound-pricing .history-table th:first-child{border-top-left-radius:var(--radius-lg);padding-left:var(--spacing-md)}.compound-pricing .history-table th:last-child{border-top-right-radius:var(--radius-lg);padding-right:var(--spacing-md)}.compound-pricing .history-table tbody tr>td:first-child{padding-left:var(--spacing-md)}.compound-pricing .history-table tbody tr>td:last-child{padding-right:var(--spacing-md)}.compound-pricing .history-table td{border-bottom:1px solid var(--border-secondary);font-size:.65em;padding:var(--spacing-xs) var(--spacing-sm);vertical-align:top}.compound-pricing .history-table tbody tr:last-child td{border-bottom:none}.compound-pricing .history-table tr.current-contract{background:rgba(var(--color-primary-rgb),.08)}.compound-pricing .history-table tr.on-hold td{opacity:.5}.straights-pricing{--sticky-col-1-width:210px;--sticky-col-2-end:376px;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;z-index:1}.straights-pricing .filter-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 140px 220px 150px 90px 70px!important}.straights-panel{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:0 var(--spacing-lg) var(--spacing-lg)}.straights-pricing .data-table>thead tr th:first-child{width:40px}.straights-pricing .data-table>thead tr th:nth-child(2){width:30px}.straights-pricing .data-table>thead tr th:nth-child(3){width:250px}.straights-pricing .data-table>thead tr th:nth-child(6){width:110px}.straights-pricing .data-table>thead tr th:nth-child(7){width:100px}.straights-pricing .data-table>thead tr th:nth-child(8){width:130px}.straights-pricing .data-table>thead tr th:last-child{width:220px}.straights-pricing .line-items-table>thead tr th:first-child{width:360px}.straights-pricing .line-items-table>thead tr th:last-child{width:220px}.straights-pricing .line-items-table thead tr th{font-weight:600;padding:7px var(--spacing-md) 5px!important}.straights-pricing .line-items-table tbody tr td{padding:4px var(--spacing-md)!important}.straights-pricing .line-items-table tbody tr:last-child td{padding:4px var(--spacing-md) 7px!important}.address-line,.product-code{color:var(--text-muted);font-size:var(--font-xs);margin-top:2px}.loading{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-sm);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xl)}.search-layout{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}.search-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:var(--spacing-lg)}.search-header{display:grid;margin:0 var(--spacing-lg);padding:var(--spacing-lg) 0}.search-header-inner{align-items:end;display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:right}.search-header-inner .buttons.slideout{gap:var(--spacing-md)}.search-header-inner .buttons{display:flex;flex-wrap:nowrap;justify-content:flex-end;padding-left:var(--spacing-xl)}.search-header-inner .buttons button{white-space:nowrap}.search-filters{background-color:var(--background-secondary);flex-shrink:0;margin:0 var(--spacing-lg);padding:0}.filter-row{grid-gap:var(--spacing-md);align-items:end;display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-row.cols-2{grid-template-columns:repeat(2,1fr)}.filter-row.cols-3{grid-template-columns:repeat(3,1fr)}.filter-row.cols-4{grid-template-columns:repeat(4,1fr)}.filter-row.cols-6{grid-template-columns:repeat(6,1fr)}.tracking .filter-row{grid-template-columns:2.5fr .5fr .5fr .5fr}.tracking .filter-group button{margin-right:10px}.filter-group:has(.checkbox-container){align-items:center}.filter-group label{color:rgba(var(--text-primary-rgb),.6);display:block;font-size:var(--font-xs);font-weight:500;letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.filter-group .material-symbols-rounded{font-size:18px}.filter-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-md)}.filter-actions,.table-toolbar{align-items:center;gap:var(--spacing-sm)}.table-toolbar{grid-gap:var(--spacing-sm);display:grid;grid-template-columns:1fr 8fr;padding:0}.table-container{flex:1 1;min-height:0;overflow:auto}.table-container .loading{align-items:center;color:var(--text-muted);display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xl)}.loading .material-symbols-rounded{font-size:24px}.loading .material-symbols-rounded.spinning{animation:spin 1s linear infinite}.contract-pricing.mineral-pricing .search-filters .filter-row{display:grid;grid-template-columns:6fr .5fr!important}.contract-pricing.mineral-pricing .pagination-controls{margin:0 var(--spacing-lg)!important}.contract-pricing.mineral-pricing .table-container{margin-bottom:var(--spacing-lg)!important}.contract-pricing.mineral-pricing .modal-body .form-row{margin-bottom:var(--spacing-lg)}.contract-pricing.mineral-pricing .modal-header{margin:var(--spacing-lg) var(--spacing-lg);padding:15px 0}.contract-pricing.mineral-pricing .modal-container form{padding:0 var(--spacing-lg) 30px}.contract-pricing.additive-pricing .search-filters .filter-row{display:grid;grid-template-columns:1fr!important}.contract-pricing.additive-pricing .pagination-controls{margin:0 var(--spacing-lg)!important}.contract-pricing.additive-pricing .table-container{margin-bottom:var(--spacing-lg)!important}.contract-pricing.additive-pricing .modal-body .form-row{margin-bottom:var(--spacing-lg)}.contract-pricing.additive-pricing .modal-header{margin:var(--spacing-lg) var(--spacing-lg);padding:15px 0}.contract-pricing.additive-pricing .modal-container form{padding:0 var(--spacing-lg) 30px}.inventory-price-changes{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}.price-change-form{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);margin:0 var(--spacing-lg) var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.price-change-form-grid{grid-gap:var(--spacing-md);align-items:end;display:grid;gap:var(--spacing-md);grid-template-columns:2fr 1fr 1fr auto}.price-change-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.price-change-form .form-group label{color:var(--text-muted);font-size:var(--font-xs);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.price-change-form .form-actions{align-items:end;display:flex;gap:var(--spacing-sm)}.synced-badge{background:rgba(var(--color-success-rgb),.15);border:.8px solid rgba(var(--color-success-rgb),.5);border-radius:10px;color:var(--color-success)}.pending-badge,.synced-badge{display:inline-block;font-size:.65em;font-weight:600;letter-spacing:.4px;padding:2px 8px;text-transform:uppercase}.pending-badge{background:rgba(var(--color-warning-rgb),.15);border:.8px solid rgba(var(--color-warning-rgb),.5);border-radius:10px;color:var(--color-warning)}.inventory-price-changes .data-table tbody tr.synced{opacity:.6}.users-dashboard{background:rgba(var(--bg-main-rgb),.8);border-radius:var(--radius-xl);margin:auto;max-width:1400px;padding:20px;z-index:1}.users-dashboard .alert-banner{align-items:center;animation:usersDashSlideDown .3s ease-out;border:1px solid;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:14px 18px}@keyframes usersDashSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.users-dashboard .alert-banner .material-symbols-rounded{font-size:24px}.users-dashboard .alert-banner span:nth-child(2){flex:1 1;font-size:14px;font-weight:500}.users-dashboard .alert-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;opacity:.75;padding:4px;transition:background-color .2s}.users-dashboard .alert-close-btn:hover{opacity:1}.users-dashboard .alert-close-btn .material-symbols-rounded{font-size:20px}.users-dashboard .alert-success{border:1px solid var(--color-success);border-radius:var(--radius-lg);color:var(--color-success)}.users-dashboard .alert-error{border:1px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error)}.users-dashboard .alert-info{border:1px solid var(--color-primary);border-radius:var(--radius-lg);color:var(--color-primary)}.users-dashboard .users-header{padding:20px 10px}.users-dashboard .users-header h1{color:var(--text-primary);font-size:20px;margin:0 0 8px}.users-dashboard .users-subtitle{color:var(--text-secondary);font-size:13px;margin:0}.users-dashboard .users-section{background:rgba(var(--bg-main-rgb),.5);border:.8px solid var(--border-primary);border-radius:var(--radius-xl);margin:10px 0 0;padding:24px}.users-dashboard .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.users-dashboard .section-header h2{color:var(--text-primary);font-size:15px;margin:0}.users-dashboard .badge{border-radius:var(--radius-md);display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.users-dashboard .badge-warning{background:#0000;border:1px solid var(--color-warning);border-radius:var(--radius-lg);color:var(--color-warning)}.users-dashboard .badge-primary{background:#0000;border:1px solid var(--color-primary);border-radius:var(--radius-lg);color:var(--color-primary)}.users-dashboard .badge-secondary{background:#0000;border:1px solid var(--text-secondary);border-radius:var(--radius-lg);color:var(--text-primary)}.users-dashboard .table-container{border-radius:8px;overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:var(--bg-deep);border:none}.users-table th{border-bottom:none;color:var(--text-primary);font-size:.8em;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.users-table .centred{text-align:center}.users-table tbody tr{background:rgba(var(--bg-main-rgb),.2);border-bottom:1px solid var(--border-secondary);transition:background-color .2s}.users-table td{color:var(--text-primary);font-size:13px;padding:14px 16px}.users-table td strong{font-weight:600}.users-dashboard .action-buttons{display:flex;gap:8px}.users-dashboard .btn{border-radius:8px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.users-dashboard .btn:disabled{cursor:not-allowed;opacity:.5}.users-dashboard .btn-sm{border-radius:var(--radius-md);font-size:10px;padding:4px 8px 3px;transition:all .3s}.users-dashboard .btn-success{background:rgba(var(--bg-main-rgb),.2);border:1px solid rgba(var(--color-success-rgb),.6);color:var(--color-success)}.users-dashboard .btn-success:hover:not(:disabled){background:rgba(var(--bg-main-rgb),.8);border:1px solid rgba(var(--color-success-rgb),1)}.users-dashboard .btn-danger{background:rgba(var(--bg-main-rgb),.2);border:1px solid rgba(var(--color-error-rgb),.6);color:var(--color-error)}.users-dashboard .btn-danger:hover:not(:disabled){background:rgba(var(--bg-main-rgb),.8);border:1px solid rgba(var(--color-error-rgb),1)}.activity-dashboard:not(.nav-label){display:flex;flex-direction:column;height:100%;margin:0;min-height:0;overflow:hidden;padding:0;z-index:1}.activity-dashboard .search-header{border:none;flex-shrink:0}.activity-dashboard .filter-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:2fr 1fr 1fr 1fr 140px 140px 90px}.activity-dashboard .search-filters{border:none;flex-shrink:0}.activity-panel{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:var(--spacing-lg)}.activity-panel .table-toolbar{margin-bottom:var(--spacing-sm)}.activity-panel .table-container{background:rgba(var(--bg-main-rgb),.7);border-radius:var(--radius-xl);overflow:auto;padding:var(--spacing-lg)}.activity-table td{vertical-align:middle}.activity-table .activity-error{align-items:center;color:var(--color-error);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-xl)}.activity-table .activity-error .material-symbols-rounded{font-size:2.5rem;opacity:.6}.activity-dashboard .action-badge{border-radius:20px;display:inline-block;font-size:.7em;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.activity-dashboard .action-create{background:rgba(var(--color-success-rgb),.15);color:var(--color-success)}.activity-dashboard .action-update{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary)}.activity-dashboard .action-delete{background:rgba(var(--color-error-rgb),.15);color:var(--color-error)}.activity-dashboard .action-restore{background:rgba(var(--color-info-rgb),.15);color:var(--color-info)}.activity-dashboard .action-status{background:rgba(var(--color-warning-rgb),.15);color:var(--color-warning)}.activity-dashboard .action-email{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary)}.activity-dashboard .action-default{background:rgba(var(--text-primary-rgb),.1);color:var(--text-secondary)}.activity-dashboard .entry-entity-type{background:rgba(var(--text-muted-rgb),.15);border-radius:20px;color:var(--text-secondary);display:inline-block;font-size:.7em;font-weight:600;letter-spacing:.05em;padding:2px 10px;text-transform:uppercase;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.activity-dashboard .entry-identifier{color:var(--text-primary);font-weight:600}.activity-dashboard .entry-user-cell{align-items:center;color:var(--text-secondary);display:inline-flex;gap:var(--spacing-xs);white-space:nowrap}.activity-dashboard .entry-user-cell .material-symbols-rounded{font-size:16px}.activity-dashboard .changes-count{background:rgba(var(--bg-tertiary-rgb),.6);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-block;font-size:var(--font-xs);min-width:28px;padding:2px 8px;text-align:center}.activity-dashboard .activity-changes-wrapper{padding:var(--spacing-md) var(--spacing-lg)}.activity-dashboard .changes-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.activity-dashboard .change-item{grid-gap:var(--spacing-md);align-items:baseline;border-bottom:1px dashed var(--border-secondary);display:grid;gap:var(--spacing-md);grid-template-columns:minmax(160px,220px) 1fr;padding:var(--spacing-xs) 0}.activity-dashboard .change-item:last-child{border-bottom:none}.activity-dashboard .change-item .field-name{color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.activity-dashboard .field-values{align-items:baseline;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:var(--font-sm);gap:var(--spacing-sm)}.activity-dashboard .field-values .old-value{color:var(--text-muted);text-decoration:line-through}.activity-dashboard .field-values .new-value{color:var(--text-primary);font-weight:500}.activity-dashboard .field-values .arrow{color:var(--text-muted)}.activity-dashboard .field-values .null-value,.activity-dashboard .no-changes{color:var(--text-muted);font-style:italic}.activity-dashboard .no-changes{font-size:var(--font-sm);padding:var(--spacing-md) 0}.activity-dashboard .loading-fade{opacity:.5;pointer-events:none;transition:opacity .15s ease-in-out}@media (max-width:1280px){.activity-dashboard .filter-row{grid-template-columns:2fr 1fr 1fr}}.customer-order-container{display:flex;flex-direction:column;height:100%;overflow:hidden;z-index:1}.customer-order-container>.page-header{flex-shrink:0}.customer-order-container>.page-scroll-content{flex:1 1;min-height:0;overflow-y:auto}.customer-order-container h2{color:var(--text-primary);font-size:var(--font-xl);font-weight:600;margin-bottom:var(--spacing-lg)}.customer-order-container .page-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-xs)}.customer-order-container .section{padding:var(--spacing-sm) var(--spacing-lg)}.customer-order-container .section-title{color:var(--text-secondary);font-size:var(--font-sm);font-weight:500;letter-spacing:.5px;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);text-transform:uppercase}.customer-order-container .form-row{align-items:flex-end;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.customer-order-container .form-group{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.customer-order-container .form-group.narrow{flex:0 0 150px}.customer-order-container .form-group.wide{flex:2 1}.customer-order-container .form-group.auto{flex:0 0 auto}.customer-order-container .form-group label{color:var(--text-secondary);font-size:var(--font-sm);font-weight:500}.customer-order-container button.btn-round.view-cust{margin-top:-4px;scale:.85}.customer-order-container .section.customer-selection{padding:0 var(--spacing-lg) 0}.customer-order-container .section.customer-selection .form-row{align-items:flex-start;display:grid;grid-template-columns:1fr;margin:0}.customer-order-container .section.customer-selection .form-row:has(.customer-info-grid){align-items:flex-start;display:grid;grid-template-columns:1fr 1.5fr;margin:0}.customer-order-container .customer-info-grid{grid-gap:var(--spacing-md);border-radius:var(--radius-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1.5fr;margin-top:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-lg) 0}.customer-order-container .info-left{display:flex;flex-direction:column;gap:var(--spacing-md)}.customer-order-container .section.customer-selection .info-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.customer-order-container .info-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 2fr 1fr}.customer-order-container .info-right{grid-gap:var(--spacing-md);border-left:1px solid var(--border-color);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1.5fr;padding-left:var(--spacing-lg)}.customer-order-container .info-item{display:flex;flex-direction:column;gap:2px}.customer-order-container .info-item.notes .info-value{border:.5px solid var(--color-primary);border-radius:var(--radius-md);min-height:75px;padding:var(--spacing-sm)}.customer-order-container .info-label{color:var(--text-muted);font-size:var(--font-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.customer-order-container .info-label.highlight{color:var(--color-primary)}.customer-order-container .info-value{color:var(--text-primary);font-size:var(--font-sm)}.customer-order-container .credit-status{border-radius:var(--radius-sm);display:block;font-size:var(--font-xs);font-weight:600;padding:2px 8px;text-align:center;text-transform:uppercase;width:auto}.customer-order-container .credit-status.under-limit{border:1px solid var(--color-success);color:var(--color-success)}.customer-order-container .credit-status.over-limit{border:1px solid var(--color-error);color:var(--color-error)}.customer-order-container .credit-status.no-limit{border:1px solid var(--text-muted);color:var(--text-muted)}.customer-order-container .add-product-section{margin-top:var(--spacing-md)}.customer-order-container .product-tabs{display:flex;gap:0}.customer-order-container .product-tab{align-items:center;background:rgba(var(--bg-tertiary-rgb),.5);border:1px solid #0000;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--font-sm);font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.customer-order-container .product-tab.active,.customer-order-container .product-tab:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.customer-order-container .product-tab.active{border:1px solid var(--border-secondary);border-bottom:none;margin-bottom:-1px}.customer-order-container .product-tab .material-symbols-rounded{font-size:18px}.customer-order-container .add-products-tabbed{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);padding:var(--spacing-lg)}.customer-order-container .add-product-panel{display:flex;flex-direction:column;gap:var(--spacing-md)}.customer-order-container .panel-header{align-items:center;display:flex;gap:var(--spacing-md);max-width:200px}.customer-order-container .add-product-group{background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:0;padding:var(--spacing-lg)}.customer-order-container .add-product-group .inline{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:.5fr .5fr 1fr}.customer-order-container .add-product-group .inline h4{display:inline-block}.customer-order-container .add-product-group h4{border:1px solid var(--text-primary);border-radius:var(--radius-sm);color:var(--text-primary);display:inline-block;font-size:var(--font-xs);font-weight:600;margin-bottom:var(--spacing-lg);padding:4px 8px;text-transform:uppercase}.customer-order-container .product-input-row{align-items:center;display:flex;gap:var(--spacing-md)}.customer-order-container .product-input-row.wide{gap:var(--spacing-md)}.customer-order-container .product-select{flex:1 1;min-width:0}.customer-order-container .product-select.wide{flex:2 1}.customer-order-container .supplier-select{flex:1 1;min-width:200px}.customer-order-container .product-select .dropdown-wrapper,.customer-order-container .product-select .searchable-dropdown,.customer-order-container .supplier-select .searchable-dropdown{width:100%}.customer-order-container .product-select .searchable-dropdown .dropdown-menu,.customer-order-container .supplier-select .searchable-dropdown .dropdown-menu{max-width:calc(100vw - 100px);min-width:100%;width:-webkit-max-content;width:max-content}.customer-order-container .product-select .searchable-dropdown .dropdown-trigger,.customer-order-container .supplier-select .searchable-dropdown .dropdown-trigger{width:100%}.customer-order-container .product-select .searchable-dropdown .dropdown-item,.customer-order-container .supplier-select .searchable-dropdown .dropdown-item{white-space:nowrap}.customer-order-container .qty-input-wrapper{width:80px}.customer-order-container .qty-input-wrapper .input-wrapper{width:100%}.customer-order-container .qty-input-wrapper .styled-input{text-align:left}.customer-order-container .qty-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-transform:uppercase;width:75px}.customer-order-container .qty-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.customer-order-container .btn-add-icon{align-items:center;background:#0000;border:1px solid var(--text-muted);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;padding:var(--spacing-sm);transition:all .2s ease;width:36px}.customer-order-container .btn-add-icon:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.customer-order-container .btn-add-icon:disabled{cursor:not-allowed;opacity:.4}.customer-order-container .btn-add-icon .material-symbols-rounded{font-size:20px}.customer-order-container .btn-add{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--font-sm);font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.customer-order-container .btn-add:disabled{cursor:not-allowed;opacity:.5}.customer-order-container .order-lines-table{border-collapse:collapse;margin-top:var(--spacing-md);width:100%}.customer-order-container .order-lines-table th{background:var(--bg-tertiary);border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);text-align:left}.customer-order-container .order-lines-table th.text-right{text-align:right}.customer-order-container .order-lines-table th.text-center{text-align:center}.customer-order-container .order-lines-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md);vertical-align:middle}.customer-order-container .order-lines-table .supplier_name{color:var(--text-primary)}.customer-order-container .order-lines-table td.text-right{text-align:right}.customer-order-container .order-lines-table td.text-center{text-align:center}.customer-order-container .order-lines-table tbody tr:hover:not(:disabled){background:var(--bg-hover)}.customer-order-container .order-lines-table .product-name{font-weight:500}.customer-order-container .order-lines-table .additive-info{color:var(--accent);font-size:var(--font-xs);margin-top:2px}.customer-order-container .order-lines-table .action-buttons{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:center}.customer-order-container .order-lines-table .supplier-cell{display:flex;flex-direction:row;gap:4px}.customer-order-container .order-lines-table .supplier_acc{background:rgba(var(--text-muted-rgb),.8);border-radius:var(--radius-md);color:var(--bg-th);font-size:.65em;font-weight:600;padding:2px 5px;width:-webkit-fit-content;width:fit-content}.customer-order-container .order-lines-table .btn-icon.save:hover .material-symbols-rounded{color:var(--color-success)}.customer-order-container .order-lines-table .btn-icon.delete:hover .material-symbols-rounded{color:var(--color-error)}.customer-order-container .order-total{border:1px solid var(--border-primary);border-radius:var(--radius-md);display:flex;justify-content:flex-end;margin-top:var(--spacing-md);padding:var(--spacing-md)}.customer-order-container .order-total .total-label{color:var(--text-secondary);font-size:var(--font-md);font-weight:600;margin-right:var(--spacing-lg)}.customer-order-container .order-total .total-value{color:var(--text-primary);font-size:var(--font-lg);font-weight:700}.customer-order-container .empty-lines{color:var(--text-muted);font-style:italic;padding:var(--spacing-xl);text-align:center}.customer-order-container .form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg)}.customer-order-container .btn-primary:hover:not(:disabled):not(:disabled){background:rgba(var(--color-primary-rgb),.75)}.customer-order-container .btn-primary:disabled{cursor:not-allowed;opacity:.5}.customer-order-container .btn-secondary:hover:not(:disabled){background:rgba(var(--bg-tertiary-rgb),.75)}.customer-order-container .success-dialog-content{text-align:center}.customer-order-container .success-icon{color:var(--success);font-size:48px;margin-bottom:var(--spacing-md)}.customer-order-container .order-number-display{color:var(--accent-primary);font-size:var(--font-lg);font-weight:600;margin:var(--spacing-md) 0}.customer-order-container .success-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.customer-order-container .success-actions button{width:100%}.customer-order-container .restricted-edit-banner{align-items:flex-start;background:rgba(var(--color-warning-rgb),.1);border:1px solid var(--color-warning);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin:var(--spacing-md) var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.customer-order-container .restricted-edit-banner .material-symbols-rounded{color:var(--color-warning);flex-shrink:0;font-size:24px;margin-top:2px}.customer-order-container .restricted-edit-banner .banner-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-order-container .restricted-edit-banner .banner-content strong{color:var(--color-warning);font-size:var(--font-md);font-weight:600}.customer-order-container .restricted-edit-banner .banner-content p{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.4;margin:0}.search-customer-orders{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;z-index:1}.search-customer-orders .search-header h2{color:var(--text-primary);font-size:var(--font-xl);font-weight:var(--font-medium);margin:0}.search-customer-orders .filter-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 100px 100px 70px!important;margin-bottom:var(--spacing-md)}.search-customer-orders .filter-row.status-filters{grid-template-columns:repeat(6,1fr)!important;margin-bottom:var(--spacing-md)}.search-customer-orders .filter-actions{align-items:flex-end;display:flex;margin-top:var(--spacing-md)}.search-customer-orders .orders-panel{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:var(--spacing-lg)}.search-customer-orders .orders-panel .bulk-actions-bar{margin:-15px 0 10px}.search-customer-orders .orders-panel .pagination-controls{margin-bottom:-10px}.search-customer-orders .clickable-row{cursor:pointer;transition:background-color .15s ease}.search-customer-orders .clickable-row:hover{background-color:rgba(var(--text-muted-rgb),.05)}.search-customer-orders .clickable-name{align-items:center;color:var(--text-primary);display:flex;flex-direction:row;font-weight:500;gap:var(--spacing-sm);justify-content:start;width:-webkit-fit-content;width:fit-content}.search-customer-orders .clickable-name .account-no{background:rgba(var(--text-primary-rgb),.5);border-radius:var(--radius-lg);color:var(--bg-main);font-size:.67em;font-weight:600;letter-spacing:.2px;padding:2px 6px 3px;text-decoration:none;transition:all .3s}.search-customer-orders .clickable-name:hover{color:rgba(var(--color-primary-rgb),1)}.order-number-display{align-items:center;display:inline-flex;font-weight:var(--font-medium);gap:4px}.search-customer-orders .btn-disabled{cursor:not-allowed;opacity:.4}.search-customer-orders .btn-disabled:hover{background-color:initial}.account-no{color:var(--text-muted);font-size:var(--font-xs);margin-top:2px}.search-customer-orders .status-col{text-align:center}.search-customer-orders .status-icons{align-items:center;display:inline-flex;gap:2px;justify-content:center}.search-customer-orders .status-icons>.material-symbols-rounded{font-size:16px}.search-customer-orders .status-icons>.custom-icon{height:15px;margin-top:-1px;width:15px}.search-customer-orders .btn-icon.supplied-set .material-symbols-rounded{color:var(--color-success)}.search-customer-orders .delivered-qty-badge{color:var(--color-primary);font-size:var(--font-xs);font-weight:var(--font-semibold)}.currency{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.search-customer-orders .linked-icon{align-items:center;color:var(--color-primary);display:inline-flex}.search-customer-orders .linked-icon .material-symbols-rounded{font-size:16px}.search-customer-orders .checkbox-col{padding:var(--spacing-sm)!important;text-align:center;width:40px}.search-customer-orders .data-table tbody tr.selected{background:rgba(var(--color-primary-rgb),.08)}.search-customer-orders .data-table tbody tr.selected:hover{background:rgba(var(--color-primary-rgb),.12)}.price-orders .search-header{padding:calc(var(--spacing-lg) + 7px) 0 var(--spacing-lg)}.price-orders .price-buttons{align-items:center;display:flex;gap:16px}.price-orders .orders-panel{padding-top:var(--spacing-xs)}.unsaved-badge{align-items:center;animation:unsavedPulse 2s infinite;background:rgba(var(--color-warning-rgb),.1);border:1px solid var(--color-warning);border-radius:30px;color:var(--color-warning);display:flex;font-size:.6em;font-weight:600;gap:var(--spacing-xs);letter-spacing:.5px;margin-left:8px;padding:5px 8px;text-transform:uppercase}@keyframes unsavedPulse{0%,to{opacity:1}50%{opacity:.6}}.price-orders .filter-row{grid-template-columns:2.25fr .8fr .7fr .7fr .4fr!important}.price-orders .filter-row.status-filters{grid-template-columns:repeat(6,1fr)!important}.price-orders-table .order-row{cursor:pointer;transition:background-color .15s ease}.price-orders-table .order-row:hover{background:rgba(var(--bg-main-rgb),.2)}.price-orders-table .account-no{background-color:rgba(var(--bg-main-rgb),.8);border:none;color:var(--text-muted);display:flex;font-size:.7em;margin:4px 0 -3px -3px;padding:3px 6px;width:-webkit-fit-content;width:fit-content}.price-orders-table .order-row.expanded td{background:rgba(var(--bg-main-rgb),.4);border-bottom:none!important}.price-orders-table .expand-cell{text-align:center;width:40px}.price-orders-table .expand-cell .material-symbols-rounded{color:var(--text-secondary);font-size:20px;transition:transform .2s ease}.price-orders-table .order-row.expanded .expand-cell .material-symbols-rounded{transform:rotate(180deg)}.price-orders-table .order-number{font-weight:600}.price-orders .status-icons{align-items:center;display:inline-flex;gap:2px;justify-content:center}.price-orders .status-icons>.material-symbols-rounded{font-size:16px}.price-orders .status-icons>.custom-icon{height:16px;width:16px}.price-orders .price-orders-table .line-items-table{background-color:rgba(var(--bg-main-rgb),.45);border-collapse:collapse;font-size:.9em;margin:0;padding:0;width:100%}.price-orders-table .line-items-table thead,.price-orders-table .line-items-table thead tr{background-color:rgba(var(--bg-main-rgb),0)!important;border-bottom:none;border-top:none;font-size:inherit}.price-orders-table .line-items-table th{border-bottom:none;color:var(--text-muted);font-size:.9em;font-weight:500;letter-spacing:.5px;padding:8px 12px;text-align:left;text-transform:uppercase}.price-orders-table .line-items-table thead tr:has(th:nth-child(6)) th:first-child{width:30%}.price-orders-table .line-items-table thead tr:has(th:nth-child(6)) th:nth-child(2){width:10%}.price-orders-table .line-items-table thead tr:has(th:nth-child(6)) th:nth-child(3){width:8%}.price-orders-table .line-items-table thead tr:has(th:nth-child(6)) th:nth-child(4){width:8%}.price-orders-table .line-items-table tr:not(:last-of-type){border-bottom:1px dashed var(--border-secondary)}.price-orders-table .line-items-table td{border-bottom:none}.price-orders-table tr.line-items-row td:first-of-type{margin:0;padding:0}.price-orders-table tr.line-items-row td:not(td:first-of-type){padding:8px 12px!important}.price-orders-table tr.line-items-row tr.line-row td:first-of-type{padding-left:12px!important}.price-orders .line-items-table tr:hover{background-color:inherit}.price-orders .line-items-table td .line-input,.price-orders .line-items-table td .styled-input,.price-orders .line-items-table td input{font-size:.9em!important}.price-orders .line-items-table .product-code{background:rgba(var(--bg-tertiary-rgb),.5)!important;border:none!important;border-radius:4px!important;color:var(--text-secondary)!important;font-size:.8em!important;font-weight:700!important;padding:3px 8px!important}.price-orders .line-items-table .line-row{transition:background-color .2s ease}.price-orders .line-items-table .line-row.approved{border-left:5px solid var(--color-success)}.price-orders .line-items-table .line-row.rejected{border-left:5px solid var(--color-error)}.price-orders .line-items-table .line-row.approved td.price .line-input{border-bottom:1px solid var(--color-success)}.price-orders .line-items-table .line-row.rejected td.price .line-input{border-bottom:1px solid var(--color-error)}.price-orders .line-items-table .line-input{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:4px;color:var(--text-primary);padding:4px 8px;transition:border-color .15s ease;width:100%}.price-orders .line-items-table .line-input:focus{border-color:var(--primary-color);outline:none}.price-orders .line-items-table .line-input::-webkit-inner-spin-button,.price-orders .line-items-table .line-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.price-orders .line-items-table .line-input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;text-align:right}.price-orders .line-items-table select.line-input{cursor:pointer;text-align:left}.price-orders .line-items-table .tax-rate{color:var(--text-secondary);font-size:.8em;text-align:center}.price-orders .po-number{background:rgba(var(--bg-tertiary-rgb),.5);border-radius:4px;color:var(--text-secondary);font-size:.8em;font-weight:700;padding:3px 8px}.price-orders .actions-cell{display:flex;gap:4px;justify-content:center}.price-orders button.btn-icon.btn-approve,.price-orders button.btn-icon.btn-reject{background:#0000;border:1px solid #0000;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:var(--font-xs);padding:4px;transition:all .15s ease}.price-orders button.btn-icon.btn-approve:not(.active){color:var(--color-success)}.price-orders button.btn-icon.btn-reject:not(.active){color:var(--color-error)}.price-orders button.btn-icon.btn-approve.active:hover,.price-orders button.btn-icon.btn-reject.active:hover{background:#0000;border:none;box-shadow:none;cursor:not-allowed}.price-orders .btn-approve:hover:not(.active){background:rgba(var(--color-success-rgb),.1);border-color:var(--color-success);box-shadow:0 0 15px rgba(var(--color-success-rgb),.3);color:var(--color-success)}.price-orders .btn-reject:hover.btn-reject:not(.active){background:rgba(var(--color-error-rgb),.1);border-color:var(--color-error);box-shadow:0 0 15px rgba(var(--color-error-rgb),.3);color:var(--color-error)}.price-orders .btn-approve .material-symbols-rounded,.price-orders .btn-reject .material-symbols-rounded{border:1px solid #0000;font-size:18px}.expand-controls{display:flex;gap:8px;margin-bottom:8px}.price-orders .btn-small{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8em;gap:2px;margin:auto var(--spacing-sm) auto 0;transition:all .15s ease}.price-orders .btn-small:hover:not(:disabled){background-color:rgba(var(--bg-tertiary-rgb),.9);border-color:var(--text-muted);color:var(--text-primary)}.price-orders .btn-small:disabled{cursor:not-allowed;opacity:.5}.price-orders .btn-small .material-symbols-rounded{font-size:16px}.price-orders .btn-approve{border-color:var(--color-success);color:var(--color-success)}.price-orders .btn-approve:hover:not(:disabled){background:rgba(var(--color-success-rgb),.1)}.price-orders .btn-reject{border-color:var(--color-error);color:var(--color-error)}.price-orders .btn-reject:hover:not(:disabled){background:rgba(var(--color-error-rgb),.1)}.price-orders .bulk-actions{align-self:end;display:inline-block;gap:10px;margin:0 0 17px;text-align:right}.price-orders .bulk-actions .btn-secondary{font-size:var(--font-xs);font-weight:var(--font-semibold);margin:auto var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.price-orders .bulk-actions .btn-secondary .material-symbols-rounded{font-size:16px}.price-orders .bulk-actions .btn-secondary.approve{border:1px solid rgba(var(--color-success-rgb),.3);color:var(--color-success)}.price-orders .bulk-actions .approve.btn-secondary:hover:not(:disabled){background:rgba(var(--color-success-rgb),.1);border:1px solid var(--color-success)}.price-orders .bulk-actions .btn-secondary.unapprove{border:1px solid rgba(var(--color-warning-rgb),.3);color:var(--color-warning)}.price-orders .bulk-actions .unapprove.btn-secondary:hover:not(:disabled){background:rgba(var(--color-warning-rgb),.1);border:1px solid var(--color-warning)}.price-orders .line-items-table .currency,.price-orders .suggested-price-cell{text-align:right}.price-orders .suggestion-group{align-items:flex-end;display:flex;flex-direction:column;gap:3px}.price-orders .suggested-price-btn{background:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.3);border-radius:4px;color:var(--color-primary);cursor:pointer;font-size:.9em;font-weight:500;margin:0 auto;padding:4px 8px;transition:all .15s ease}.price-orders .suggested-price-btn:hover{background:rgba(var(--color-primary-rgb),.2);border-color:var(--color-primary)}.price-orders .suggested-price-btn.cost-margin{background:rgba(var(--color-warning-rgb),.1);border-color:rgba(var(--color-warning-rgb),.3);color:var(--color-warning)}.price-orders .suggested-price-btn.cost-margin:hover{background:rgba(var(--color-warning-rgb),.2);border-color:var(--color-warning)}.price-orders .suggestion-badge{background:rgba(var(--color-info-rgb),.1);border:1px solid rgba(var(--color-info-rgb),.3);border-radius:3px;color:var(--color-info);cursor:pointer;font-size:.7em;font-weight:600;margin:0 auto;padding:1px 6px;transition:all .15s ease}.price-orders .suggestion-badge:hover{background:rgba(var(--color-info-rgb),.2);border-color:var(--color-info)}.price-orders .request-price-btn{align-items:center;background:rgba(var(--color-error-rgb),.1);border:1px solid rgba(var(--color-error-rgb),.3);border-radius:4px;color:var(--color-error);cursor:pointer;display:flex;margin:0 auto;padding:4px 6px;transition:all .15s ease}.price-orders .request-price-btn:hover{background:rgba(var(--color-error-rgb),.2);border-color:var(--color-error)}.price-orders .request-price-btn.requested{background:rgba(var(--color-success-rgb),.1);border-color:rgba(var(--color-success-rgb),.3);color:var(--color-success)}.price-orders .request-price-btn.requested:hover{background:rgba(var(--color-success-rgb),.2);border-color:var(--color-success)}.price-orders .request-price-btn .material-symbols-rounded{font-size:16px}.price-orders .no-suggestion{color:var(--text-muted);font-size:.9em}.order-detail-modal .modal-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:16px;gap:8px;margin:0}.order-detail-modal .modal-header h2 .material-symbols-rounded{color:var(--color-primary);font-size:20px}.order-detail-modal .modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.order-detail-modal .loading-container{align-items:center;display:flex;justify-content:center;min-height:200px}.order-detail-modal .order-summary{background:rgba(var(--bg-tertiary-rgb),.7);border-radius:var(--radius-lg);display:flex;gap:50px;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);width:100%}.order-detail-modal .summary-item{display:flex;flex-direction:column;gap:2px}.order-detail-modal .summary-item .label{color:var(--text-muted);font-size:var(--font-xs);font-weight:600;letter-spacing:.3px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.order-detail-modal .summary-item .value:not(.status-badge){color:var(--text-primary);font-size:var(--font-sm);font-weight:500}.order-detail-modal .section{margin-bottom:20px}.order-detail-modal .section h3{color:var(--text-secondary);font-size:var(--font-xs);font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.order-detail-modal .table-wrapper{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.order-detail-modal .data-table{border-collapse:collapse;width:100%}.order-detail-modal .data-table th{border-bottom:1px solid var(--border-secondary);color:rgba(var(--text-primary-rgb),.6);font-size:var(--font-xs);font-weight:600;letter-spacing:.3px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-transform:uppercase;white-space:nowrap}.order-detail-modal .data-table th.text-right{text-align:right}.order-detail-modal .data-table td{border-bottom:1px solid var(--border-secondary);color:var(--text-primary);font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md);vertical-align:middle}.order-detail-modal .data-table td.text-right{text-align:right}.order-detail-modal .data-table tbody tr{transition:background var(--transition-fast)}.order-detail-modal .expandable-row{cursor:pointer}.order-detail-modal .expand-cell{text-align:center}.order-detail-modal .expand-icon{color:var(--text-muted);display:inline-block;font-size:12px;transition:transform .3s ease,color .2s ease}.order-detail-modal .expandable-row:hover .expand-icon{color:var(--color-primary)}.order-detail-modal .expand-icon.expanded{color:var(--color-primary);transform:rotate(180deg)}.order-detail-modal .expanded-content{height:0;overflow:hidden}.order-detail-modal .expanded-content.expanded{height:auto}.order-detail-modal .expanded-content td{border-bottom:none;padding:0}.order-detail-modal .expanded-content.expanded td{border-bottom:1px solid var(--border-primary)}.order-detail-modal .line-items-container{background:var(--bg-main);max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .2s ease,padding .3s ease}.order-detail-modal .expanded-content.expanded .line-items-container{max-height:2000px;opacity:1;padding:0}.order-detail-modal .no-lines{color:var(--text-muted);font-size:var(--font-sm);padding:var(--spacing-md);text-align:center}.order-detail-modal .line-items-table{background:var(--bg-secondary);border:none;border-collapse:collapse;border-radius:0;margin:0;overflow:hidden;padding:0;width:100%}.order-detail-modal .line-items-table th{background:var(--bg-tertiary);border-bottom:1px solid #0000;color:var(--text-muted);font-size:var(--font-xs);font-weight:600;letter-spacing:.3px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-transform:uppercase}.order-detail-modal .line-items-table th.text-right{text-align:right}.order-detail-modal .line-items-table td{border-bottom:1px solid var(--border-secondary);color:var(--text-secondary);font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md)}.order-detail-modal .line-items-table td.text-right{text-align:right}.order-detail-modal .line-items-table tbody tr:last-child td{border-bottom:none}.order-detail-modal .empty-state{color:var(--text-secondary);padding:40px;text-align:center}.price-request-email-modal .modal-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:16px;gap:8px;margin:0}.price-request-email-modal .modal-header h2 .material-symbols-rounded{color:var(--color-primary);font-size:20px}.price-request-email-modal .modal-body{max-height:60vh;overflow-y:auto;padding:20px 24px}.price-request-email-modal .email-form{display:flex;flex-direction:column;gap:14px}.price-request-email-modal .form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.price-request-email-modal .form-group{display:flex;flex-direction:column;gap:4px}.price-request-email-modal .form-group label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.price-request-email-modal .form-group input,.price-request-email-modal .form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:13px;padding:8px 12px;transition:border-color .2s}.price-request-email-modal .form-group input:focus,.price-request-email-modal .form-group textarea:focus{border-color:var(--color-primary);outline:none}.price-request-email-modal .form-group input.error{border-color:var(--color-error)}.price-request-email-modal .form-group textarea{min-height:120px;resize:vertical}.price-request-email-modal .field-hint{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:4px}.price-request-email-modal .field-hint.error{color:var(--color-error)}.price-request-email-modal .field-hint .material-symbols-rounded{font-size:14px}.price-request-email-modal .error-message{align-items:center;background:rgba(var(--color-error-rgb),.1);color:var(--color-error);display:flex;font-size:13px;gap:8px;padding:10px 24px}.price-request-email-modal .error-message .material-symbols-rounded{font-size:18px}.price-request-email-modal .already-requested-banner{align-items:center;background:rgba(var(--color-success-rgb),.1);border-bottom:1px solid rgba(var(--color-success-rgb),.2);color:var(--color-success);display:flex;font-size:13px;gap:8px;padding:10px 24px}.price-request-email-modal .already-requested-banner .material-symbols-rounded{font-size:18px}.price-request-email-modal .modal-footer{border-top:1px solid var(--border-primary);display:flex;gap:var(--spacing-md);justify-content:flex-start;padding:14px 24px}.bulk-price-request-modal{display:flex;flex-direction:column;max-height:92vh;max-width:1200px;width:95%}.bulk-price-request-modal .modal-body-loading{align-items:center;display:flex;justify-content:center;min-height:300px}.bulk-price-request-body{grid-gap:var(--spacing-lg);display:grid;flex:1 1;gap:var(--spacing-lg);grid-template-columns:280px 1fr;min-height:0;overflow:hidden;padding:var(--spacing-lg)}.bulk-price-request-modal .rep-stepper{border-right:1px solid var(--border-secondary);display:flex;flex-direction:column;gap:var(--spacing-xs);overflow-y:auto;padding-right:var(--spacing-md)}.bulk-price-request-modal .stepper-header{align-items:center;color:var(--text-muted);display:flex;font-size:.75em;font-weight:600;gap:var(--spacing-xs);justify-content:space-between;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.bulk-price-request-modal .unassigned-note{background:rgba(var(--color-warning-rgb),.15);border-radius:10px;color:var(--color-warning);font-size:.85em;font-weight:600;letter-spacing:0;padding:2px 6px;text-transform:none}.bulk-price-request-modal .stepper-item{align-items:flex-start;background:rgba(var(--bg-main-rgb),.3);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease}.bulk-price-request-modal .stepper-item:hover{background:rgba(var(--color-primary-rgb),.05);border-color:var(--color-primary)}.bulk-price-request-modal .stepper-item.active{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.bulk-price-request-modal .stepper-item.sent{background:rgba(var(--color-success-rgb),.05);border-color:rgba(var(--color-success-rgb),.4)}.bulk-price-request-modal .stepper-item.sent .stepper-icon{color:var(--color-success)}.bulk-price-request-modal .stepper-item.no-rep{border-style:dashed;opacity:.75}.bulk-price-request-modal .stepper-item.no-rep .stepper-icon{color:var(--color-warning)}.bulk-price-request-modal .stepper-icon{color:var(--text-muted);flex-shrink:0;font-size:22px;margin-top:2px}.bulk-price-request-modal .stepper-item.active .stepper-icon{color:var(--color-primary)}.bulk-price-request-modal .stepper-content{flex:1 1;min-width:0;overflow:hidden}.bulk-price-request-modal .rep-name{color:var(--text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-price-request-modal .rep-email{color:var(--text-secondary);font-size:.8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-price-request-modal .item-count{color:var(--text-muted);font-size:.75em;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.bulk-price-request-modal .email-editor{display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;padding-right:var(--spacing-sm)}.bulk-price-request-modal .sent-banner,.bulk-price-request-modal .warning-banner{align-items:center;border-radius:var(--radius-md);display:flex;font-size:.9em;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.bulk-price-request-modal .warning-banner{background:rgba(var(--color-warning-rgb),.1);border:1px solid rgba(var(--color-warning-rgb),.3);color:var(--color-warning)}.bulk-price-request-modal .sent-banner{background:rgba(var(--color-success-rgb),.1);border:1px solid rgba(var(--color-success-rgb),.3);color:var(--color-success)}.bulk-price-request-modal .form-row{display:flex;flex-direction:column;gap:var(--spacing-md)}.bulk-price-request-modal .form-row.two-col{flex-direction:row}.bulk-price-request-modal .form-row.two-col .form-group{flex:1 1;min-width:0}.bulk-price-request-modal .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.bulk-price-request-modal .form-group label{color:var(--text-secondary);font-size:.8em;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.bulk-price-request-modal .form-group input,.bulk-price-request-modal .form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.95em;padding:var(--spacing-sm) var(--spacing-md);resize:vertical;transition:border-color .15s ease}.bulk-price-request-modal .form-group input:focus,.bulk-price-request-modal .form-group textarea:focus{border-color:var(--color-primary);outline:none}.bulk-price-request-modal .form-group input.error{border-color:var(--color-error)}.bulk-price-request-modal .form-group input:disabled,.bulk-price-request-modal .form-group textarea:disabled{cursor:not-allowed;opacity:.6}.bulk-price-request-modal .items-preview{border:1px solid var(--border-secondary);border-radius:var(--radius-md);margin-top:var(--spacing-xs);overflow:hidden}.bulk-price-request-modal .items-preview-header{background:rgba(var(--bg-main-rgb),.3);border-bottom:1px solid var(--border-secondary);color:var(--text-muted);font-size:.75em;font-weight:600;letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase}.bulk-price-request-modal .items-preview-table{border-collapse:collapse;font-size:.85em;width:100%}.bulk-price-request-modal .items-preview-table th{background:rgba(var(--bg-main-rgb),.15);border-bottom:1px solid var(--border-secondary);color:var(--text-muted);font-size:.85em;font-weight:500;letter-spacing:.5px;padding:8px 12px;text-align:left;text-transform:uppercase}.bulk-price-request-modal .items-preview-table td{border-bottom:1px dashed var(--border-secondary);color:var(--text-primary);padding:8px 12px}.bulk-price-request-modal .items-preview-table tr:last-child td{border-bottom:none}.bulk-price-request-modal .items-preview-table tr.already-requested{background:rgba(var(--color-warning-rgb),.06)}.bulk-price-request-modal .items-preview-table .account-badge{color:var(--text-muted);font-weight:600}.bulk-price-request-modal .items-preview-table .account-badge,.bulk-price-request-modal .items-preview-table .product-code{background:rgba(var(--bg-tertiary-rgb),.5);border-radius:3px;display:inline-block;font-size:.85em;margin-left:6px;padding:1px 6px}.bulk-price-request-modal .items-preview-table .product-code{color:var(--text-secondary);font-weight:700}.bulk-price-request-modal .empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center}.bulk-price-request-modal .empty-state .material-symbols-rounded{color:var(--color-success);font-size:48px}.bulk-price-request-modal .error-message{align-items:center;background:rgba(var(--color-error-rgb),.1);border:1px solid rgba(var(--color-error-rgb),.3);border-radius:var(--radius-md);color:var(--color-error);display:flex;font-size:.9em;gap:var(--spacing-sm);margin:0 var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md)}.bulk-price-request-modal .modal-footer{border-top:1px solid var(--border-secondary);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.bulk-price-request-modal .material-symbols-rounded.spinning{animation:bulkPriceSpin 1s linear infinite}@keyframes bulkPriceSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.standing-orders:not(.nav-label){display:flex;flex-direction:column;height:100%;margin:0;min-height:0;padding:0 var(--spacing-sm) var(--spacing-sm);z-index:1}.standing-orders .search-header{border:none;flex-shrink:0;padding:calc(var(--spacing-lg) + 7px) 0 var(--spacing-lg)}.standing-orders .filter-row{display:grid;grid-template-columns:2.5fr 1fr 1fr .6fr .4fr}.standing-orders .search-filters{border:none;flex-shrink:0}.standing-orders-panel{display:flex;flex:1 1;flex-direction:column;margin:var(--spacing-md) var(--spacing-sm) 0;min-height:0;overflow:hidden}.standing-orders .table-container{flex:1 1;margin:var(--spacing-md);min-height:0;overflow:auto}.standing-orders .data-table{min-height:0}.standing-orders .data-table thead{border-bottom:1px solid var(--border-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:2}.standing-orders .data-table thead th{background:var(--bg-th)}.standing-orders .data-table .schedule-badge{border-radius:var(--radius-xl);display:inline-block;font-size:.7em;font-weight:500;padding:3px 6px;text-transform:uppercase}.standing-orders .data-table .schedule-badge.weekly{background:rgba(var(--color-primary-rgb),.25);color:var(--color-primary)}.standing-orders .data-table .schedule-badge.interval{background:rgba(var(--color-warning-rgb),.25);color:var(--color-warning)}[data-theme=light] .standing-orders .data-table .schedule-badge.weekly{background:var(--color-primary);color:var(--bg-deep)}[data-theme=light] .standing-orders .data-table .schedule-badge.interval{background:var(--color-warning);color:var(--bg-deep)}.standing-orders .data-table td .unmatched-code{background:var(--color-warning-bg);border-radius:var(--radius-xs);color:var(--color-warning);font-size:var(--font-xs);padding:2px 4px}.standing-orders .data-table td .delivery-address{color:var(--text-muted);font-size:var(--font-xs);margin-top:2px}.standing-orders-panel .data-table td .product-code{background-color:rgba(var(--text-primary-rgb),.1);border:none;border-radius:var(--radius-xl);color:var(--text-primary);display:inline-block;font-size:.7em;font-weight:600;letter-spacing:.2px;margin:3px 0 -3px -3px;padding:3px 6px}.standing-orders .data-table tr.inactive-row{opacity:.6}.standing-orders .data-table tr.inactive-row td{background:var(--bg-tertiary)}.standing-order-modal .modal-body{gap:var(--spacing-md);min-height:80vh;padding:0 var(--spacing-xl)}.standing-order-modal .modal-footer{bottom:0;left:0;position:absolute;right:0}.standing-order-modal .form-grid:first-child{grid-template-columns:1fr 1fr}.standing-order-modal .form-grid:nth-child(2){grid-template-columns:1fr 1fr 1fr 1fr 1fr}.standing-order-modal .form-grid:nth-child(3){grid-template-columns:1fr}.standing-order-modal .field-note{color:var(--text-muted);font-size:var(--font-xs);margin-top:2px}.standing-orders .table-toolbar{grid-gap:var(--spacing-md);display:grid;flex-shrink:0;gap:var(--spacing-md);grid-template-columns:1fr 8fr;padding:var(--spacing-sm) var(--spacing-md)}.standing-orders .table-toolbar .pagination-controls{padding:0!important}.standing-orders .po-lines-container{background:rgba(var(--bg-tertiary-rgb),.4);max-height:0;opacity:0;overflow:hidden;padding:0;transition:max-height .4s ease-out,opacity .3s ease-out,padding .3s ease-out}.standing-orders .expanded-content.expanded .po-lines-container{max-height:2000px;opacity:1;padding:0;transition:max-height .4s ease-in,opacity .3s ease-in .1s,padding .3s ease-in}.standing-orders .po-lines-table{background:#0000;border-collapse:collapse;margin-bottom:8px;width:100%}.standing-orders .po-lines-table th{background:rgba(var(--bg-secondary-rgb),.15)!important;border-bottom:1px solid var(--border-secondary);color:var(--text-secondary);font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-transform:uppercase;vertical-align:middle}.standing-orders .po-lines-table td{border-bottom:1px solid var(--border-secondary)!important;color:var(--text-primary);font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md)!important;vertical-align:middle}.standing-orders .po-lines-table tbody tr:hover{background:rgba(var(--bg-tertiary-rgb),.8)!important}.standing-orders .po-lines-table .po-number{color:var(--text-primary);font-weight:500}.standing-orders .po-lines-table .product-code{color:var(--text-muted);font-size:var(--font-xs);margin-top:2px}.prescriptions:not(.nav-label){display:flex;flex-direction:column;height:100%;margin:0;min-height:0;padding:0 var(--spacing-sm) var(--spacing-sm);z-index:1}.prescriptions .search-header{border:none;flex-shrink:0;padding:calc(var(--spacing-lg) + 7px) 0 var(--spacing-lg)}.prescriptions .filter-row{display:grid;grid-template-columns:2.5fr .8fr .5fr .4fr}.prescriptions .search-filters{border:none;flex-shrink:0}.prescriptions-panel{display:flex;flex:1 1;flex-direction:column;margin:var(--spacing-md) var(--spacing-sm) 0;min-height:0;overflow:hidden}.prescriptions .table-container{flex:1 1;margin:var(--spacing-md);min-height:0;overflow:auto}.prescriptions .data-table{min-height:0}.prescriptions .data-table thead{border-bottom:1px solid var(--border-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:2}.prescriptions .data-table thead th{background:var(--bg-th)}.prescriptions-panel .data-table td .product-code{background-color:rgba(var(--text-primary-rgb),.1);border:none;border-radius:var(--radius-xl);color:var(--text-primary);display:inline-block;font-size:.7em;font-weight:600;letter-spacing:.2px;margin:3px 0 -3px -3px;padding:3px 6px}.prescriptions-panel .remaining-tonnes{color:rgba(var(--text-primary-rgb),.6);font-size:var(--font-xs);margin-top:2px}.prescriptions .data-table tr.inactive-row{opacity:.6}.prescriptions .data-table tr.inactive-row td{background:var(--bg-tertiary)}.prescriptions .data-table tr.over-prescribed td{background:rgba(var(--color-error-rgb),.2)}.prescriptions .data-table tr.over-prescribed:hover td{background:rgba(var(--color-error-rgb),.3)}.prescriptions .data-table tr.over-prescribed td:first-child{box-shadow:inset 3px 0 0 0 var(--color-error)}.prescriptions .data-table .tonnes-cell{align-items:center;display:inline-flex;gap:6px;justify-content:flex-end}.prescriptions .data-table .over-prescribed-icon{color:var(--color-error);font-size:18px}.prescriptions .table-toolbar{grid-gap:var(--spacing-md);display:grid;flex-shrink:0;gap:var(--spacing-md);grid-template-columns:1fr 8fr;padding:var(--spacing-sm) var(--spacing-md)}.prescriptions .table-toolbar .pagination-controls{padding:0!important}.prescription-modal .modal-body{gap:var(--spacing-md);overflow-y:auto;padding:0 var(--spacing-xl)}.prescription-modal .modal-footer{bottom:0;left:0;position:-webkit-sticky;position:sticky;right:0}.prescription-modal .detail-section{margin-bottom:var(--spacing-lg)}.prescription-modal .detail-section h4{color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-semibold);letter-spacing:.5px;margin:0 0 var(--spacing-md);text-transform:uppercase}.prescription-modal .detail-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr 1fr}.prescription-modal .detail-item{display:flex;flex-direction:column;gap:2px}.prescription-modal .detail-label{color:var(--text-muted);font-size:var(--font-xs);font-weight:600;letter-spacing:.2px;text-transform:uppercase}.prescription-modal .detail-value{color:var(--text-primary);font-size:var(--font-sm)}.prescription-modal .detail-value.muted{color:var(--text-muted)}.prescription-modal .orders-table{border-collapse:collapse;margin-top:var(--spacing-sm);width:100%}.prescription-modal .orders-table th{background:rgba(var(--bg-secondary-rgb),.15);color:var(--text-secondary);font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.5px;text-align:left;text-transform:uppercase}.prescription-modal .orders-table td,.prescription-modal .orders-table th{border-bottom:1px solid var(--border-secondary);padding:var(--spacing-sm) var(--spacing-md)}.prescription-modal .orders-table td{color:var(--text-primary);font-size:var(--font-sm)}.prescription-modal .orders-table tbody tr:hover{background:rgba(var(--text-muted-rgb),.1)}.prescription-modal .summary-table{border-collapse:collapse;margin-top:var(--spacing-sm);width:100%}.prescription-modal .summary-table th{background:rgba(var(--bg-secondary-rgb),.15);color:var(--text-secondary);font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.5px;text-align:left;text-transform:uppercase}.prescription-modal .summary-table td,.prescription-modal .summary-table th{border-bottom:1px solid var(--border-secondary);padding:var(--spacing-sm) var(--spacing-md)}.prescription-modal .summary-table td{color:var(--text-primary);font-size:var(--font-sm)}.prescription-modal .summary-table tbody tr:hover{background:rgba(var(--text-muted-rgb),.1)}.prescription-modal .summary-table .over-expected{color:var(--color-error);font-weight:var(--font-semibold)}.prescription-modal .summary-table .under-expected{color:var(--color-success)}.prescription-modal .notes-section{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5;padding:var(--spacing-md);white-space:pre-wrap}.prescription-modal .no-data{color:var(--text-muted);font-size:var(--font-sm);font-style:italic;padding:var(--spacing-md) 0}.prescription-modal .tonnes-display{align-items:baseline;display:flex;gap:var(--spacing-xl)}.prescription-modal .tonnes-display .big-number{font-feature-settings:"tnum";color:var(--text-primary);font-size:1.5em;font-variant-numeric:tabular-nums;font-weight:var(--font-semibold)}.prescription-modal .tonnes-display .remaining-label{color:var(--text-muted);font-size:var(--font-sm)}.textarea-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);position:relative;width:100%}.textarea-icon{color:var(--text-muted);font-size:20px;left:var(--spacing-sm);pointer-events:none;position:absolute;top:var(--spacing-sm);z-index:1}.styled-textarea{background-color:var(--background-primary);border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:inherit;font-size:var(--font-md);line-height:1.5;padding:var(--spacing-sm);resize:vertical;transition:all .2s ease;width:100%}.styled-textarea.with-icon{padding-left:calc(var(--spacing-sm)*2 + 20px)}.styled-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1);outline:none}.styled-textarea:disabled{background-color:var(--background-secondary);cursor:not-allowed;opacity:.6}.styled-textarea::placeholder:not(:disabled){color:var(--text-muted);opacity:.5}.textarea-counter{color:var(--text-muted);font-size:var(--font-xs);margin-top:calc(var(--spacing-xs)*-1);text-align:right}.textarea-wrapper.error .styled-textarea{border-color:var(--error-color)}.textarea-wrapper.error .styled-textarea:focus{box-shadow:0 0 0 2px rgba(var(--error-color-rgb),.1)}.textarea-wrapper.success .styled-textarea{border-color:var(--success-color)}.textarea-wrapper.success .styled-textarea:focus{box-shadow:0 0 0 2px rgba(var(--success-color-rgb),.1)}.complaints:not(.nav-label){display:flex;flex-direction:column;height:100%;margin:0;min-height:0;padding:0 var(--spacing-sm) var(--spacing-sm);z-index:1}.complaints .search-header{border:none;flex-shrink:0;padding:calc(var(--spacing-lg) + 7px) 0 var(--spacing-lg)}.complaints .filter-row{display:grid;grid-template-columns:2.5fr .8fr .5fr .4fr}.complaints .search-filters{border:none;flex-shrink:0}.complaints-panel{display:flex;flex:1 1;flex-direction:column;margin:var(--spacing-md) var(--spacing-sm) 0;min-height:0;overflow:hidden}.complaints-panel .table-container{flex:1 1;margin:var(--spacing-md);min-height:0;overflow:auto}.complaints-panel .data-table{min-height:0}.complaints-panel .data-table thead{border-bottom:1px solid var(--border-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:2}.complaints-panel .data-table thead th{background:var(--bg-main)}.complaints-panel .data-table tbody td,.complaints-panel .data-table thead th{padding:var(--spacing-sm) var(--spacing-xs)}.complaints-panel .data-table tbody tr td:first-child{padding-left:10px}.complaints-panel .data-table thead tr th:first-child{max-width:80px;min-width:80px;width:80px}.complaints-panel .data-table tbody tr td:nth-child(2){font-size:.7em;white-space:nowrap}.complaints-panel .data-table tbody tr td .name-with-badge{max-width:185px;min-width:185px;width:185px}.complaints-panel .data-table tbody tr td .name-with-badge .account-badge-inline{min-width:40px}.complaints-panel .data-table tbody tr td .name-with-badge .contact-link{white-space:wrap}.complaints-panel .data-table tbody tr td:nth-child(4){padding:var(--spacing-sm);white-space:nowrap}.complaints-panel .data-table tbody tr td:nth-child(5),.complaints-panel .data-table tbody tr td:nth-child(6){padding:var(--spacing-sm)}.complaints-panel .data-table tbody tr td:nth-child(6)>div:first-child{white-space:nowrap}.complaints-panel .data-table tbody tr td:nth-child(7){padding:var(--spacing-sm)}.complaints-panel .data-table tbody tr td .ref-badge{background:var(--text-muted);border-radius:var(--radius-lg);color:var(--bg-deep);font-size:.65em;font-weight:600;letter-spacing:.2px;padding:3px 5px}.complaints .data-table .haulier-line{color:var(--text-muted);font-size:var(--font-xs);margin-top:2px}.complaints .data-table tr.inactive-row{opacity:.6}.complaints .data-table tr.inactive-row td{background:var(--bg-tertiary)}.complaints .table-toolbar{display:grid;flex-shrink:0;grid-template-columns:1fr;padding:0 var(--spacing-md);width:100%}.complaints .table-toolbar .pagination-controls{padding:0!important}.complaints-panel .data-table tbody tr td:first-child{position:relative}.complaints-panel .data-table tbody tr td:first-child:before{border-radius:var(--radius-md) 0 0 var(--radius-md);bottom:0;content:"";left:0;pointer-events:none;position:absolute;top:0;width:4px}.complaints-panel .data-table tbody tr:has(.status-badge.active) td:first-child:before,.complaints-panel .data-table tbody tr:has(.status-badge.open) td:first-child:before{background:var(--color-success)}.complaints-panel .data-table tbody tr:has(.status-badge.settled) td:first-child:before{background:var(--color-warning)}.complaints-panel .data-table tbody tr:has(.status-badge.closed) td:first-child:before,.complaints-panel .data-table tbody tr:has(.status-badge.draft) td:first-child:before{background:var(--color-error)}.complaints-panel .data-table tbody tr.inactive-row td:first-child:before{background:var(--text-muted)}.complaint-modal .status-badge.active,.complaint-modal .status-badge.open,.complaints .data-table .status-badge.active,.complaints .data-table .status-badge.open{background:rgba(var(--color-success-rgb),.15);border:.8px solid var(--color-success);color:var(--color-success)}.complaint-modal .status-badge.settled,.complaints .data-table .status-badge.settled{background:rgba(var(--color-warning-rgb),.15);border:.8px solid var(--color-warning);color:var(--color-warning)}.complaint-modal .status-badge.closed,.complaint-modal .status-badge.draft,.complaints .data-table .status-badge.closed,.complaints .data-table .status-badge.draft{background:rgba(var(--color-error-rgb),.15);border:.8px solid var(--color-error);color:var(--color-error)}.complaint-modal .modal-body{gap:var(--spacing-md);overflow-y:auto;padding:0 var(--spacing-xl)}.complaint-modal .modal-footer{bottom:0;left:0;position:-webkit-sticky;position:sticky;right:0}.complaint-modal .detail-section{margin-bottom:var(--spacing-lg)}.complaint-modal .detail-section h4{color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-semibold);letter-spacing:.5px;margin:0 0 var(--spacing-md);text-transform:uppercase}.complaint-modal .detail-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr 1fr 1fr 1fr}.complaint-modal .detail-item{display:flex;flex-direction:column;gap:2px}.complaint-modal .detail-label{color:var(--text-muted);font-size:var(--font-xs);font-weight:600;letter-spacing:.2px;text-transform:uppercase}.complaint-modal .detail-value{color:var(--text-primary);font-size:var(--font-sm)}.complaint-modal .detail-value.muted{color:var(--text-muted)}.complaint-modal .notes-section{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5;padding:var(--spacing-md);white-space:pre-wrap}.complaint-modal .no-data{color:var(--text-muted);font-size:var(--font-sm);font-style:italic;padding:var(--spacing-md) 0}.complaint-modal .doc-chip-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:2px}.complaint-modal .doc-chip{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);color:var(--text-primary);display:inline-flex;font-size:var(--font-xs);gap:8px;line-height:1.4;padding:4px 10px 4px 6px}.complaint-modal .doc-chip-type{background:var(--text-muted);border-radius:var(--radius-lg);color:var(--bg-deep);font-size:.75em;font-weight:700;letter-spacing:.3px;padding:2px 7px;text-transform:uppercase}.complaint-modal .doc-chip-po .doc-chip-type{background:var(--color-info);color:var(--bg-deep)}.complaint-modal .doc-chip-so .doc-chip-type{background:var(--color-primary);color:var(--bg-deep)}.complaint-modal .doc-chip-invoice .doc-chip-type{background:var(--color-success);color:var(--bg-deep)}.complaint-modal .doc-chip-credit .doc-chip-type{background:var(--color-warning);color:var(--bg-deep)}.complaint-modal .doc-chip-number{font-weight:600}.complaint-modal .doc-chip-date{color:var(--text-muted)}.complaint-modal .doc-chip-remove{align-items:center;background:#0000;border:none;color:var(--text-muted);cursor:pointer;display:inline-flex;justify-content:center;padding:0}.complaint-modal .doc-chip-remove:hover{color:var(--color-error)}.complaint-modal .doc-chip-remove .material-symbols-rounded{font-size:16px}.create-purchase-order:not(.nav-label){border-radius:0 0 var(--radius-lg) var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:var(--spacing-xl);position:relative;width:100%;z-index:1}.create-purchase-order>.page-scroll-content{flex:1 1;min-height:0;overflow-y:auto}.create-purchase-order .page-header{margin-bottom:var(--spacing-md)}.create-purchase-order .page-header .workflow-info{margin-bottom:var(--spacing-sm)}.create-purchase-order .po-form-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.create-purchase-order .form-section{background:rgba(var(--bg-main-rgb),.3);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.create-purchase-order .form-section h2{color:var(--text-primary);font-size:var(--font-lg);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-xs)}.create-purchase-order .form-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.create-purchase-order .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:0}.create-purchase-order .form-group .required-field{color:var(--color-primary);font-size:var(--font-md);font-weight:lighter}.create-purchase-order .form-group>label{color:var(--text-muted);font-size:var(--font-xs);font-weight:600;letter-spacing:.2px;text-transform:uppercase}.create-purchase-order .form-group .searchable-dropdown .supplier-email{background:rgba(var(--text-primary-rgb),.1);border-radius:var(--radius-sm);padding:4px 8px}.create-purchase-order .form-group .searchable-dropdown .supplier-accno{background:rgba(var(--bg-main-rgb),.5);border-radius:var(--radius-sm);font-size:.85em;font-weight:800;padding:4px 8px}.create-purchase-order .form-group.full-width{grid-column:1/-1}.po-form-container .form-divider{height:1px;margin:var(--spacing-lg) 0;width:100%}.po-form-container .form-divider line{stroke:var(--border-primary);stroke-width:1}.create-purchase-order .field-hint{color:var(--text-muted);font-size:var(--font-xs);line-height:1.4;margin-top:var(--spacing-xs)}.create-purchase-order .field-hint.warning{background:rgba(var(--color-warning-rgb),.1);border:1px solid rgba(var(--color-warning-rgb),.3);border-radius:var(--radius-sm);color:var(--color-warning);padding:var(--spacing-sm)}.create-purchase-order .address-update-link{align-items:center;background:rgba(var(--color-primary-rgb),.1);border:1px dashed var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:var(--font-xs);gap:var(--spacing-xs);margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.create-purchase-order .address-update-link:hover{background:rgba(var(--color-primary-rgb),.2);border-style:solid}.create-purchase-order .address-update-link .material-symbols-rounded{font-size:16px}.create-purchase-order .add-line-item-form{background:rgba(var(--bg-main-rgb),.2);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.create-purchase-order .line-item-grid{grid-gap:var(--spacing-md);align-items:end;display:grid;gap:var(--spacing-md);grid-template-columns:3fr 1fr 1fr 1fr 1fr 1.5fr 1.5fr auto}.create-purchase-order .line-item-grid .searchable-dropdown .dropdown-menu{max-width:calc(100vw - 100px);min-width:500px;width:-webkit-max-content;width:max-content}.create-purchase-order .add-line-button-container{align-items:flex-end;display:flex;padding-bottom:var(--spacing-xs)}.create-purchase-order .line-items-table-container{border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow-x:auto}.create-purchase-order .line-items-table{background:var(--bg-primary);border-collapse:collapse;font-size:var(--font-sm);width:100%}.create-purchase-order .line-items-table thead{background:rgba(var(--color-primary-rgb),.1)}.create-purchase-order .line-items-table th{border-bottom:1px solid var(--border-primary);color:var(--color-primary);font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.5px;padding:var(--spacing-md);text-align:left;text-transform:uppercase}.create-purchase-order .line-items-table thead tr:has(th:nth-child(8)) th:first-child{text-align:left;width:33%!important}.create-purchase-order .line-items-table thead tr:has(th:nth-child(8)) th:nth-child(2){text-align:left;width:15%!important}.create-purchase-order .line-items-table thead tr:has(th:nth-child(8)) th:nth-child(5){text-align:left;width:10%!important}.create-purchase-order .line-items-table tbody tr:has(td:nth-child(8)) td:nth-child(8),.create-purchase-order .line-items-table thead tr:has(th:nth-child(8)) th:nth-child(8){text-align:center;width:10%!important}.create-purchase-order .line-items-table thead tr:has(th:nth-child(8)) th{text-align:right;width:10%!important}.create-purchase-order .line-items-table tbody tr{border-bottom:1px solid var(--border-secondary)}.create-purchase-order .line-items-table td{color:var(--text-primary);padding:var(--spacing-md)}.create-purchase-order .line-items-table tfoot{background:rgba(var(--bg-main-rgb),.2);border-top:2px solid var(--border-primary)}.create-purchase-order .line-items-table tfoot td{color:var(--text-primary);font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md)}.create-purchase-order .line-items-table tfoot .total-row td{color:var(--color-primary);font-size:var(--font-md);font-weight:var(--font-semibold);padding:var(--spacing-md)}.create-purchase-order .text-right{text-align:right}.create-purchase-order .no-items-message{color:var(--text-muted);font-size:var(--font-sm);font-style:italic;padding:var(--spacing-xl);text-align:center}.create-purchase-order .post-save-dialog{max-height:350px;max-width:500px}.create-purchase-order .post-save-dialog .modal-body{padding:var(--spacing-xl);text-align:center}.create-purchase-order .post-save-dialog .modal-body p{color:var(--text-primary);font-size:var(--font-md);margin:var(--spacing-md) 0}.create-purchase-order .post-save-dialog .modal-footer{border-top:1px solid var(--border-primary);display:flex;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-lg)}.create-purchase-order .btn-add-icon{align-items:center;background:#0000;border:1px solid var(--text-muted);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;margin-bottom:9px;padding:var(--spacing-sm);transition:all .2s ease;width:36px}.create-purchase-order .btn-add-icon:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.create-purchase-order .btn-add-icon:disabled{cursor:not-allowed;opacity:.4}.create-purchase-order .btn-add-icon .material-symbols-rounded{font-size:20px}.search-bills{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;z-index:1}.search-bills .filter-row.bills-filter-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 120px 120px 120px 100px 100px 70px 50px!important;margin-bottom:var(--spacing-md)}.bills-panel{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:var(--spacing-lg)}.bills-panel .table-toolbar .btn-sm{width:-webkit-max-content;width:max-content}.purchase-orders-panel .loading-bar-wrapper{border-bottom:1px solid var(--border-secondary);padding:var(--spacing-lg)}.loading-fade{opacity:.5;pointer-events:none;transition:opacity .15s ease-in-out}.bill-number-row{align-items:center;display:flex;gap:6px}.bill-number-link{cursor:pointer}.bill-reference{color:var(--text-muted);font-size:var(--font-xs);margin-top:2px}.queried-badge{align-items:center;color:var(--color-error);display:inline-flex;font-size:16px;font-weight:600;gap:2px}.queried-badge .material-symbols-rounded{font-size:16px}.attachment-icon{color:var(--text-muted);cursor:default;font-size:14px!important}.overdue-date{color:var(--color-error);font-weight:600}.bills-table .actions-col a.btn-icon{align-items:center;display:inline-flex;justify-content:center;text-decoration:none}.search-bills .checkbox-col{padding:var(--spacing-sm)!important;text-align:center;width:40px}.search-bills .bills-table tbody tr.selected{background:rgba(var(--color-primary-rgb),.08)}.search-bills .bills-table tbody tr.selected:hover{background:rgba(var(--color-primary-rgb),.12)}.type-badge{border-radius:3px;display:inline-block;font-size:10px;font-weight:600;line-height:1.4;margin-left:6px;padding:1px 5px;vertical-align:middle}.type-credit{background:#3b82f61a;background:var(--color-info-bg,#3b82f61a);color:#3b82f6;color:var(--color-info,#3b82f6)}.type-overpayment{background:#f59e0b1a;background:var(--color-warning-bg,#f59e0b1a);color:#f59e0b;color:var(--color-warning,#f59e0b)}.type-prepayment{background:#10b9811a;background:var(--color-success-bg,#10b9811a);color:#10b981;color:var(--color-success,#10b981)}.modal-content.bill-modal{display:flex;flex-direction:row;height:90vh;min-width:420px;overflow:hidden;transition:width .4s cubic-bezier(.4,0,.2,1);width:420px}.modal-content.bill-modal.expanded{width:90vw}.bill-modal .bill-panel-left{border-right:1px solid var(--border-secondary);display:flex;flex-direction:column;flex-shrink:0;min-width:420px;overflow:hidden;width:420px}.bill-modal .panel-header{display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-xs);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.bill-modal .panel-header-top{align-items:flex-start;display:flex;gap:var(--spacing-sm);justify-content:space-between}.bill-modal .panel-header-title{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.bill-modal .panel-header-title h2{color:var(--text-primary);font-size:var(--font-lg);font-weight:600;margin:0}.bill-modal .panel-header-badges{display:flex;flex-wrap:wrap;font-size:13px;gap:var(--spacing-xs)}.bill-modal .panel-close-buttons{align-items:center;display:flex;flex-shrink:0;gap:2px}.bill-modal .panel-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.bill-modal .panel-header-actions a.btn-secondary{text-decoration:none}.bill-modal .panel-body{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.bill-modal .bill-panel-left .panel-nav-buttons{align-items:center;background:var(--bg-tertiary);border-top:1px solid var(--border-secondary);display:flex;flex-shrink:0;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-xl) var(--spacing-lg)}.bill-modal .bill-panel-right{display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.bill-modal .bill-panel-right.open{width:calc(90vw - 421px)}.bill-modal .right-panel-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-secondary);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.bill-modal .right-panel-header h3{color:var(--text-primary);font-size:var(--font-md);font-weight:600;margin:0;white-space:nowrap}.bill-modal .right-panel-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.bill-modal .panel-content-section{flex:1 1;overflow:auto;padding:var(--spacing-lg)}.bill-modal .queried-status-badge{align-items:center;background:#0000;border:none;box-shadow:none;display:inline-flex}.bill-modal .queried-status-badge .material-symbols-rounded{color:var(--color-error);font-size:16px}.bill-modal .detail-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.bill-modal .detail-section h3{border-bottom:1px solid var(--border-secondary);color:var(--text-muted);font-size:var(--font-sm);font-weight:600;letter-spacing:.05em;margin:0 0 var(--spacing-xs) 0;padding-bottom:var(--spacing-xs);text-transform:uppercase}.bill-modal .detail-grid{border:1px solid var(--border-secondary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.bill-modal .detail-row{display:flex;flex-direction:column;gap:2px;padding:3px 0}.bill-modal .detail-row .label{color:var(--text-muted);font-size:.65em;font-weight:600;letter-spacing:.2px;margin:0 0 3px;text-transform:uppercase}.bill-modal .detail-row .value{color:var(--text-primary);font-size:var(--font-sm);margin:0 0 5px}.bill-modal .detail-row .value.address-value{line-height:1.5}.bill-modal .linked-docs{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.bill-modal .linked-doc-chip{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-primary);display:inline-flex;font-size:var(--font-sm);font-weight:500;gap:4px;padding:4px 10px}.bill-modal .linked-doc-chip .material-symbols-rounded{color:var(--text-muted);font-size:16px}.bill-modal .linked-doc-chip-clickable{cursor:pointer;transition:background .15s,border-color .15s}.bill-modal .linked-doc-chip-clickable:hover{background:rgba(var(--color-primary-rgb),.12);border-color:var(--color-primary)}.bill-modal .bill-totals{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.bill-modal .bill-totals .totals-row{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-sm);gap:var(--spacing-md);justify-content:space-between}.bill-modal .bill-totals .totals-row-total{border-top:1px solid var(--border-secondary);color:var(--text-primary);font-size:var(--font-md);font-weight:600;margin-top:var(--spacing-xs);padding-top:var(--spacing-sm)}.bill-modal .bill-totals .totals-row-balance{border-top:1px solid var(--border-secondary);font-size:var(--font-md);font-weight:700;margin-top:2px;padding-top:var(--spacing-xs)}.bill-modal .bill-notes{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.6;margin:0;white-space:pre-wrap}.bill-modal .bill-attachment-panel{display:flex;flex-direction:column;padding:0}.bill-modal .bill-pdf-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);display:flex;flex-shrink:0;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.bill-modal .bill-pdf-header>.material-symbols-rounded{color:var(--color-error);flex-shrink:0;font-size:18px}.bill-modal .bill-pdf-title{color:var(--text-secondary);flex:1 1;font-size:var(--font-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bill-modal .bill-pdf-frame{border:none;display:block;flex:1 1;min-height:0;width:100%}.search-repeating-bills{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;z-index:1}.search-repeating-bills .filter-row.repeating-bills-filter-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:2fr 1fr .5fr!important;margin-bottom:var(--spacing-md)}.repeating-bills-panel{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:var(--spacing-lg)}.repeating-bills-panel .table-toolbar .btn-sm{width:-webkit-max-content;width:max-content}.schedule-text{color:var(--text-secondary);font-size:var(--font-xs)}.repeating-bills-table .actions-col a.btn-icon{align-items:center;display:inline-flex;justify-content:center;text-decoration:none}.search-repeating-bills .checkbox-col{padding:var(--spacing-sm)!important;text-align:center;width:40px}.search-repeating-bills .repeating-bills-table tbody tr.selected{background:rgba(var(--color-primary-rgb),.08)}.search-repeating-bills .repeating-bills-table tbody tr.selected:hover{background:rgba(var(--color-primary-rgb),.12)}.create-bill:not(.nav-label){display:flex;flex-direction:column;height:100%;overflow:hidden;padding:var(--spacing-xl);z-index:1}.create-bill>.page-scroll-content{flex:1 1;min-height:0;overflow-y:auto}.create-bill-layout{align-items:flex-start;display:flex;gap:var(--spacing-lg)}.bill-form-container{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xl);min-width:0}.pdf-preview-panel{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;flex-shrink:0;max-height:calc(100vh - 140px);overflow:hidden;position:-webkit-sticky;position:sticky;top:var(--spacing-lg);width:380px}.pdf-preview-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:flex;flex-shrink:0;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.pdf-preview-header>.material-symbols-rounded{color:var(--color-error);flex-shrink:0;font-size:18px}.pdf-preview-title{color:var(--text-secondary);flex:1 1;font-size:var(--font-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-zoom-controls{align-items:center;display:flex;flex-shrink:0;gap:2px}.pdf-zoom-label{color:var(--text-muted);font-size:var(--font-xs);text-align:center;width:34px}.pdf-preview-viewport{background:var(--bg-main);flex:1 1;overflow:auto}.pdf-preview-scaler{transform-origin:top left}.pdf-preview-frame{border:none;display:block;height:1100px;width:100%}.create-bill .form-section{background:rgba(var(--bg-main-rgb),.4);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.create-bill .form-section h2{color:var(--text-primary);font-size:var(--font-lg);margin:0}.create-bill .section-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.create-bill .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.create-bill .form-group:not(:last-child){margin-bottom:var(--spacing-lg)}.create-bill .add-line-item-form .form-group{margin-bottom:0}.create-bill .form-group>label{color:var(--text-muted);font-size:.7em;font-weight:600;letter-spacing:.2px;text-transform:uppercase!important}.create-bill .queried-toggle-group{align-items:flex-start}.queried-toggle{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:background .15s,color .15s,border-color .15s;width:36px}.queried-toggle:hover{border-color:var(--color-warning);color:var(--color-warning)}.queried-toggle--active{background:var(--color-warning);border-color:var(--color-warning);color:#fff}.queried-toggle .material-symbols-rounded{font-size:20px}.create-bill .supplier-accno{background:rgba(var(--bg-main-rgb),.5);border-radius:var(--radius-sm);font-size:.85em;font-weight:800;padding:4px 8px}.bill-form-container .form-divider{height:1px;margin:0 0 30px;width:100%}.bill-form-container .form-divider line{stroke:var(--border-primary);stroke-width:1}.create-bill .field-hint{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-xs);gap:4px;margin:2px 0 0}.create-bill .address-update-link{align-items:center;background:none;border:none;color:var(--color-primary);color:var(--color-info,var(--color-primary));cursor:pointer;display:inline-flex;font-size:var(--font-xs);gap:4px;padding:2px 0;text-decoration:underline;text-underline-offset:2px}.create-bill .address-update-link .material-symbols-rounded{font-size:14px}.bill-line-grid{grid-gap:var(--spacing-md);align-items:end;display:grid;gap:var(--spacing-md);grid-template-columns:3.5fr .7fr .8fr .8fr .7fr .7fr auto}.create-bill .add-line-item-form{background:rgba(var(--bg-main-rgb),.4);border-radius:var(--radius-xl);margin-bottom:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.create-bill .add-line-item-form .btn-icon{margin-bottom:-10px;margin-left:var(--spacing-sm)}.create-bill .add-line-item-form .btn-icon:hover .material-symbols-rounded{color:var(--color-primary)}.create-bill .line-items-table-container{border:1px solid var(--border-secondary);border-radius:var(--radius-xl);overflow-x:auto}.create-bill .line-items-table{border-collapse:collapse;font-size:var(--font-sm);width:100%}.create-bill .line-items-table th{background-color:var(--bg-main);border-bottom:1px solid var(--border-secondary);color:var(--text-muted);font-size:var(--font-xs);font-weight:600;letter-spacing:.04em;padding:8px 12px;text-transform:uppercase}.create-bill .line-items-table td{border-bottom:1px solid var(--border-secondary);color:var(--text-primary);padding:8px 12px;vertical-align:middle}.create-bill .line-items-table tbody tr:last-child td{border-bottom:none}.create-bill .line-items-table tbody tr.ocr-row td{background:#4caf5012;background:rgba(var(--color-success-rgb,76,175,80),.07);border-bottom-color:#4caf5033;border-bottom-color:rgba(var(--color-success-rgb,76,175,80),.2)}.create-bill .line-items-table tbody tr.ocr-row:first-child td{border-top:1px solid #4caf504d;border-top:1px solid rgba(var(--color-success-rgb,76,175,80),.3)}.create-bill .line-items-table .empty-table-row{color:var(--text-muted);font-size:var(--font-sm);font-style:italic;padding:var(--spacing-lg)!important;text-align:center}.create-bill .line-items-table tfoot td{border-top:1px solid var(--border-secondary);font-size:var(--font-sm);padding:6px 12px}.create-bill .line-items-table .totals-grand-row td{border-top:2px solid var(--border-secondary);color:var(--text-primary);font-size:var(--font-md);font-weight:700}.create-bill .text-right{text-align:right}.attachment-current{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.attachment-current .material-symbols-rounded{color:var(--color-error);font-size:20px}.attachment-name{color:var(--text-primary);flex:1 1;font-size:var(--font-sm);font-weight:500}.attachment-upload-row{align-items:center;display:flex;gap:var(--spacing-md)}.attachment-hint,.attachment-section-hint{color:var(--text-muted);font-size:var(--font-sm);margin:0}.attachment-staged-badge{background:var(--color-warning);border-radius:4px;color:#fff;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.04em;margin-left:6px;padding:1px 6px;text-transform:uppercase;vertical-align:middle}.ocr-applied-strip{align-items:center;background:#4caf5014;background:rgba(var(--color-success-rgb,76,175,80),.08);border:1px solid var(--color-success);border-radius:var(--radius-md);color:var(--text-primary);display:flex;font-size:var(--font-sm);gap:var(--spacing-sm);justify-content:space-between;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md)}.ocr-applied-strip .material-symbols-rounded{color:var(--color-success);font-size:18px}.ocr-applied-strip--warn{background:#ff980014;background:rgba(var(--color-warning-rgb,255,152,0),.08);border-color:var(--color-warning)}.ocr-applied-strip--warn .material-symbols-rounded{color:var(--color-warning)}.form-group.ocr-filled .date-input,.form-group.ocr-filled .dropdown-trigger,.form-group.ocr-filled .styled-input{background:#4caf501a!important;background:rgba(var(--color-success-rgb,76,175,80),.1)!important;border-color:var(--color-success)!important}.linked-po-panel{background:#2196f308;background:rgba(var(--color-primary-rgb,33,150,243),.03);border-color:#2196f34d;border-color:rgba(var(--color-primary-rgb,33,150,243),.3)}.linked-po-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.linked-po-panel-header h2{color:var(--text-primary);font-size:var(--font-md)!important}.linked-po-meta{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-md)}.linked-po-meta-item{display:flex;flex-direction:column;gap:2px}.linked-po-meta-label{color:var(--text-muted);font-size:var(--font-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.linked-po-meta-value{color:var(--text-primary);font-size:var(--font-sm);font-weight:500}.linked-po-lines-wrap{border:1px solid var(--border-secondary);border-radius:var(--radius-md);overflow:hidden}.linked-po-lines-table{border-collapse:collapse;font-size:var(--font-sm);width:100%}.linked-po-lines-table th{background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);color:var(--text-muted);font-size:var(--font-xs);font-weight:600;letter-spacing:.04em;padding:7px 12px;text-align:left;text-transform:uppercase}.linked-po-lines-table th.text-right{text-align:right}.linked-po-lines-table td{border-bottom:1px solid var(--border-secondary);color:var(--text-primary);padding:7px 12px;vertical-align:middle}.linked-po-lines-table tbody tr:last-child td{border-bottom:none}.linked-po-lines-table tfoot td{border-top:1px solid var(--border-secondary);color:var(--text-secondary);font-size:var(--font-sm);padding:5px 12px}.linked-po-lines-table .totals-grand-row td{border-top:2px solid var(--border-secondary);color:var(--text-primary);font-size:var(--font-md);font-weight:700}.po-qty-diff-strip{background:#ff980014;background:rgba(var(--color-warning-rgb,255,152,0),.08);border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.post-save-dialog{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;box-shadow:var(--shadow-modal,0 20px 60px #0000004d);max-width:440px;padding:var(--spacing-xl);text-align:center;width:90vw}.post-save-header{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.post-save-icon{color:var(--color-success);font-size:48px}.post-save-header h2{font-size:var(--font-xl);margin:0}.post-save-dialog p{color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.post-save-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.create-invoice:not(.nav-label){display:flex;flex-direction:column;height:100%;overflow:hidden;padding:var(--spacing-xl);z-index:1}.create-invoice>.page-scroll-content{flex:1 1;min-height:0;overflow-y:auto}.invoice-form-container{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:1200px}.create-invoice .form-section{background:rgba(var(--bg-main-rgb),.4);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.create-invoice .form-section h2{color:var(--text-primary);font-size:var(--font-lg);margin:0}.create-invoice .section-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.create-invoice .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.create-invoice .form-group:not(:last-child){margin-bottom:var(--spacing-lg)}.create-invoice .add-line-item-form .form-group{margin-bottom:0}.create-invoice .form-group>label{color:var(--text-muted);font-size:.7em;font-weight:600;letter-spacing:.2px;text-transform:uppercase!important}.invoice-line-grid{grid-gap:var(--spacing-md);align-items:end;display:grid;gap:var(--spacing-md);grid-template-columns:3.5fr .7fr .8fr .8fr .7fr .7fr auto}.create-invoice .add-line-item-form{background:rgba(var(--bg-main-rgb),.4);border-radius:var(--radius-xl);margin-bottom:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.create-invoice .add-line-item-form .btn-icon{margin-bottom:-10px;margin-left:var(--spacing-sm)}.create-invoice .add-line-item-form .btn-icon:hover .material-symbols-rounded{color:var(--color-primary)}.create-invoice .line-items-table-container{border:1px solid var(--border-secondary);border-radius:var(--radius-xl);overflow-x:auto}.create-invoice .line-items-table{border-collapse:collapse;font-size:var(--font-sm);width:100%}.create-invoice .line-items-table th{background-color:var(--bg-main);color:var(--text-muted);font-size:var(--font-xs);font-weight:600}.generate-statements{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:var(--spacing-xl);z-index:1}.generate-statements .steps-indicator{display:grid;flex-shrink:0;margin-bottom:var(--spacing-lg);margin-left:calc(var(--spacing-lg)*-1);margin-right:calc(var(--spacing-lg)*-1);padding:10px 20px 5px}.generate-statements .steps-indicator.three-steps{grid-template-columns:repeat(5,1fr)}.generate-statements .steps-indicator.three-steps .step-item:first-child{grid-column:1}.generate-statements .steps-indicator.three-steps .step-item:nth-child(2){grid-column:3}.generate-statements .steps-indicator.three-steps .step-item:nth-child(3){grid-column:5}.generate-statements .step-item{align-items:center;display:flex;flex-direction:column;position:relative;width:100%;z-index:1}.generate-statements .step-item:not(:last-child):after{background:rgba(var(--text-muted-rgb),.2);content:"";height:1.75px;left:calc(50% + 3.75px);position:absolute;top:14px;width:calc(200% - 7.5px)}.generate-statements .step-item.completed:not(:last-child):after{background:var(--color-primary)}.generate-statements .step-number{align-items:center;background:var(--text-muted);border-radius:50%;color:var(--text-muted);display:flex;font-weight:var(--font-medium);height:7.5px;justify-content:center;margin:11px;position:relative;width:7.5px;z-index:2}.generate-statements .step-number .material-symbols-rounded{font-size:.01px!important;text-shadow:2px 2px 4px #0006}.generate-statements .step-item.active .step-number{background:var(--color-primary);height:32px;margin:0;width:32px}.generate-statements .step-item.active .step-number .material-symbols-rounded{color:var(--bg-deep);font-size:8px!important}.generate-statements .step-item.completed .step-number{background:var(--color-primary);height:32px;margin:0;width:32px}.generate-statements .step-item.completed .step-number .material-symbols-rounded{color:var(--bg-deep);font-size:20px!important;font-variation-settings:"FILL" 1,"wght" 800,"GRAD" 0,"opsz" 20}.generate-statements .step-label{color:var(--text-muted);font-size:.625em;font-weight:600;letter-spacing:.1px;margin-top:7px;text-align:center;text-transform:uppercase;width:100%}.generate-statements .step-item.active .step-label,.generate-statements .step-item.completed .step-label{color:var(--color-primary)}.generate-statements .workflow-info{margin-bottom:0}.generate-statements .date-row{align-items:center;background:rgba(var(--color-primary-rgb),.15);border:none;border-radius:40px;display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.generate-statements .date-row .date-row-heading{align-self:center;color:var(--text-primary);font-size:.9em;font-weight:500;margin-left:var(--spacing-md);margin-right:var(--spacing-xl);white-space:nowrap}.generate-statements .date-input-wrapper label{color:var(--text-secondary);font-size:.6em;font-weight:600;letter-spacing:.2px;text-transform:uppercase}.generate-statements .date-input-wrapper label:after{content:":"}.generate-statements .date-input-wrapper{align-items:center;display:flex;flex-direction:row;gap:var(--spacing-sm)}.generate-statements .date-input{border-radius:30px;max-width:275px;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.generate-statements .date-row-inputs{display:flex;flex:1 1;gap:var(--spacing-xl)}.generate-statements .date-row-inputs .form-group{margin:0}.generate-statements .date-row-presets{display:flex;gap:var(--spacing-md);margin-left:var(--spacing-xl)}.generate-statements .btn-preset-pill{background:var(--bg-main);border:none;border-radius:20px;box-shadow:1px 1px 7px rgba(var(--shadow-light));color:var(--text-secondary);cursor:default;font-size:var(--font-xs);font-weight:600;padding:7px 14px;scale:1;transition:all .2s;transition:all .4s;white-space:nowrap}.generate-statements .btn-preset-pill:not(.active){color:var(--text-muted)}.generate-statements .btn-preset-pill:not(.active):hover{color:var(--text-primary);cursor:pointer;scale:1.05}.generate-statements .btn-preset-pill.active{background:var(--color-primary);color:var(--bg-deep)}.contact-selection-layout{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.contact-search-section{display:flex;flex-direction:column;max-height:calc(100vh - 530px)}.selected-contacts-section{display:flex;flex-direction:column;max-height:calc(100vh - 450px);min-height:calc(100vh - 550px)}.contact-group-section h4,.contact-search-section h4,.selected-contacts-section h4{color:var(--color-primary);font-size:var(--font-sm);font-weight:var(--font-medium);letter-spacing:.5px;margin:0 0 var(--spacing-md) 0;text-transform:uppercase}.search-input-wrapper{align-items:center;display:flex;position:relative}.contact-results{background-color:var(--bg-tertiary);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex:1 1;overflow-y:auto;padding:var(--spacing-md) 0}.contact-result-item{align-items:center;background-color:rgba(var(--bg-main-rgb),0);display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);transition:all .3s}.contact-result-item:hover{background-color:rgba(var(--text-muted-rgb),.075);cursor:pointer}.contact-result-item .contact-info{align-items:center;display:flex;flex-direction:row;gap:8px}.contact-result-item .account-no{background:rgba(var(--bg-main-rgb),.8);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.6em;font-weight:var(--font-medium);min-width:0;padding:3px 5px;width:-webkit-fit-content;width:fit-content}.contact-result-item .company-name{color:var(--text-primary);font-size:var(--font-sm);margin:auto 0}.contact-result-item .contact-actions{display:flex;gap:var(--spacing-xs)}.contact-result-item .btn-icon:disabled{cursor:not-allowed;opacity:.3}.statements-table-wrapper{display:flex;flex:1 1;flex-direction:column;margin-bottom:65px;min-height:0;overflow:hidden;padding:0}.statements-table-wrapper .data-table-container{margin:0;padding:0}.step-content .button-row{bottom:0;left:0;position:absolute;right:0}.button-row{flex-direction:row;justify-content:space-between;padding:var(--spacing-lg) 0 var(--spacing-sm);z-index:12}.button-row,.button-row .btn-group{display:flex;gap:var(--spacing-sm)}.button-row .btn-group.left{justify-content:flex-start}.button-row .btn-group.right{flex:1 1;justify-content:flex-end}.empty-selection{align-items:center;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);justify-content:center;text-align:center}.empty-selection .material-symbols-rounded{font-size:48px;opacity:.3}.empty-selection p{font-size:var(--font-sm)}.selected-contacts-list{flex:1 1;overflow-y:auto}.selected-contact-item{align-items:center;background:rgba(var(--bg-main-rgb),.2);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md)}.selected-contact-item .contact-info{display:flex;flex-direction:row;gap:8px}.selected-contact-item .account-no{color:var(--color-primary);font-size:var(--font-xs);font-weight:var(--font-medium);margin:auto 0}.selected-contact-item .company-name{color:var(--text-primary);font-size:var(--font-sm);margin:auto 0}.selected-contact-item .btn-icon.remove{background:#0000;border:1px solid rgba(var(--color-error-rgb),.3);border-radius:var(--radius-sm);color:var(--color-error);cursor:pointer;padding:var(--spacing-xs);transition:all .2s}.selected-contact-item .btn-icon.remove:hover{background:rgba(var(--color-error-rgb),.1);border-color:var(--color-error)}.date-selection-layout{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-lg)}.date-inputs-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.step-content .email-save{grid-gap:var(--spacing-lg);align-items:start;display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;height:-webkit-fit-content;height:fit-content;justify-content:center}.email-option{background-color:rgba(var(--bg-main-rgb),.4);border-radius:var(--spacing-sm);gap:var(--spacing-xs);height:100%;padding:var(--spacing-xl)}.email-option h4{color:var(--color-primary)}.email-result{background:rgba(var(--color-success-rgb),.1);border:2px solid rgba(var(--color-success-rgb),.2);border-radius:12px;margin:0;padding:20px}.action-panel{flex:1 1;height:100%;min-height:0;overflow:auto;padding:0}.action-panel:has(.statements-table-wrapper){display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}.step-content{align-content:center;display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%;justify-content:start;margin:0;padding:0;position:relative;width:100%}.step-content.statements-approval{padding:0 var(--spacing-md) var(--spacing-md)}.step-content.statements-approval:has(.statements-table-wrapper){display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.statements-controls{flex-shrink:0;margin:0}.email-statements .pagination-controls{border-top:none;padding:5px var(--spacing-lg) var(--spacing-md)!important}.step-content h3{color:var(--text-primary);font-family:Inter,sans-serif;font-size:1em;font-weight:500;margin:0 0 20px}.date-inputs-section,.quick-select-panel{background:rgba(var(--bg-secondary-rgb),.5);border:1px solid rgba(var(--bg-secondary-rgb),.8);border-radius:var(--radius-md);padding:var(--spacing-xl)}.date-inputs-section h4,.quick-select-panel h4{color:var(--color-primary);font-size:var(--font-sm);font-weight:var(--font-medium);letter-spacing:.5px;margin:0 0 var(--spacing-md) 0;text-transform:uppercase}.email-statements .filter-group,.generate-statements .filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stats-summary{background:rgba(var(--color-primary-rgb),.05);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.stat-item{align-items:center;display:flex;flex:1 1;flex-direction:column}.stat-label{color:var(--text-muted);font-size:var(--font-xs);margin-bottom:var(--spacing-xs);text-transform:uppercase}.stat-value{color:var(--color-primary);font-size:var(--font-xl);font-weight:var(--font-medium)}.email-statements .workflow-info{margin-bottom:0}.data-issues-warning{align-items:center;background:rgba(var(--color-warning-rgb),.1);border:2px solid rgba(var(--color-warning-rgb),.3);border-radius:12px;color:var(--color-warning);display:flex;font-family:Inter,sans-serif;gap:12px;margin-bottom:20px;padding:15px}.data-issues-warning i{font-size:20px}.statements-table-wrapper .pagination-controls{margin:0 0 var(--spacing-sm);padding:0}.approval-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin:0}.approval-header h3{font-size:1em;margin:0}.bulk-actions{display:flex;gap:10px}.bulk-actions .btn-secondary{font-size:var(--font-xs);font-weight:var(--font-semibold);padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.bulk-actions .btn-secondary .material-symbols-rounded{font-size:16px}.bulk-actions .btn-secondary.approve{border:1px solid rgba(var(--color-success-rgb),.3);color:var(--color-success)}.bulk-actions .approve.btn-secondary:hover:not(:disabled){background:rgba(var(--color-success-rgb),.1);border:1px solid var(--color-success)}.bulk-actions .btn-secondary.unapprove{border:1px solid rgba(var(--color-warning-rgb),.3);color:var(--color-warning)}.bulk-actions .unapprove.btn-secondary:hover:not(:disabled){background:rgba(var(--color-warning-rgb),.1);border:1px solid var(--color-warning)}.delivery-choice{width:100%}.delivery-choice label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between}.delivery-choice .tick-check-label,.delivery-choice .tick-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:row;gap:10px;justify-content:start}.delivery-choice .tick-label{font-size:.8em;width:-webkit-fit-content;width:fit-content}.delivery-choice .content{min-width:60px}.delivery-choice input[type=radio]{margin-right:10px}.form-group.attachments-section{align-self:start;margin-top:var(--spacing-xl)}.custom-email-fields{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out}.custom-email-fields.expanded{max-height:500px;opacity:1;transition:max-height .4s ease-in,opacity .3s ease-in}.custom-email-fields>div{padding-top:var(--spacing-md)}.email-customisation{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);margin-top:20px;max-height:0;opacity:0;overflow:hidden;padding:15px;transition:max-height .3s ease-out,opacity .3s ease-out}.email-customisation.expanded{max-height:1000px;opacity:1;transition:max-height .4s ease-in,opacity .3s ease-in}.option-info{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr;margin-bottom:var(--spacing-lg);width:100%}.option-info .info{color:var(--text-primary);font-size:.85em;font-weight:400}.option-info .note{color:var(--color-primary);display:flex;font-size:.8em;font-weight:400}.option-info .note .material-symbols-rounded{font-size:15px;margin:0 3px 0 0}.email-customisation h4{color:var(--color-primary);font-weight:500;margin-bottom:15px}.file-list{margin-top:15px}.file-item{align-items:center;background:var(--bg-color);border-radius:4px;color:var(--color-primary);display:flex;font-size:11px;margin-bottom:5px;padding:0 10px 0 0}.file-item>span.material-symbols-rounded:first-child{color:var(--color-primary);margin-right:5px}.file-item .btn-icon{color:var(--text-primary);margin-left:5px;transition:color .3s ease}.file-item .btn-icon .material-symbols-rounded{color:inherit}.file-item .btn-icon:hover{color:var(--color-error)}.step-result{background:rgba(var(--color-success-rgb),.1);border:2px solid rgba(var(--color-success-rgb),.2);border-radius:12px;margin-top:20px;padding:20px}.success-message{align-items:flex-start;color:var(--color-success);display:flex;font-size:13px;gap:10px;line-height:1.5;margin:0}.success-message .material-symbols-rounded{flex-shrink:0;font-size:18px;margin-top:1px}.error-message{align-items:flex-start;font-size:13px;gap:10px;line-height:1.5;margin:10px 0}.error-message .material-symbols-rounded{flex-shrink:0;margin-top:1px}.warning-message{color:var(--color-warning);display:flex;flex-direction:column;font-size:13px;gap:10px;line-height:1.5;margin:0}.warning-message>:first-child{align-items:flex-start;display:flex;gap:10px}.warning-message .material-symbols-rounded{flex-shrink:0;font-size:18px;margin-top:1px}.step-info{padding:var(--spacing-xl) 0;text-align:center}.step-info .material-symbols-rounded.large{color:var(--text-muted);font-size:75px;margin:var(--spacing-xl);opacity:.4}.step-info h3{font-size:var(--font-lg);font-weight:700}.step-info p{font-size:var(--font-md)}.loading-bar-container{margin:0;min-height:4px;width:100%}.statement-run-history{display:flex;flex-direction:column;height:100%}.run-badge{border-radius:var(--radius-sm);display:inline-block;font-size:10px;font-weight:600;letter-spacing:.3px;margin-top:-2px;padding:3px 8px;text-transform:uppercase}.run-badge.badge-secondary{border:1px solid var(--text-secondary);color:var(--text-secondary)}.run-badge.badge-success{border:1px solid var(--color-success);color:var(--color-success)}.run-badge.badge-warning{border:1px solid var(--color-warning);color:var(--color-warning)}.run-badge.badge-danger{border:1px solid var(--color-error);color:var(--color-error)}.run-badge.badge-info{border:1px solid var(--color-info);color:var(--color-info)}.runs-table-container{background:var(--surface-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;margin:0 20px 20px;min-height:0;overflow:auto}.runs-table{border-collapse:collapse;table-layout:auto;width:100%}.runs-table th:hover{color:var(--text-muted);cursor:default}.runs-table .text-center{text-align:center}.runs-table .success-text{color:var(--color-success);font-weight:600}.runs-table .error-text{color:var(--color-error);font-weight:600}.runs-table .empty-cell,.runs-table .loading-cell{color:var(--text-muted);padding:var(--spacing-xl)!important;text-align:center}.runs-table .loading-cell{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center}.runs-table .loading-cell .spinning{animation:spin 1s linear infinite}.statement-modal,.statement-run-details{max-width:1200px}.statement-modal .data-table.detail-table thead,.statement-modal .data-table.detail-table thead th,.statement-modal .data-table.detail-table thead tr{position:static!important}.run-detail-body .data-table thead,.run-detail-body .data-table thead tr{background:#0000}.run-detail-body .data-table thead th{background:var(--bg-main);overflow:hidden}.run-detail-body .data-table thead th:last-child{border-top-right-radius:var(--radius-lg)}.run-detail-body .data-table thead th:first-child{border-top-left-radius:var(--radius-lg)}.modal-body.run-detail-body{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl)}.modal-body.run-detail-body .sticky{display:flex;flex-direction:column;gap:var(--spacing-lg);position:static;top:0}.run-detail-body .run-summary{background:var(--bg-main);border:1px solid #0000;border-radius:var(--radius-lg);display:flex;flex-direction:row;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg)}.run-detail-body .summary-row{display:flex;font-size:var(--font-sm);gap:var(--spacing-xs);padding:5px 0}.run-detail-body .summary-row .label{color:var(--text-primary);font-weight:500}.run-detail-body .summary-row .value{color:var(--text-primary)}.run-detail-body .stats-row{display:flex;gap:var(--spacing-md);margin:0}.run-detail-body .stat-box{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:50px;display:flex;flex:1 1;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md)}.run-detail-body .stat-box .stat-value{color:var(--text-primary);display:block;font-size:16px;font-weight:700}.run-detail-body .stat-box .stat-label{color:var(--text-muted);font-size:.6em;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.run-detail-body .stat-box.stat-success .stat-value{color:var(--color-primary)}.run-detail-body .stat-box.stat-error .stat-value{color:var(--color-error)}.run-detail-body .failed-section h3{color:var(--color-error);font-size:var(--font-sm);margin:0 0 var(--spacing-sm) 0}.run-detail-body .failed-list{background:rgba(var(--color-error-rgb),.08);border:1px solid rgba(var(--color-error-rgb),.2);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.run-detail-body .failed-item{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.run-detail-body .failed-customer{color:var(--text-primary);font-size:var(--font-sm)}.run-detail-body .failed-error{color:var(--color-error);font-size:var(--font-xs);margin-top:3px}.run-detail-body .table-wrapper{overflow:auto}.delivery-badge{border-radius:var(--radius-sm);display:inline-block;font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.delivery-badge.badge-email-office{border:1px solid var(--color-info);color:var(--color-info)}.delivery-badge.badge-email-customer{border:1px solid var(--color-success);color:var(--color-success)}.delivery-badge.badge-printed{border:1px solid var(--text-primary);color:var(--text-primary)}.delivery-badge.badge-saved{border:1px solid var(--color-warning);color:var(--color-warning)}.delivery-badge.badge-pending{border:1px solid var(--text-muted);color:var(--text-muted)}.run-selector-container{padding:0 20px 16px}.run-selector{position:relative}.run-selector-trigger{align-items:center;background:var(--surface-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:10px 14px;transition:border-color .15s;-webkit-user-select:none;user-select:none}.run-selector-trigger.open,.run-selector-trigger:hover{border-color:var(--color-primary)}.run-selector-trigger .selector-icon{color:var(--text-muted);font-size:18px}.run-selector-trigger .selector-label{color:var(--text-primary);flex:1 1;font-size:var(--font-sm)}.run-selector-trigger .selector-chevron{color:var(--text-muted);font-size:20px;transition:transform .15s}.run-selector-trigger.open .selector-chevron{transform:rotate(180deg)}.run-dropdown{background:var(--surface-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.run-dropdown-search{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;gap:var(--spacing-sm);padding:8px 12px}.run-dropdown-search span{color:var(--text-muted);font-size:16px}.run-dropdown-search input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:var(--font-sm);outline:none}.run-dropdown-list{max-height:300px;overflow-y:auto}.run-dropdown-empty{color:var(--text-muted);font-size:var(--font-sm);padding:16px;text-align:center}.run-dropdown-item{border-bottom:1px solid var(--border-secondary);cursor:pointer;padding:10px 14px}.run-dropdown-item:last-child{border-bottom:none}.run-dropdown-item.active,.run-dropdown-item:hover{background:var(--bg-hover)}.rdi-main{align-items:baseline;display:flex;font-size:var(--font-sm);gap:var(--spacing-sm)}.rdi-period{color:var(--text-secondary)}.rdi-meta{color:var(--text-muted);display:flex;font-size:var(--font-xs);justify-content:space-between;margin-top:2px}.rdi-counts{color:var(--text-secondary)}.no-run-selected{align-items:center;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);justify-content:center}.no-run-icon{font-size:48px;opacity:.3}.no-run-selected p{font-size:var(--font-sm)}.customer-search-bar{align-items:center;background:var(--bg-main);border:1px solid var(--border-secondary);border-radius:var(--radius-md);display:flex;padding:0 12px}.customer-search-bar .search-icon{color:var(--text-muted);font-size:18px;margin:0 var(--spacing-xs)}.customer-search-input{border:none;color:var(--text-primary);flex:1 1;font-size:var(--font-sm);outline:none}.customer-search-bar input{background:#0000;padding:var(--spacing-md) var(--spacing-sm)}.customer-search-bar input:focus{background:#0000}.customer-search-bar:hover{background:rgba(var(--bg-tertiary-rgb),.8)}.customer-search-bar:focus-within{background:var(--bg-main)}.statement-modal .modal-header{background:var(--bg-secondary);margin-bottom:0;padding-bottom:0}.customer-detail-body{display:flex;flex-direction:column;gap:var(--spacing-xl);overflow-y:auto;padding:0 var(--spacing-xl) var(--spacing-xl)}.detail-loading{align-items:center;color:var(--text-muted);display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xl)}.delivery-summary-wrapper{background:var(--bg-secondary);padding-bottom:var(--spacing-xs);padding-top:var(--spacing-lg);z-index:30}.delivery-summary,.delivery-summary-wrapper{position:-webkit-sticky;position:sticky;top:0}.delivery-summary{background:var(--bg-main);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.ds-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ds-label{color:var(--text-muted);font-size:var(--font-xs);font-weight:600;letter-spacing:.4px;text-transform:uppercase}.ds-value{color:var(--text-primary);font-size:var(--font-sm)}.detail-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.detail-section-title{color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;letter-spacing:.4px;margin:0 0 var(--spacing-sm);text-transform:uppercase}.detail-table tbody tr:last-child td{border-bottom:none}.detail-table .row-balance-forward td,.detail-table td.bold{font-weight:600}.total-due-row{align-items:baseline;display:flex;font-size:var(--font-base);font-weight:700;gap:var(--spacing-lg);justify-content:flex-end;padding:var(--spacing-sm) var(--spacing-md);padding-top:var(--spacing-md)}.total-due-amount{font-size:1.1em;min-width:100px;text-align:right}.invoice-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.invoice-card{border:1px solid var(--border-secondary);border-radius:var(--radius-md);overflow:hidden}.invoice-card-header{align-items:center;background:var(--bg-main);border-bottom:1px solid var(--border-secondary);display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.inv-number{color:var(--text-primary);font-size:var(--font-sm);font-weight:700}.inv-date{color:var(--text-muted);font-size:var(--font-xs)}.inv-total{font-size:var(--font-sm);font-weight:700;margin-left:auto}.inv-items-table{border:none!important;border-radius:0!important}.no-data-message{color:var(--text-muted);font-size:var(--font-sm);padding:var(--spacing-xl);text-align:center}.text-right{text-align:right!important}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.fleet-tracking:not(.nav-label){display:flex;flex-direction:column;height:100%;min-height:600px}.fleet-stats-bar{background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:24px;margin-bottom:16px;padding:16px 20px}.fleet-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.fleet-stat-value{color:var(--color-primary);font-size:24px;font-weight:600}.fleet-stat-value.moving{color:var(--color-success)}.fleet-stat-value.idle{color:var(--color-primary)}.fleet-stat-value.off{color:var(--color-error)}.fleet-stat-label{color:var(--text-muted);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.fleet-stat.last-updated{margin-left:auto}.fleet-content{display:flex;flex:1 1;min-height:0}.fleet-map-container{border:1px solid var(--border-primary);border-radius:var(--radius-lg);flex:1 1;overflow:hidden;position:relative}.fleet-map{height:100%;min-height:400px;width:100%}.fleet-map,.fleet-map .leaflet-container{background:var(--bg-main)}.fleet-map .leaflet-control-zoom a{background:var(--bg-secondary)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}.fleet-map .leaflet-control-zoom a:hover{background:var(--bg-tertiary)!important}.fleet-map .leaflet-control-attribution{background:#101010cc!important;color:var(--text-muted)!important}.fleet-map .leaflet-control-attribution a{color:var(--color-primary)!important}.vehicle-marker-icon{background:none!important;border:none!important}.vehicle-marker-wrapper{align-items:center;display:flex;flex-direction:column;margin-left:-40px;margin-top:-16px;width:80px}.vehicle-icon-svg{align-items:center;display:flex;height:32px;justify-content:center;transition:transform .3s ease;width:32px}.vehicle-plate{background:#000000bf;border-radius:3px;font-size:10px;font-weight:600;margin-top:2px;padding:2px 6px;text-align:center;white-space:nowrap}.vehicle-plate.moving{color:var(--color-success)}.vehicle-plate.idle{color:var(--color-primary)}.vehicle-plate.off{color:var(--color-error)}.fleet-legend{background:#1a1a1af2;border:1px solid var(--border-primary);border-radius:var(--radius-md);bottom:20px;left:20px;padding:10px 14px;position:absolute;z-index:1000}.fleet-legend-item{align-items:center;display:flex;font-size:12px;gap:8px;margin-bottom:4px}.fleet-legend-item:last-child{margin-bottom:0}.legend-dot{border-radius:50%;height:10px;width:10px}.legend-dot.moving{background:var(--color-success)}.legend-dot.idle{background:var(--color-primary)}.legend-dot.off{background:var(--color-error)}.fleet-list-overlay{bottom:0;display:flex;pointer-events:none;position:absolute;right:0;top:0;z-index:1000}.fleet-list-toggle{align-items:center;background:#1a1a1af2;border:1px solid var(--border-primary);border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:12px 8px;pointer-events:auto;text-orientation:mixed;transition:background var(--transition-fast);writing-mode:vertical-rl}.fleet-list-toggle:hover{background:#282828f2}.fleet-list-toggle .material-symbols-rounded{font-size:18px;writing-mode:horizontal-tb}.toggle-label{letter-spacing:1px;text-transform:uppercase}.fleet-list-panel{background:#1a1a1af2;border-left:1px solid var(--border-primary);display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;transition:width .3s ease;width:0}.fleet-list-overlay.expanded .fleet-list-panel{width:280px}.fleet-list-overlay.expanded .fleet-list-toggle .material-symbols-rounded{transform:rotate(180deg)}.fleet-list-header{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);flex-shrink:0;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-transform:uppercase;white-space:nowrap}.fleet-list-content{flex:1 1;overflow-y:auto}.fleet-vehicle-card{border-bottom:1px solid var(--border-secondary);cursor:pointer;padding:12px 16px;transition:background var(--transition-fast)}.fleet-vehicle-card:hover{background:var(--bg-hover)}.fleet-vehicle-card.selected{background:var(--bg-active);border-left:3px solid var(--color-primary)}.fleet-vehicle-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.fleet-vehicle-name{color:var(--text-primary);font-size:13px;font-weight:600;white-space:nowrap}.fleet-vehicle-status{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:10px;gap:5px;padding:2px 6px;white-space:nowrap}.fleet-vehicle-status.moving{background:#4ade8026;color:var(--color-success)}.fleet-vehicle-status.idle{background:#1eb4ff26;color:var(--color-primary)}.fleet-vehicle-status.off{background:#f8717126;color:var(--color-error)}.status-dot{border-radius:50%;height:6px;width:6px}.status-dot.moving{animation:pulse 2s infinite;background:var(--color-success)}.status-dot.idle{background:var(--color-primary)}.status-dot.off{background:var(--color-error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fleet-vehicle-details{display:flex;flex-direction:column;gap:3px}.fleet-vehicle-detail{color:var(--text-secondary);display:flex;font-size:11px;justify-content:space-between}.fleet-vehicle-detail .speed-value{color:var(--color-primary);font-weight:500}.fleet-popup{min-width:160px}.fleet-popup-title{align-items:center;color:var(--color-primary);display:flex;font-size:15px;font-weight:600;gap:6px;margin-bottom:8px}.fleet-popup-title .material-symbols-rounded{font-size:18px}.fleet-popup-row .speed-value{color:var(--color-primary);font-weight:500}.fleet-popup-row{border-bottom:1px solid var(--border-secondary);display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.fleet-popup-row:last-child{border-bottom:none}.fleet-popup-row .status-moving{color:var(--color-success)}.fleet-popup-row .status-idle{color:var(--color-primary)}.fleet-popup-row .status-off{color:var(--color-error)}.leaflet-popup-content-wrapper{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary)}.leaflet-popup-tip{background:var(--bg-secondary)}.leaflet-popup-close-button{color:var(--text-muted)!important}.fleet-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;height:400px;justify-content:center}.fleet-loading-spinner{animation:spin 1s linear infinite;border:3px solid #1eb4ff4d;border-radius:50%;border-top:3px solid var(--color-primary);height:40px;width:40px}.fleet-error{align-items:center;color:var(--color-error);display:flex;flex-direction:column;gap:12px;height:400px;justify-content:center}.fleet-error .material-symbols-rounded{font-size:48px;opacity:.6}.btn-retry{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-top:8px;padding:8px 16px}.btn-retry:hover{opacity:.9}@media (max-width:768px){.fleet-list-overlay.expanded .fleet-list-panel{width:240px}}[data-theme=light] .fleet-legend,[data-theme=light] .fleet-list-toggle{background:#fffffff2}[data-theme=light] .fleet-list-toggle:hover{background:#f0f0f0f2}[data-theme=light] .fleet-list-panel{background:#fffffff2}[data-theme=light] .vehicle-plate{background:#ffffffe6;color:var(--text-primary)}[data-theme=light] .vehicle-plate.moving{color:var(--color-success)}[data-theme=light] .vehicle-plate.idle{color:var(--color-primary)}[data-theme=light] .vehicle-plate.off{color:var(--color-error)}[data-theme=light] .fleet-map .leaflet-control-attribution{background:#ffffffe6!important}.transport-planning{display:flex;flex-direction:column;height:100%;z-index:2}.transport-planning .search-header{padding-bottom:20px;transition:all .4s ease}.transport-planning .search-header-inner{align-items:start;flex-direction:row;grid-column:2;grid-row:1;justify-content:end}@keyframes indicatorFadeIn{0%{opacity:0}to{opacity:1}}.transport-planning .auto-save-indicator{align-items:center;animation:indicatorFadeIn .4s ease;background:rgba(var(--bg-main-rgb),.2);border:1.33px solid var(--color-success);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:var(--font-sm);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.transport-planning .auto-save-indicator .material-symbols-rounded{color:var(--color-success);font-size:18px}.transport-planning .date-selector-wrapper{align-items:center;background:linear-gradient(45deg,var(--bg-main),#0000,var(--bg-main));border-radius:50px;box-shadow:rgba(var(--shadow-dark)) 0 2px 12px 2px;display:flex;margin:0 var(--spacing-xl) var(--spacing-lg);overflow:hidden;padding:var(--spacing-sm) 0 15px;position:relative}.transport-planning .date-scroll-btn{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;min-height:100%;min-width:60px;padding:var(--spacing-md);position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-fast);z-index:10}.transport-planning .date-scroll-btn.date-scroll-left{background:linear-gradient(to right,var(--bg-secondary) 40%,#0000);left:0;padding-right:80px}.transport-planning .date-scroll-btn.date-scroll-right{background:linear-gradient(to left,var(--bg-secondary) 40%,#0000);padding-left:80px;right:0}.transport-planning .date-scroll-btn:hover{color:var(--color-primary)}.transport-planning .date-scroll-btn .material-symbols-rounded{filter:drop-shadow(0 0 2px var(--bg-secondary));font-size:28px}.transport-planning .date-selector{-ms-overflow-style:none;align-items:flex-end;display:flex;flex:1 1;gap:0;overflow-x:auto;padding-bottom:8px;scroll-behavior:smooth;scrollbar-width:none}.transport-planning .date-selector::-webkit-scrollbar{display:none}.transport-planning .month-group{border-right:1px solid var(--border-secondary);display:flex;flex-direction:column;flex-shrink:0;margin-right:4px;padding-right:4px}.transport-planning .month-group:last-child{border-right:none;margin-right:0;padding-right:0}.transport-planning .month-label{color:var(--text-muted);font-size:9px;font-weight:var(--font-semibold);letter-spacing:.8px;padding:2px 4px 4px;text-align:center;text-transform:uppercase;white-space:nowrap}.transport-planning .month-dates{display:flex;gap:2px}.transport-planning .date-btn{align-items:center;background:#0000;border:1px solid var(--border-secondary);border-radius:2px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:2px;min-width:42px;padding:6px 8px;position:relative;transition:all var(--transition-fast);white-space:nowrap}.transport-planning .date-btn:hover{background:rgba(var(--bg-main-rgb),.5);border-color:var(--text-muted)}.transport-planning .date-btn.weekend .date-label{color:var(--color-error)}.transport-planning .date-btn.today:not(.active){background:rgba(var(--bg-deep),.3);border-color:var(--color-primary);color:var(--color-primary)}.transport-planning .date-btn.today.weekend:not(.active){color:var(--color-error)}.transport-planning .date-btn.active{background:#fff;border-color:var(--color-primary);color:#000;font-weight:var(--font-semibold)}.transport-planning .date-btn.active:after{color:var(--color-primary);content:"arrow_drop_up";font-family:Material Symbols Rounded;font-size:20px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20;left:50%;line-height:1;position:absolute;top:38px;transform:translateX(-50%)}.transport-planning .date-btn.active:hover{opacity:.9}.transport-planning .date-btn.active .date-label{color:var(--color-primary);opacity:1}.transport-planning .date-btn.active .date-value{color:#000;opacity:1}.transport-planning .date-label{font-size:10px;font-weight:var(--font-semibold);letter-spacing:.6px;opacity:.85;text-transform:uppercase}.transport-planning .date-value{font-size:16px;font-weight:700;line-height:1.1}.transport-planning .transport-content{flex:1 1;overflow-y:auto;padding:0 var(--spacing-xl) 200px}.transport-planning .transport-table{border-collapse:initial;border-spacing:0;width:100%}.transport-planning .transport-table thead tr:first-child th:first-child{border-top-left-radius:var(--radius-xl)}.transport-planning .transport-table thead tr:first-child th:last-child{border-top-right-radius:var(--radius-xl)}.transport-planning .transport-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-xl)}.transport-planning .transport-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-xl)}.transport-planning .transport-table thead{background:none;position:-webkit-sticky;position:sticky;top:0;z-index:10}.transport-planning .transport-table th{background:rgba(var(--bg-main-rgb),.8);border-bottom:2px solid var(--border-primary);color:var(--text-muted);font-size:var(--font-sm);font-weight:var(--font-semibold);letter-spacing:.5px;padding:var(--spacing-sm);text-align:left;text-transform:uppercase}.transport-planning .transport-table th.col-drag{width:30px}.transport-planning .transport-table th.col-po{min-width:90px;white-space:nowrap}.transport-planning .transport-table th.col-customer{min-width:120px}.transport-planning .transport-table th.col-product{min-width:110px}.transport-planning .transport-table th.col-qty{min-width:50px;text-align:center;white-space:nowrap}.transport-planning .transport-table th.col-supplier{min-width:90px}.transport-planning .transport-table th.col-ref{white-space:nowrap;width:1px}.transport-planning .transport-table th.col-status{min-width:150px;text-align:center}.transport-planning .transport-table th.col-time{max-width:90px;min-width:90px;text-align:center;white-space:nowrap;width:90px}.transport-planning .transport-table th.col-haulier,.transport-planning .transport-table th.col-vehicle{text-align:center}.transport-planning .transport-table td.col-drag{width:30px}.transport-planning .transport-table td.col-po{min-width:90px;white-space:nowrap}.transport-planning .transport-table td.col-customer{min-width:120px}.transport-planning .transport-table td.col-product{min-width:110px}.transport-planning .transport-table td.col-qty{min-width:50px;text-align:center;white-space:nowrap}.transport-planning .transport-table td.col-supplier{min-width:90px}.transport-planning .transport-table td.col-ref{white-space:nowrap;width:1px}.transport-planning .transport-table td.col-status{min-width:150px;text-align:center}.transport-planning .transport-table td:nth-child(9){max-width:90px;min-width:90px;text-align:center;white-space:nowrap;width:90px}.transport-planning .transport-table td.col-haulier,.transport-planning .transport-table td.col-vehicle{text-align:center}.transport-planning .transport-table td:last-child button.dropdown-trigger>span:first-child,.transport-planning .transport-table td:nth-child(9) input{color:var(--text-secondary);font-size:.85em;font-weight:600;letter-spacing:.3px}.transport-planning .transport-table tbody tr{background:rgba(var(--bg-tertiary-rgb),.6);border-bottom:1px solid var(--border-secondary);cursor:move;transition:all var(--transition-fast);vertical-align:top}.transport-planning .transport-table tbody tr:hover{background:rgba(var(--bg-tertiary-rgb),.75)!important}.transport-planning .transport-table tbody tr.dragging{background:rgba(var(--bg-tertiary-rgb),.6);opacity:.4}.transport-planning .transport-table td{font-size:var(--font-md);padding:var(--spacing-md) var(--spacing-sm)}.transport-planning .transport-table tr td:last-child,.transport-planning .transport-table tr th:last-child{padding-right:var(--spacing-lg)}.transport-planning .drag-handle{color:var(--text-muted);cursor:grab;text-align:center}.transport-planning .drag-handle:active{cursor:grabbing}.transport-planning .drag-handle .material-symbols-rounded{font-size:20px;vertical-align:middle}.transport-planning .order-number{font-weight:var(--font-medium)}.transport-planning .order-number-primary{font-size:var(--font-md);font-weight:var(--font-medium)}.transport-planning .order-number-secondary{color:var(--text-muted);font-size:var(--font-sm);margin-top:4px}.transport-planning .account-badge,.transport-planning .product-code{background:rgba(var(--text-muted-rgb),.8);border:none;border-radius:var(--radius-md);color:var(--bg-th);display:inline-block;flex-shrink:0;font-size:.65em;font-weight:600;letter-spacing:.3px;margin-left:-2px;padding:2px 5px}.badge-text-row{align-items:center;display:flex;gap:var(--spacing-xs)}.badge-text-row .product-badge{background:rgba(var(--text-muted-rgb),.8);border-radius:var(--radius-md);color:var(--bg-th);display:inline-block;flex-shrink:0;font-size:.65em;font-weight:600;letter-spacing:.3px;padding:2px 5px}.transport-planning .customer-info,.transport-planning .products-info,.transport-planning .supplier-info{display:flex;flex-direction:column;gap:4px}.transport-planning .customer-name-row,.transport-planning .product-line,.transport-planning .supplier-name-row{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.transport-planning .customer-name,.transport-planning .supplier-name{font-size:var(--font-sm)}.transport-planning .address-line{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--font-xs);gap:4px;margin-left:0}.transport-planning .address-toggle{align-items:center;background:rgba(var(--bg-main-rgb),.5);border-radius:10px;box-shadow:rgba(var(--shadow-dark)) 2px 2px 4px -1px;color:var(--text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;transition:all .3s}.transport-planning .address-toggle:hover{background:rgba(var(--bg-main-rgb),1);color:var(--text-primary)}.transport-planning .address-toggle .material-symbols-rounded{font-size:14px}.transport-planning .address-full{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;width:100%}.transport-planning .address-expanded .address-full{max-height:120px;opacity:1}.transport-planning .product-desc{font-size:var(--font-sm)}.transport-planning .status-badges{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.transport-planning .transport-table td.status-col{align-content:start;height:100%;text-align:center;vertical-align:top}.transport-planning .status-row{align-items:center;display:inline-flex;gap:4px;justify-content:center;margin-top:var(--spacing-sm)}.transport-planning .status-row .history-icon,.transport-planning .status-row .modified-icon,.transport-planning .status-row .price-icon{flex-shrink:0;width:20px}.transport-planning .status-badge{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-xs);font-weight:var(--font-semibold);letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.transport-planning .price-icon{align-items:center;display:inline-flex;margin-left:-2px}.transport-planning .price-icon:hover{cursor:help}.transport-planning .price-icon .material-symbols-rounded{font-size:18px}.transport-planning .price-icon.color-success .material-symbols-rounded{color:var(--color-success)}.transport-planning .price-icon.color-error .material-symbols-rounded{color:var(--color-error)}.transport-planning .modified-icon{align-items:center;color:var(--color-warning);cursor:pointer;display:inline-flex;transition:color var(--transition-fast)}.transport-planning .modified-icon .material-symbols-rounded{font-size:18px}.transport-planning .modified-icon:hover{color:var(--color-error)}.transport-planning .history-icon{align-items:center;color:var(--text-muted);cursor:pointer;display:inline-flex;transition:color var(--transition-fast)}.transport-planning .history-icon .material-symbols-rounded{font-size:18px}.transport-planning .history-icon:hover{color:var(--color-primary)}.transport-planning .time-input{background:var(--bg-main);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-sm);height:37px;text-align:center;transition:all var(--transition-fast);width:100%}.transport-planning .time-input::-webkit-datetime-edit{text-align:center;width:100%}.transport-planning .time-input::-webkit-datetime-edit-fields-wrapper{text-align:center}.transport-planning .time-input::-webkit-datetime-edit-ampm-field,.transport-planning .time-input::-webkit-datetime-edit-hour-field,.transport-planning .time-input::-webkit-datetime-edit-minute-field,.transport-planning .time-input::-webkit-datetime-edit-text{text-align:center}.transport-planning .time-input::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.transport-planning .time-input:focus,.transport-planning .time-input:hover{background:var(--bg-main);border-color:var(--color-primary)}.transport-planning .time-input:focus{outline:none}.transport-planning .time-input:disabled{cursor:not-allowed;opacity:.5}.transport-planning .haulier-select{background:var(--bg-main);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-sm);padding:6px 10px;transition:all var(--transition-fast);width:100%}.transport-planning .haulier-select:hover{background:var(--bg-secondary);border-color:var(--border-primary)}.transport-planning .haulier-select:focus{background:var(--bg-secondary);border-color:var(--color-primary);outline:none}.transport-planning .haulier-select option{background:var(--bg-tertiary);color:var(--text-primary)}.transport-planning .no-orders{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:var(--spacing-xxl);text-align:center}.transport-planning .no-orders .material-symbols-rounded{font-size:64px;margin-bottom:var(--spacing-md);opacity:.3}.transport-planning .no-orders p{font-size:var(--font-md);margin:0}.transport-planning .paperwork-sent-indicator{align-items:center;animation:indicatorFadeIn .4s ease;background:rgba(var(--bg-main-rgb),.2);border:1.33px solid var(--color-primary);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:var(--font-sm);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.transport-planning .paperwork-sent-indicator .material-symbols-rounded{color:var(--color-primary);font-size:18px}.transport-planning .paperwork-sent-indicator .sent-time{font-weight:600}.transport-planning .paperwork-sent-indicator .sent-by{color:rgba(var(--text-primary-rgb),.66)}.transport-planning .paperwork-sent-indicator.supplier-email-indicator{background:rgba(var(--bg-main-rgb),.2);border:1.33px solid var(--color-success);color:var(--text-secondary)}.transport-planning .snapshot-banner-wrapper{display:grid;grid-column:1/-1;grid-template-rows:0fr;transition:grid-template-rows .4s ease .4s}.transport-planning .snapshot-banner-wrapper.visible{grid-template-rows:1fr;transition:grid-template-rows .4s ease}.transport-planning .snapshot-banner-wrapper>.snapshot-banner{align-items:center;background:rgba(var(--bg-main-rgb),.2);border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-error);display:flex;font-size:var(--font-sm);font-weight:500;gap:var(--spacing-sm);margin:0;min-height:0;opacity:0;overflow:hidden;padding:0 var(--spacing-md);transition:opacity .4s ease,padding .4s ease .4s,margin .4s ease .4s,border-color .4s ease .4s}.transport-planning .snapshot-banner-wrapper.visible>.snapshot-banner{border-color:var(--color-error);margin:10px 0 0;opacity:1;padding:var(--spacing-sm) var(--spacing-md);transition:opacity .4s ease .4s,padding .4s ease,margin .4s ease,border-color .4s ease}.transport-planning .snapshot-banner .material-symbols-rounded{font-size:18px}.transport-planning .search-header-inner .buttons{gap:var(--spacing-md)}.transport-planning .btn-secondary.locked{background:var(--color-warning);border-color:var(--color-warning);color:var(--bg-deep)}.transport-planning .btn-secondary.locked:hover{background:var(--color-warning);opacity:.9}.warning-banner{align-items:center;background:rgba(var(--color-warning-rgb),.1);border:none;border-radius:25px;color:var(--color-warning);display:flex;font-size:.8em;font-weight:var(--font-medium);gap:var(--spacing-xs);margin:0 0 var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.warning-banner .material-symbols-rounded{font-size:20px}.warnings-list{max-height:60vh;overflow-y:auto}.warnings-list .data-table{border-radius:var(--radius-lg);overflow:hidden;width:100%}.driver-paperwork-modal td.warning-issues{color:var(--color-error);text-transform:capitalize}.warning-note{color:var(--text-muted);font-size:var(--font-sm);font-style:italic;margin-top:var(--spacing-xl)}.email-hint{color:var(--text-muted);font-size:var(--font-xs);margin-top:var(--spacing-sm)}.progress-spinner{align-items:center;display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.progress-spinner .material-symbols-rounded{color:var(--color-primary);font-size:48px}.progress-spinner .spinning{animation:tp_spin 1.5s linear infinite}.progress-spinner .spinning-anti{animation:tp_spin 1.5s infinite reverse}@keyframes tp_spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progress-note{color:var(--text-muted);font-size:var(--font-sm)}.haulier-selection-container{margin:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}.haulier-selection-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg);max-height:30%;overflow-y:auto}.haulier-selection-item{align-items:center;background-color:rgba(var(--text-muted-rgb),.05);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-md);transition:all .3s ease}.haulier-selection-item.selected{background-color:rgba(var(--text-muted-rgb),.1)}.haulier-name{flex:1 1;font-size:.9em!important;font-weight:500;margin-left:10px}.haulier-order-count{background:var(--bg-main);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-sm);margin-left:10px;padding:2px 8px;text-transform:capitalize}.haulier-email-section{margin-left:10px;width:-webkit-fit-content;width:fit-content}.haulier-saved-email,.haulier-temp-email{align-items:center;display:flex}.haulier-saved-email .email-value{background-color:rgba(var(--text-muted-rgb),.2);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);padding:4px 8px}.haulier-saved-email .email-value.no-email{background-color:rgba(var(--color-error-rgb),.15);color:var(--color-error);font-style:italic}.haulier-temp-email .form-input{flex:1 1;font-size:var(--font-sm);padding:var(--spacing-sm)}.btn-link{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;padding:var(--spacing-xs);transition:color .15s ease}.btn-link:hover{color:var(--color-primary)}.btn-link .material-symbols-rounded{font-size:18px}.hauliers-manager .search-content{padding-top:var(--spacing-xs)}.hauliers-manager .hm-archived-row{opacity:.6}.hauliers-manager .hm-email-cell,.hauliers-manager .hm-name-cell{min-width:180px}.hauliers-manager .hm-inline-edit{align-items:center;display:flex;gap:4px}.hauliers-manager .hm-edit-input{background:var(--bg-secondary);border:1px solid var(--color-primary);border-radius:4px;color:var(--text-primary);flex:1 1;font-size:inherit;min-width:0;outline:none;padding:4px 8px}.hauliers-manager .hm-edit-input:focus{box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.hauliers-manager .hm-email-display,.hauliers-manager .hm-name-display{border-radius:4px;cursor:pointer;display:inline-block;padding:3px 6px;transition:background-color .15s}.hauliers-manager .hm-email-display:hover,.hauliers-manager .hm-name-display:hover{background:rgba(128 128 128,.15);background:rgba(var(--bg-tertiary-rgb,128 128 128),.15)}.hauliers-manager .hm-empty{color:var(--text-muted);font-size:.9em;font-style:italic}.hauliers-manager .hm-btn-save{color:var(--color-success)}.hauliers-manager .hm-btn-save:hover{background:rgba(var(--color-success-rgb),.1)}.vehicles-manager .search-content{padding-top:var(--spacing-xs)}.vehicles-manager .vm-archived-row{opacity:.6}.vehicles-manager .vm-reg-cell{min-width:160px}.vehicles-manager .vm-inline-edit{align-items:center;display:flex;gap:4px}.vehicles-manager .vm-edit-input{background:var(--bg-secondary);border:1px solid var(--color-primary);border-radius:4px;color:var(--text-primary);flex:1 1;font-size:inherit;font-weight:500;letter-spacing:.05em;min-width:0;outline:none;padding:4px 8px;text-transform:uppercase}.vehicles-manager .vm-edit-input:focus{box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.vehicles-manager .vm-reg-display{background:#fff;border:1px solid #000;border-radius:4px;color:#000;cursor:pointer;display:inline-block;letter-spacing:0;padding:3px 6px;text-align:center;transition:all .5s;width:95px}.vehicles-manager .vm-reg-display:hover{background:gold}.vehicles-manager .vm-btn-save{color:var(--color-success)}.vehicles-manager .vm-btn-save:hover{background:rgba(var(--color-success-rgb),.1)}.reps-manager .search-content{padding-top:var(--spacing-xs)}.reps-manager .rm-archived-row{opacity:.6}.reps-manager .rm-email-cell,.reps-manager .rm-name-cell{min-width:180px}.reps-manager .rm-inline-edit{align-items:center;display:flex;gap:4px}.reps-manager .rm-edit-input{background:var(--bg-secondary);border:1px solid var(--color-primary);border-radius:4px;color:var(--text-primary);flex:1 1;font-size:inherit;min-width:0;outline:none;padding:4px 8px}.reps-manager .rm-edit-input:focus{box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.reps-manager .rm-email-display,.reps-manager .rm-name-display{border-radius:4px;cursor:pointer;display:inline-block;padding:3px 6px;transition:background-color .15s}.reps-manager .rm-email-display:hover,.reps-manager .rm-name-display:hover{background:rgba(128 128 128,.15);background:rgba(var(--bg-tertiary-rgb,128 128 128),.15)}.reps-manager .rm-empty{color:var(--text-muted);font-size:.9em;font-style:italic}.reps-manager .rm-btn-save{color:var(--color-success)}.reps-manager .rm-btn-save:hover{background:rgba(var(--color-success-rgb),.1)}.search-till-sales{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;z-index:1}.search-till-sales .till-filter-row{grid-template-columns:.5fr 2fr .6fr .6fr 65px!important}.filter-group.filter-warning .dropdown-selected,.filter-group.filter-warning .dropdown-trigger{background-color:rgba(var(--color-error-rgb),.2);border-left:3px solid rgba(var(--color-error-rgb),1)}.toggle-switch{cursor:pointer;display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--border-secondary);border-radius:24px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.2s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.2s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.sync-progress-text{align-items:center;color:var(--color-primary);display:inline-flex;font-size:var(--font-xs);gap:4px}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.till-sales-panel{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:var(--spacing-lg)}.till-sales-panel .table-toolbar{align-items:center;display:flex;justify-content:space-between}.till-sales-panel .table-toolbar .btn-sm{width:-webkit-max-content;width:max-content}.till-sales-panel .till-stats{color:var(--text-muted);font-size:var(--font-sm);margin-left:auto;text-align:right}.till-sales-table .actions-flex{display:flex;gap:4px;justify-content:center}.till-sales-table tbody tr.invoiced-row{opacity:.45}.till-sales-table tbody tr.invoiced-row:hover{opacity:.7}.customer-row{align-items:center;display:flex;gap:var(--spacing-sm)}.customer-info{display:flex;flex-direction:column;gap:1px;min-width:0}.customer-name{font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-matched-name{color:var(--text-muted);font-size:var(--font-xs)}.contact-status-icon{flex-shrink:0;font-size:16px!important}.material-symbols-rounded.icon-muted{color:var(--text-muted)}.material-symbols-rounded.icon-success{color:var(--color-success)}.material-symbols-rounded.icon-warning{color:var(--color-error)}.tender-icon{color:var(--text-muted);font-size:18px!important}.tender-icon-card,.tender-icon-credit-card{color:var(--color-primary)}.tender-icon-cash{color:var(--color-success)}.tender-icon-book-to-account{color:var(--text-primary)}.product-name-row{gap:6px}.btn-icon-inline,.product-name-row{align-items:center;display:inline-flex}.btn-icon-inline{background:none;border:none;color:var(--color-error);padding:0;pointer-events:none}.expanded-content.expanded .line-items-table .line-item-unmatched td:first-child{border-left:4px solid rgba(var(--color-error-rgb),1);color:var(--color-error);font-style:italic;font-weight:500}.unmatched-account{color:var(--color-error);font-size:var(--font-xs)}.create-item-form .form-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-item-form .form-group{display:flex;flex-direction:column;gap:4px}.create-item-form .detal-row.purchases{padding-bottom:100px}.create-item-form .form-group label{color:var(--text-muted);font-size:var(--font-xs);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.create-item-form .form-row-2{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.search-till-sales .loading-bar-wrapper{padding:var(--spacing-lg)}.loading-lines{color:var(--text-muted);font-size:var(--font-sm);padding:var(--spacing-md) var(--spacing-lg)}.till-warning-banner{align-items:center;background:rgba(var(--color-error-rgb),.2);border-left:3px solid rgba(var(--color-error-rgb),1);border-radius:var(--radius-sm);color:var(--text-primary);display:flex;font-size:var(--font-sm);font-weight:500;gap:var(--spacing-sm);margin:var(--spacing-md) var(--spacing-lg) 0;padding:var(--spacing-sm) var(--spacing-lg)}.till-warning-banner .material-symbols-rounded{color:var(--color-error)}.resolve-modal{background:#fff;background:var(--bg-main,#fff);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:70vh;max-width:90vw!important;width:500px!important}.resolve-modal .modal-header{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-sm)}.resolve-modal .modal-header h3{font-size:16px;font-size:var(--font-lg,16px);margin:0}.resolve-modal .btn-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;scale:1;transition-duration:.3s}.resolve-modal .btn-close:hover{color:var(--text-primary);scale:1.2}.resolve-modal .modal-body{overflow:scroll;padding:0 0 50px}.resolve-modal .create-item-form .form-grid>:last-child{margin-bottom:100px}.resolve-modal .modal-body>div:first-of-type{margin-top:-20px}.resolve-modal .modal-body>div:not(.modal-footer){padding:0 var(--spacing-xl)}.resolve-modal .modal-footer{bottom:0;left:0;padding:var(--spacing-xl);position:absolute;right:0}.resolve-modal .resolve-customer-name{background:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-sm);margin:0 var(--spacing-xl) var(--spacing-xl);padding:var(--spacing-sm)}.resolve-modal .search-section,.resolve-modal .suggestions-section{margin-bottom:var(--spacing-lg);padding:0 var(--spacing-xl)}.resolve-modal .search-section h4,.resolve-modal .suggestions-section h4{color:var(--text-muted);font-size:var(--font-xs);font-weight:600;letter-spacing:.5px;margin:0 0 var(--spacing-sm);text-transform:uppercase}.resolve-modal .suggestion-row{align-items:center;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:4px;padding:var(--spacing-sm) var(--spacing-md)}.resolve-modal .suggestion-row:hover{background:var(--bg-secondary)}.resolve-modal .suggestion-info{display:flex;flex-direction:column;gap:2px}.resolve-modal .suggestion-name{font-size:var(--font-sm);font-weight:500}.resolve-modal .suggestion-detail{color:var(--text-muted);font-size:var(--font-xs)}.context-menu-overlay{inset:0;position:fixed;z-index:9999}.context-menu{opacity:0;position:fixed;transform:translate(-50%,-50%);transition:opacity .4s ease}.context-menu-overlay.deployed .context-menu{opacity:1}.context-menu:after{bottom:-80px;content:"";left:-80px;position:absolute;right:-80px;top:-80px;z-index:0}.context-menu>*{position:relative;z-index:1}.menu-button,.menu-button.material-symbols-rounded{align-items:center;background:var(--color-primary);border:none;border-radius:50%;box-shadow:0 6px 18px rgba(var(--shadow-dark));color:var(--bg-main);cursor:pointer;display:flex;font-size:20px;height:42px;justify-content:center;transition:transform .2s ease;width:42px;z-index:1}.menu-button.material-symbols-rounded:hover,.menu-button:hover{cursor:pointer;transform:scale(1.06)}.menu-items{inset:0;position:absolute}.tooltip.material-symbols-rounded{display:flex}.tooltip.letter-icon{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:var(--font-bold);line-height:1;text-align:center}.tooltip .custom-icon{height:14px;width:14px}.tooltip{--radius:60px;align-items:center;background:var(--bg-main);border-radius:50%;box-shadow:0 4px 10px rgba(var(--shadow-dark));color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;height:26px;justify-content:center;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(0) rotate(calc(var(--angle)*-1)) scale(.4);transition:transform .5s cubic-bezier(.22,.9,.36,1),opacity .35s ease;width:26px}.context-menu-overlay.deployed .tooltip{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--radius)) rotate(calc(var(--angle)*-1)) scale(1);transition-delay:calc(var(--i)*45ms)}.tooltip.admin-item{color:var(--color-warning)}.tooltip.admin-item:hover{background-color:var(--color-warning);color:var(--bg-main)}.tooltip:hover{background-color:var(--color-primary);color:var(--bg-main);cursor:pointer;transform:translate(-50%,-50%) rotate(var(--angle)) translate(calc(var(--radius) + 6px)) rotate(calc(var(--angle)*-1)) scale(1.12)}.context-menu-overlay.deployed .menu-items{animation:radialSweep .45s ease-out forwards}@keyframes radialSweep{0%{transform:rotate(-60deg)}to{transform:rotate(0deg)}}.modal-content.user-profile-modal{background:var(--bg-secondary);border:none;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:row;height:80vh;max-width:90vw;min-width:400px;overflow:hidden;padding:0;transition:width .4s cubic-bezier(.4,0,.2,1);width:30vw}.modal-content.user-profile-modal.expanded{width:75vw}.modal-content.user-profile-modal.dashboard-panel{width:90vw}.user-profile-modal .configurator-embedded{padding:0}.user-profile-modal .configurator-embedded .configurator-section{padding:0 var(--spacing-md) var(--spacing-lg)}.user-profile-modal.dashboard-panel.expanded .profile-panel-right.open{width:calc(65vw - 1px)}.user-profile-modal .profile-panel-left{background:var(--bg-secondary);border:none;border-right:1px solid var(--border-secondary);display:flex;flex-direction:column;flex-shrink:0;min-width:400px;width:30vw}.user-profile-modal .panel-header{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-lg) 7px 27px}.user-profile-modal .header-title{align-items:center;display:flex;gap:var(--spacing-md);min-width:0}.user-profile-modal .profile-avatar{align-items:center;background:rgba(var(--color-primary-rgb),.2);border:2px solid var(--color-primary);border-radius:50%;color:var(--color-primary);display:flex;flex-shrink:0;font-size:var(--font-sm);font-weight:var(--font-semibold);height:36px;justify-content:center;width:36px}.user-profile-modal .panel-header h2{color:var(--text-primary);font-size:1em;font-weight:var(--font-semibold);margin:0}.user-profile-modal .header-actions{display:flex;gap:var(--spacing-sm)}.user-profile-modal .header-actions .btn-icon{align-items:center;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;margin:0;padding:0;transition:all .5s}.user-profile-modal .header-actions .btn-icon:hover:not(:disabled){background-color:initial;box-shadow:none}.user-profile-modal .header-actions .btn-icon:hover:not(:disabled) .material-symbols-rounded{color:var(--text-primary);scale:1.2}.user-profile-modal .header-actions .btn-icon .material-symbols-rounded{font-size:18px;scale:1;transition:all .5s}.user-profile-modal .header-actions .btn-icon.close-btn .material-symbols-rounded{font-size:24px}.user-profile-modal .panel-body{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xl);overflow-y:auto;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl)}.user-profile-modal .info-section h3{color:var(--text-primary);font-size:.9em;font-weight:var(--font-semibold);margin-bottom:var(--spacing-md)}.user-profile-modal .info-columns{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.user-profile-modal .info-col{display:flex;flex-direction:column;gap:var(--spacing-sm)}.user-profile-modal .info-item{display:flex;flex-direction:column;gap:2px}.user-profile-modal .info-label{color:var(--text-muted);font-size:.65em;font-weight:600;letter-spacing:.2px;margin:0 0 3px;text-transform:uppercase}.user-profile-modal .info-value{color:var(--text-primary);font-size:var(--font-sm);margin:0 0 5px}.color-dot-inline{border-radius:50%;display:inline-block;flex-shrink:0;height:10px;width:10px}.user-profile-modal .panel-nav-buttons{background:var(--bg-tertiary);display:flex;gap:var(--spacing-md);justify-content:start;padding:var(--spacing-xl)}.user-profile-modal .profile-panel-right{background:var(--bg-secondary);border:none;display:flex;flex-direction:column;overflow:hidden;transition:width .5s cubic-bezier(.4,0,.2,1);width:0;will-change:width}.user-profile-modal .profile-panel-right.open{width:calc(45vw - 1px)}.user-profile-modal .right-panel-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);display:flex;flex-shrink:0;justify-content:space-between;min-height:56px;padding:var(--spacing-lg) var(--spacing-xl)}.user-profile-modal .right-panel-header h3{color:var(--text-primary);font-size:var(--font-lg);font-weight:var(--font-semibold);margin:0;white-space:nowrap}.user-profile-modal .right-panel-header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.user-profile-modal .right-panel-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl) 0 var(--spacing-lg)}.user-profile-modal .panel-content-section{animation:userProfileFadeIn .3s ease-out forwards;display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;min-width:0;opacity:0;overflow-y:auto}.user-profile-modal .panel-content-section.panel-opening{animation:userProfileFadeIn .3s ease-out .5s forwards}@keyframes userProfileFadeIn{0%{opacity:0}to{opacity:1}}.user-profile-modal .theme-section{padding:0 var(--spacing-md) var(--spacing-lg)}.user-profile-modal .theme-section h4{color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-semibold);margin:0 0 var(--spacing-sm)}.user-profile-modal .theme-hint{color:var(--text-muted);font-size:var(--font-xs);line-height:1.4;margin:0 0 var(--spacing-md)}.color-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.color-option{align-items:center;background:var(--bg-tertiary);border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);position:relative;transition:all .2s ease}.color-option:hover{background:var(--bg-lesser)}.color-option.selected{border-color:var(--color-primary)}.color-swatches{display:flex;gap:var(--spacing-sm)}.color-swatch{border-radius:var(--radius-md);height:32px;position:relative;width:32px}.color-swatch.dark{border:1px solid #ffffff26}.color-swatch.light{border:1px solid #00000026}.color-label{color:var(--text-secondary);font-size:var(--font-xs);font-weight:var(--font-medium)}.color-check{color:var(--color-primary);font-size:16px!important;position:absolute;right:6px;top:6px}.wallpaper-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr)}.wallpaper-option{align-items:center;background:var(--bg-tertiary);border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs);position:relative;transition:all .2s ease}.wallpaper-option:hover{background:var(--bg-lesser)}.wallpaper-option.selected{border-color:var(--color-primary)}.wallpaper-preview{aspect-ratio:16/9;background-position:50%;background-size:cover;border-radius:var(--radius-md);width:100%}.wallpaper-none{align-items:center;background:var(--bg-main);color:var(--text-muted);display:flex;justify-content:center}.wallpaper-none .material-symbols-rounded{font-size:24px}.wallpaper-label{color:var(--text-secondary);font-size:var(--font-xs);font-weight:var(--font-medium)}.wallpaper-check{color:var(--color-primary);font-size:16px!important;position:absolute;right:6px;top:6px}.context-items-list{display:flex;flex-direction:column;gap:2px}.context-item{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;font-size:var(--font-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background .15s ease}.context-item:hover{background:var(--bg-lesser)}.context-item.available{opacity:.6}.context-item.available:hover{opacity:1}.context-item-icon{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.context-item-icon .material-symbols-rounded{font-size:18px}.context-item-label{color:var(--text-primary);flex:1 1;font-weight:var(--font-medium)}.context-item-parent{color:var(--text-muted);font-size:.9em;font-weight:var(--font-normal)}.context-item-icon .letter-icon{font-size:14px;font-weight:var(--font-bold)}.fav-submenu-editor{background:rgba(var(--bg-main-rgb),.25);border:1px solid var(--border-secondary);border-radius:var(--radius-md);margin:var(--spacing-xs) 0 var(--spacing-md);padding:var(--spacing-md)}.fav-submenu-row.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0}.fav-child-add-items summary{list-style:none;padding:var(--spacing-xs) 0}.fav-child-add-items summary::-webkit-details-marker{display:none}.fav-child-add-items summary:before{content:"▸ ";display:inline-block;transition:transform .2s}.fav-child-add-items[open] summary:before{transform:rotate(90deg)}.context-item-actions{display:flex;gap:2px;margin-left:auto}.btn-icon-sm{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;height:26px;justify-content:center;padding:0;transition:all .15s ease;width:26px}.btn-icon-sm:hover:not(:disabled){background:var(--bg-main);color:var(--text-primary)}.btn-icon-sm:disabled{cursor:not-allowed;opacity:.3}.btn-icon-sm.remove:hover:not(:disabled){color:var(--color-error)}.btn-icon-sm.add:hover:not(:disabled){color:var(--color-success)}.btn-icon-sm .material-symbols-rounded{font-size:18px}.overlay-controls{display:flex;flex-direction:column;gap:var(--spacing-md)}.overlay-btn,.overlay-color-toggle{display:flex;gap:var(--spacing-sm)}.overlay-btn{align-items:center;background:var(--bg-tertiary);border:2px solid #0000;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-sm);font-weight:var(--font-medium);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.overlay-btn:hover{background:var(--bg-lesser)}.overlay-btn.selected{border-color:var(--color-primary);color:var(--text-primary)}.overlay-swatch{border-radius:var(--radius-sm);flex-shrink:0;height:18px;width:18px}.overlay-swatch.overlay-dark{background:#000;border:1px solid #fff3}.overlay-swatch.overlay-light{background:#fff;border:1px solid #0003}.overlay-opacity-control{display:flex;flex-direction:column;gap:var(--spacing-xs)}.overlay-opacity-control label{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-xs);font-weight:var(--font-medium);justify-content:space-between}.overlay-opacity-control .opacity-value{color:var(--text-primary);font-weight:var(--font-semibold)}.overlay-opacity-control input[type=range]{-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.overlay-opacity-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border:2px solid var(--bg-secondary);border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:18px;width:18px}.overlay-opacity-control input[type=range]::-moz-range-thumb{background:var(--color-primary);border:2px solid var(--bg-secondary);border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:18px;width:18px}.user-profile-modal.closing{opacity:0;transform:scale(.95)}@media (max-width:1200px){.modal-content.user-profile-modal{max-width:95vw;width:95vw}.modal-content.user-profile-modal.expanded{width:95vw}.user-profile-modal .profile-panel-left{max-width:350px;min-width:350px;width:350px}.user-profile-modal .profile-panel-right.open{width:calc(95vw - 351px)}}@media (max-width:768px){.modal-content.user-profile-modal{flex-direction:column;height:95vh;width:95vw}.user-profile-modal .profile-panel-left{border-bottom:1px solid var(--border-secondary);border-right:none;max-width:100%;min-width:100%;width:100%}.user-profile-modal .profile-panel-right{width:100%}.user-profile-modal .profile-panel-right.open{height:60vh;width:100%}.user-profile-modal .info-columns{grid-template-columns:1fr}.color-grid,.wallpaper-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-configurator-modal{max-width:1200px}.dashboard-configurator-modal .modal-content{display:flex;flex-direction:column;margin:0}.dashboard-configurator-modal .modal-header{border-bottom:none;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg)}.dashboard-configurator-modal .modal-body{padding:0}.dashboard-configurator-modal .modal-footer{margin:0;padding:var(--spacing-xl);width:100%}.configurator-content{flex:1 1;margin:0 var(--spacing-md);overflow-x:hidden;overflow-y:auto;padding:0 var(--spacing-lg) var(--spacing-lg)}.configurator-section{margin-bottom:var(--spacing-xl)}.configurator-section h4{color:var(--text-primary);font-size:var(--font-lg);font-weight:var(--font-semibold);margin:0 0 var(--spacing-md) 0}.section-hint{color:var(--text-muted);font-size:var(--font-sm);margin:0 0 var(--spacing-md) 0}.layout-presets{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.layout-preset-btn{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:90px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.layout-preset-btn:hover{background:var(--bg-secondary);border-color:var(--text-muted)}.layout-preset-btn.active{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary)}.layout-preview{display:flex;gap:3px;height:36px;width:100%}.preview-column{background:var(--bg-lesser);border-radius:var(--radius-sm);flex:1 1}.preview-column.preview-narrow{background:var(--color-primary);flex:0 0 24px;opacity:.6}.preview-column.preview-medium,.preview-column.preview-wide{background:var(--text-muted);opacity:.3}.layout-preset-btn.active .preview-column.preview-narrow{opacity:1}.layout-preset-btn.active .preview-column.preview-medium,.layout-preset-btn.active .preview-column.preview-wide{opacity:.5}.layout-name{color:var(--text-secondary);font-size:10px;text-align:center}.layout-preset-btn.active .layout-name{color:var(--color-primary);font-weight:var(--font-medium)}.preview-column.preview-custom{align-items:center;background:var(--bg-lesser);display:flex;justify-content:center;opacity:.4}.layout-preset-btn.active .preview-column.preview-custom{background:rgba(var(--color-primary-rgb),.2);color:var(--color-primary);opacity:.7}.custom-layout-section{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.custom-layout-builder{display:flex;flex-direction:column;gap:var(--spacing-sm)}.custom-column-count{align-items:center;display:flex;gap:var(--spacing-sm)}.custom-label{color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--font-medium)}.custom-count-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-md);font-weight:var(--font-semibold);height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.custom-count-btn:hover{border-color:var(--text-muted)}.custom-count-btn.active{background:rgba(var(--color-primary-rgb),.15);border-color:var(--color-primary);color:var(--color-primary)}.custom-columns-config{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.custom-column-item{align-items:center;display:flex;gap:var(--spacing-sm)}.custom-col-label{color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-medium);text-transform:uppercase}.custom-width-options{display:flex;gap:2px}.custom-width-btn{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:10px;padding:3px 6px;transition:all var(--transition-fast)}.custom-width-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.custom-width-btn.active{background:rgba(var(--color-primary-rgb),.15);border-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-medium)}.custom-preview{border-top:1px solid var(--border-secondary);padding-top:var(--spacing-sm)}.assignment-grid{grid-gap:6px;display:grid;gap:6px;margin-top:var(--spacing-md)}.grid-column-header{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:6px 10px;transition:all var(--transition-fast)}.grid-column-header.drop-target{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary)}.grid-column-header.drop-invalid{opacity:.4}.column-type{color:var(--color-primary);font-size:10px;font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.column-label{color:var(--text-secondary);font-size:var(--font-xs)}.grid-widget-item{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);cursor:grab;min-width:0;padding:5px 8px;transition:all var(--transition-fast)}.grid-widget-item:hover{background:var(--bg-main);border-color:var(--border-primary)}.grid-widget-item:active{cursor:grabbing}.grid-widget-item.dragging{border-color:var(--color-primary);border-style:dashed;opacity:.4}.grid-widget-item.spanning{background:rgba(var(--color-primary-rgb),.04);border-color:var(--color-primary);border-style:dashed}.gwi-row1{align-items:center;display:flex;gap:4px;min-width:0}.gwi-row1 .drag-handle{color:var(--text-muted);cursor:grab;flex-shrink:0;font-size:14px}.gwi-row1 .widget-icon{color:var(--color-primary);flex-shrink:0;font-size:16px}.gwi-row1 .widget-name{color:var(--text-primary);flex:1 1;font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gwi-actions-core{align-items:center;display:flex;flex-shrink:0;gap:1px}.gwi-actions-core .btn-icon{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;transition:all var(--transition-fast);width:20px}.gwi-actions-core .btn-icon .material-symbols-rounded{font-size:14px}.gwi-actions-core .btn-icon:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.gwi-actions-core .btn-icon:disabled{cursor:not-allowed;opacity:.25}.gwi-actions-core .btn-remove:hover:not(:disabled){background:rgba(var(--color-error-rgb),.1);color:var(--color-error)}.gwi-row2{align-items:center;border-top:1px solid var(--border-secondary);display:flex;gap:4px;margin-top:3px;padding-top:3px}.gwi-span-label{color:var(--text-muted);font-size:9px;letter-spacing:.3px;text-transform:uppercase}.gwi-span-divider{background:var(--border-secondary);flex-shrink:0;height:14px;margin:0 2px;width:1px}.span-badge{background:rgba(var(--color-primary-rgb),.15);border-radius:var(--radius-sm);color:var(--color-primary);flex-shrink:0;font-size:8px;font-weight:var(--font-semibold);letter-spacing:.3px;padding:1px 4px;text-transform:uppercase}.span-select{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:10px;height:20px;padding:0 2px;width:52px}.span-select:focus{border-color:var(--color-primary);outline:none}.span-direction{display:flex;gap:1px}.btn-dir{opacity:.4}.btn-dir:hover:not(:disabled){opacity:1}.btn-dir.active{color:var(--color-primary)!important;opacity:1}.btn-dir:disabled{opacity:.15}.btn-collapse-toggle{opacity:.4}.btn-collapse-toggle:hover:not(:disabled){opacity:1}.btn-collapse-toggle.active{color:var(--color-warning)!important;opacity:1}.btn-collapse-toggle.active:hover:not(:disabled){background:rgba(var(--color-warning-rgb),.1)!important}.grid-drop-zone{align-items:center;border:2px dashed var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-muted);display:flex;flex-direction:column;font-size:11px;font-style:italic;gap:4px;justify-content:center;min-height:50px;padding:var(--spacing-md);transition:all var(--transition-fast)}.grid-drop-zone.hidden{border:none;height:0;min-height:0;padding:0;visibility:hidden}.grid-drop-zone.drop-target{background:rgba(var(--color-primary-rgb),.05);border-color:var(--color-primary);color:var(--color-primary)}.grid-drop-zone.drop-invalid{opacity:.3}.unused-widgets-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.unused-widget-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:grab;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.unused-widget-card:hover{background:var(--bg-tertiary);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.unused-widget-card:active{cursor:grabbing;transform:translateY(0)}.unused-widget-card.dragging{border-color:var(--color-primary);border-style:dashed;opacity:.5}.unused-widget-preview{align-items:center;background:rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.unused-widget-preview .material-symbols-rounded{color:var(--color-primary);font-size:20px}.unused-widget-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.unused-widget-name{color:var(--text-primary);font-size:11px;font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unused-widget-restriction{color:var(--text-muted);font-size:9px;text-transform:capitalize}.drag-hint{color:var(--text-muted);flex-shrink:0;font-size:16px}.unused-widget-card:hover .drag-hint{color:var(--text-secondary)}.configurator-errors{margin-top:var(--spacing-md)}.error-message{align-items:center;background:rgba(var(--color-error-rgb),.1);border:1px solid rgba(var(--color-error-rgb),.3);border-radius:var(--radius-sm);color:var(--color-error);display:flex;font-size:var(--font-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.error-message .material-symbols-rounded{font-size:18px}.App{background:var(--bg-main);min-height:100vh}.login-fade-wrapper{opacity:1;transition:opacity 2s ease}.login-fade-wrapper.faded{opacity:0}.greeting-overlay{align-items:center;background:var(--bg-main);display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity 2s ease;z-index:10000}.greeting-overlay.visible{opacity:1}.greeting-overlay.fading-out{opacity:0}.greeting-text{color:var(--text-primary);font-size:2.4rem;font-weight:300;letter-spacing:.5px}.dashboard-fade-wrapper{opacity:1}.dashboard-fade-wrapper.fading-in{animation:dashboardFadeIn 2s ease forwards}@keyframes dashboardFadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{height:7px;width:7px}::-webkit-scrollbar-track{background:rgba(var(--text-muted-rgb),.3);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(var(--text-muted-rgb),.5);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--bg-main-rgb),.2)}::-webkit-scrollbar-corner{background:rgba(var(--text-muted-rgb),.3)}*{scrollbar-color:rgba(var(--text-muted-rgb),.4) rgba(var(--bg-main-rgb),0);scrollbar-width:thin}.content-wrapper.modal-open,body.modal-open{overflow:hidden}input[type=file]::-webkit-file-upload-button{background:var(--bg-secondary)!important;border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:14px;padding:8px 16px;-webkit-transition:all .2s ease;transition:all .2s ease}input[type=file]::-webkit-file-upload-button,input[type=file]::file-selector-button{background:var(--bg-secondary)!important;border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:14px;padding:8px 16px;-webkit-transition:all .2s ease;transition:all .2s ease}input[type=file]::-webkit-file-upload-button:hover:not(:disabled){background:var(--bg-tertiary)!important;border-color:var(--color-primary)}input[type=file]::-webkit-file-upload-button:hover:not(:disabled),input[type=file]::file-selector-button:hover:not(:disabled){background:var(--bg-tertiary)!important;border-color:var(--color-primary)}input[type=file]{color:var(--text-primary);font-family:inherit}input[type=number]{background:var(--bg-main);border:1px solid var(--border-secondary);color:var(--text-primary)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{background:var(--bg-tertiary);opacity:1}input[type=number]{-webkit-appearance:textfield;appearance:textfield}@-moz-document url-prefix(){input[type=number]{-moz-appearance:auto}}.checkbox-container{align-items:center;box-sizing:border-box!important;display:flex;flex-direction:row;height:36px;margin:0!important;padding:0!important}.check.danger{background:linear-gradient(90deg,var(--color-error),var(--color-error))}.check,.check.danger{font-size:25px;height:1em;line-height:0;position:relative}.check{background:linear-gradient(90deg,var(--color-primary),var(--color-primary))}.check input[type=checkbox],.check label,.check label:after,.check label:before{font-size:inherit}.check,.check input[type=checkbox],.check label,.check label:after,.check label:before{-webkit-appearance:none;appearance:none;border:0;border-radius:1em;box-sizing:border-box;cursor:pointer;display:inline-block;transition:.35s ease-in-out}.check.light label{background:var(--bg-tertiary)}.check label{background:var(--bg-secondary);height:1em;overflow:hidden;width:2.2em}.check input[type=checkbox]{background:linear-gradient(45deg,#c7c6c6,#fff);box-shadow:0 6px 7px #0000004d;height:.8em;left:.1em;margin:0;outline:none;padding:0;position:absolute;top:.1em;width:.8em;z-index:1}.check input[type=checkbox]:checked{left:1.3em}.check input[type=checkbox]:checked+label{background:#0000}.check label:after,.check label:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:0;color:var(--bg-tertiary);content:"· ·";font-family:Times New Roman,serif;font-size:.6em;height:1em;left:.5em;letter-spacing:-.04em;overflow:hidden;position:absolute;top:.5em;transform-origin:0 0 -.5em;z-index:2}.check label:after{content:"?";font-size:.2em;height:.1em;left:.6em;top:.65em;transform-origin:0 0 -.4em;width:.35em}.check input[type=checkbox]:checked+label:after,.check input[type=checkbox]:checked+label:before{left:2.55em;line-height:.1em;top:.4em;transform:rotateY(1turn)}.check input[type=checkbox]:checked+label:after{font-size:.6em;height:.16em;left:2.6em;line-height:0;top:.55em}.radio-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex!important;flex-shrink:0;font-size:var(--font-md);gap:var(--spacing-sm);padding:var(--spacing-sm) 0;position:relative;-webkit-user-select:none;user-select:none}.radio-label:hover:not(:disabled){color:var(--color-primary)}.radio-label input[type=radio]{height:0;opacity:0;position:absolute;width:0}.radio-custom{background:#0000;border:1px solid var(--text-muted);border-radius:22px;display:inline-block;flex-shrink:0;height:22px;position:relative;transition:all var(--transition-fast);width:22px}.radio-label:hover:not(:disabled) .radio-custom{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary);box-shadow:0 0 10px rgba(var(--color-primary-rgb),.3)}.radio-label input[type=radio]:checked~.radio-custom{background:#0000;border-color:var(--color-primary);box-shadow:none}.radio-label input[type=radio]:checked:hover:not(:disabled)~.radio-custom{background:rgba(var(--color-primary-rgb),.1);box-shadow:0 0 10px rgba(var(--color-primary-rgb),.3)}.radio-label input[type=radio]:checked~.radio-custom:after{animation:radioPopIn .2s ease;background:var(--text-primary);border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}@keyframes radioPopIn{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.radio-label input[type=radio]:focus~.radio-custom{outline:2px solid var(--color-primary);outline-offset:2px}.radio-label input[type=radio]:disabled~.radio-custom{border-color:var(--border-secondary);cursor:not-allowed;opacity:.5}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:var(--spacing-md) 0}.tick-check{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;position:relative;transform:translateZ(0)}.tick-check:before{background:rgba(var(--color-primary-rgb),.1);border-radius:30%;content:"";height:calc(100% + 10px);left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:calc(100% + 10px)}.tick-check svg{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:var(--border-primary);stroke-width:1.5;position:relative;transform:translateZ(0);transition:all .2s ease;z-index:1}.tick-check svg path{stroke-dasharray:60;stroke-dashoffset:0}.tick-check svg polyline{stroke-dasharray:22;stroke-dashoffset:66}.tick-check:hover:before{opacity:1}.tick-check-input:checked+.tick-check svg,.tick-check:hover svg{stroke:var(--color-primary)}.tick-check-input:checked+.tick-check svg path{stroke-dashoffset:60;transition:all .3s linear}.tick-check-input:checked+.tick-check svg polyline{stroke-dashoffset:42;transition:all .2s linear;transition-delay:.15s}.tick-check-input{display:none}.tick-check-label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm);-webkit-user-select:none;user-select:none}.tick-check-label:hover .tick-check svg{stroke:var(--color-primary)}.tick-check-input:disabled+.tick-check{cursor:not-allowed;opacity:.5}.tick-check-input:disabled+.tick-check svg{stroke:var(--text-muted)}
/*# sourceMappingURL=main.a26d0c5c.css.map*/