.login-container{align-items:center;background-color:var(--bg-primary);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.login-bg-gradient{background:radial-gradient(ellipse at 30% 20%,#9f543412 0,#0000 55%),radial-gradient(ellipse at 70% 80%,#645d3b0d 0,#0000 55%);inset:0;pointer-events:none;position:absolute}.center-container{flex-direction:column;gap:1.5rem;max-width:380px;padding:0 1rem;position:relative;width:100%;z-index:1}.center-container,.login-logo{align-items:center;display:flex}.login-logo{background-color:var(--accent-primary);border-radius:14px;color:#fff;font-size:1.4rem;font-weight:700;height:48px;justify-content:center;letter-spacing:-.02em;width:48px}.login-header{text-align:center}.login-header h1{color:var(--text-primary);font-size:2.2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.4rem}.login-header p{color:var(--text-secondary);font-size:1rem}.auth-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:.75rem;max-width:380px;padding:1.5rem;width:100%}.auth-card-title{color:var(--text-secondary);font-size:.85rem;margin:0 0 .25rem;text-align:center}.signin-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.6rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;width:100%}.auth-icon{font-size:1.1rem}.google-btn{background-color:#dd4b39;color:#fff}.google-btn:hover{background-color:#c53727}.login-error{color:var(--accent-danger);font-size:.85rem;text-align:center}.login-footer{bottom:1.5rem;color:var(--text-muted);font-size:.75rem;left:50%;letter-spacing:.04em;position:absolute;transform:translateX(-50%)}@media (max-width:480px){.login-header h1{font-size:1.6rem}}.sb--overlay{background:#00000059;inset:0;position:fixed;z-index:1055}.sb--sidebar{background:var(--sidebar-bg);border-right:1px solid #f4efe61a;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:0 0 1rem;width:var(--sidebar-width)}.sb--logo-section{display:flex;flex-shrink:0;justify-content:center;padding:1.25rem 1.25rem 1rem}.sb--logo{width:110px}.sb--user-section{border-bottom:1px solid #f4efe614;gap:.65rem;padding:0 1rem 1rem}.sb--user-avatar,.sb--user-section{align-items:center;display:flex;flex-shrink:0}.sb--user-avatar{background:var(--accent-primary);border-radius:50%;color:var(--sidebar-text);font-size:.8rem;font-weight:700;height:34px;justify-content:center;letter-spacing:.02em;width:34px}.sb--user-info{flex:1 1;min-width:0}.sb--user-name{color:var(--sidebar-text);font-size:.85rem;font-weight:600}.sb--user-email,.sb--user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb--user-email{color:#f4efe680;font-size:.72rem;margin-top:1px}.sb--section-label{color:#f4efe64d;font-size:.62rem;font-weight:700;letter-spacing:.08em;padding:0 .75rem .5rem;text-transform:uppercase}.sb--nav-list{display:flex;flex-direction:column;gap:2px;list-style:none;padding:0 .75rem;position:relative}.sb--indicator{background-color:var(--accent-primary);border-radius:0 4px 4px 0;left:0;pointer-events:none;position:absolute;transition:top .28s var(--ease-out-expo),height .28s var(--ease-out-expo),opacity .2s ease;width:3px}.sb--nav-list li button{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:#f4efe68c;cursor:pointer;display:flex;font-family:inherit;font-size:.88rem;font-weight:500;gap:.6rem;overflow:hidden;padding:.65rem .75rem;position:relative;text-align:left;transition:all .2s ease;width:100%}.sb--nav-list li button:hover{background-color:#f4efe60f;color:var(--sidebar-text)}.sb--nav-list li.active button{background:#9f54342e;color:#e8b49a;font-weight:600}.sb--item-icon{flex-shrink:0;text-align:center;width:18px}.sb--item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb--module-section{display:block;padding-bottom:.25rem;padding-top:.5rem}.sb--module-section .sb--nav-list li button{font-size:.85rem;font-weight:500;padding:.7rem .75rem}.sb--divider{background:#f4efe614;height:1px;margin:.75rem}.sb--badge{background:var(--accent-primary);border-radius:999px;color:var(--sidebar-text);flex-shrink:0;font-size:.68rem;font-weight:700;line-height:1.4;margin-left:auto;min-width:18px;padding:.1rem .4rem;text-align:center}.sb--nav{flex:1 1}.sb--footer{border-top:1px solid #f4efe614;flex-shrink:0;padding:.75rem}.sb--signout-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:#f4efe666;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:.6rem;padding:.6rem .75rem;text-align:left;transition:all .2s ease;width:100%}.sb--signout-btn:hover{background-color:#f4efe60f;color:#f4efe6b3}@media (max-width:768px){.sb--sidebar{bottom:0;box-shadow:var(--shadow-lg);height:100vh;left:0;max-width:260px;padding:1rem 0;position:fixed;top:0;transform:translateX(-100%);transition:transform .28s var(--ease-out-expo);width:75%;z-index:1060}.sb--sidebar.sb--open{transform:translateX(0)}.sb--footer,.sb--logo-section,.sb--section-label,.sb--user-section{display:none}}.cm--overlay{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease-in-out;z-index:1050}.cm--overlay.cm--overlay-open{opacity:1;pointer-events:auto}.cm--modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:420px;opacity:0;padding:2rem;transform:translateY(4px);transition:all .2s ease-in-out;width:90%;z-index:1150}.cm--overlay.cm--overlay-open .cm--modal{opacity:1;transform:translateY(0)}.cm--modal h3{font-size:1.4rem;font-weight:600;margin-bottom:.75rem}.cm--message{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.cm--actions{display:flex;gap:.75rem;justify-content:flex-end}.cm--btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s ease;white-space:nowrap}.cm--btn:disabled{cursor:not-allowed;opacity:.6}.cm--btn-secondary{background-color:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary)}.cm--btn-secondary:hover:not(:disabled){background-color:var(--oat)}.cm--btn-danger-solid{background-color:var(--accent-danger);color:#fff}.cm--btn-danger-solid:hover:not(:disabled){background-color:#7a3d21}.cm--btn-warning-solid{background-color:var(--accent-warning);color:#fff}.cm--btn-warning-solid:hover:not(:disabled){background-color:#4a4527}.cm--btn-primary{background-color:var(--accent-primary);color:#fff}.cm--btn-primary:hover:not(:disabled){background-color:var(--accent-primary-hover)}@media (max-width:768px){.cm--modal{padding:1.5rem;width:95%}}.dsp-ctrl--bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.dsp-ctrl--search{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);color-scheme:light;flex:1 1;font-family:inherit;font-size:.95rem;height:42px;max-width:400px;min-width:200px;padding:.7rem 1rem;transition:border-color .2s,box-shadow .2s}.dsp-ctrl--search:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #9f543433;outline:none}.dsp-ctrl--btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;margin-left:auto;padding:.6rem 1.2rem;transition:all var(--duration-fast) ease;white-space:nowrap}@media (prefers-reduced-motion:no-preference){.dsp-ctrl--btn:active{transform:scale(.97)}}.dsp-ctrl--btn-primary{background-color:var(--accent-primary);color:#fff}.dsp-ctrl--btn-primary:hover{background-color:var(--accent-primary-hover)}@media (max-width:992px){.dsp-ctrl--bar{align-items:stretch;flex-direction:column}.dsp-ctrl--search{max-width:none}.dsp-ctrl--btn{margin-left:0}}.dsp-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;max-height:500px;padding:.875rem;transition:border-color .2s ease,box-shadow .28s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}@media (prefers-reduced-motion:no-preference){.dsp-card--entering{animation:card-enter .48s var(--ease-out-expo) both;animation-delay:0ms;animation-delay:calc(var(--card-index, 0)*65ms)}.dsp-card:hover{border-color:var(--border-default);box-shadow:0 8px 20px #00000017,0 3px 8px #0000000f;transform:translateY(-3px) scale(1.01)}.dsp-card:active{box-shadow:0 4px 10px #00000012;transform:translateY(-2px) scale(.98);transition-duration:90ms}.dsp-card--deleting{opacity:0!important;pointer-events:none;transform:translateY(-10px) scale(.95)!important;transition:opacity .28s ease,transform .28s ease!important}.dsp-card--flash-disputed{animation:card-flash-disputed 1.1s ease both}.dsp-card--flash-pending{animation:card-flash-pending 1.1s ease both}.dsp-card--flash-resolved{animation:card-flash-resolved 1.1s ease both}.dsp-card--overdue{animation:card-urgent 1.1s ease .6s;animation:card-urgent 1.1s ease calc(.6s + var(--card-index, 0)*65ms)}}@media (prefers-reduced-motion:reduce){.dsp-card:hover{border-color:var(--border-default)}}@media (prefers-reduced-motion:no-preference){@keyframes card-urgent{0%{box-shadow:none;transform:translate(0) scale(1)}18%{box-shadow:0 8px 20px #00000017,0 3px 8px #0000000f;transform:translateY(-4px) scale(1.01)}30%{transform:translate(-3px,-4px) scale(1.01)}42%{transform:translate(3px,-4px) scale(1.01)}54%{transform:translate(-2px,-4px) scale(1.01)}64%{transform:translate(2px,-3px) scale(1.005)}74%{transform:translate(-1px,-1px) scale(1.002)}to{box-shadow:none;transform:translate(0) scale(1)}}}@media (prefers-reduced-motion:no-preference){@keyframes card-flash-disputed{0%,to{background:var(--bg-surface)}35%{background:#9f543424;box-shadow:0 0 0 2px #9f543433}}@keyframes card-flash-pending{0%,to{background:var(--bg-surface)}35%{background:#645d3b24;box-shadow:0 0 0 2px #645d3b33}}@keyframes card-flash-resolved{0%,to{background:var(--bg-surface)}35%{background:#3d7a4a24;box-shadow:0 0 0 2px #3d7a4a33}}}.dsp-card--field.dsp-card--due-date--overdue{color:#ef4444;font-weight:500}.dsp-card--field.dsp-card--due-date--due-soon{color:#f59e0b;font-weight:500}.dsp-card--header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.dsp-card--amount,.dsp-card--invoice{color:var(--text-primary);font-size:.9rem;font-weight:600}.dsp-card--body{display:flex;flex-direction:column;gap:.2rem}.dsp-card--field{color:var(--text-secondary);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dsp-card--row{display:flex;gap:.75rem}.dsp-card--line-items{background:#9f54341a;color:var(--accent-primary);display:inline-block;margin-top:.35rem}.dsp-card--line-items,.dsp-card--vendor-reply{border-radius:99px;font-size:.75rem;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.dsp-card--vendor-reply{align-items:center;background:#2563eb1a;color:#2563eb;display:inline-flex;font-weight:500;gap:.3rem;margin-top:.25rem}.dsp-card--actions{border-top:1px solid var(--border-subtle);display:flex;gap:.5rem;margin-top:.5rem;padding-top:.5rem}.dsp-card--action-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:.25rem .4rem;transition:all var(--duration-fast) ease}.dsp-card--action-btn:hover{background:#0d0d0d0f;color:var(--text-primary)}.dsp-card--action-danger:hover{color:var(--accent-danger)}.dsp-card--skeleton{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.875rem}.dsp-card--skeleton-line{border-radius:var(--radius-sm);height:12px;margin-bottom:.5rem}.dsp-card--skeleton-line:last-child{margin-bottom:0}.dsp-card--skeleton-line.w-full{width:100%}.dsp-card--skeleton-line.w-75{width:75%}.dsp-card--skeleton-line.w-50{width:50%}.dsp-card--skeleton-line.w-40{width:40%}.dsp-kb--board{display:flex;gap:1.25rem;height:calc(100vh - 180px);min-height:300px}.dsp-kb--column{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;min-width:280px;overflow:hidden}.dsp-kb--column-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;gap:.5rem;padding:1rem}.dsp-kb--column-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.dsp-kb--dot-danger{background-color:#9f5434}.dsp-kb--dot-warning{background-color:#645d3b}.dsp-kb--dot-success{background-color:#3d7a4a}.dsp-kb--column-disputed .dsp-kb--column-header{background:#9f54340a}.dsp-kb--column-pending .dsp-kb--column-header{background:#645d3b0a}.dsp-kb--column-resolved .dsp-kb--column-header{background:#3d7a4a0a}.dsp-kb--column-title{color:var(--text-primary);font-size:.85rem;font-weight:600;letter-spacing:.03em;margin:0;text-transform:uppercase}.dsp-kb--column-count{background:#0d0d0d0f;border-radius:999px;color:var(--text-secondary);font-size:.72rem;font-weight:700;margin-left:auto;min-width:22px;padding:.15rem .5rem;text-align:center}.dsp-kb--column-body{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:.75rem}.dsp-kb--column-body::-webkit-scrollbar{width:4px}.dsp-kb--column-body::-webkit-scrollbar-track{background:#0000}.dsp-kb--column-body::-webkit-scrollbar-thumb{background:var(--oat);border-radius:2px}.dsp-kb--empty{align-items:center;color:var(--text-muted);display:flex;flex:1 1;font-size:.85rem;justify-content:center;padding:2rem 0}@media (prefers-reduced-motion:no-preference){.dsp-kb--empty{animation:card-enter var(--duration-normal) var(--ease-out-quad);animation-delay:.2s;animation-fill-mode:both}.dsp-kb--column{animation:col-enter .5s var(--ease-out-expo) both}.dsp-kb--column:first-child{animation-delay:0ms}.dsp-kb--column:nth-child(2){animation-delay:.11s}.dsp-kb--column:nth-child(3){animation-delay:.22s}.dsp-kb--column-count{animation:count-bump .36s cubic-bezier(.34,1.56,.64,1) both;display:inline-block}}@media (max-width:900px){.dsp-kb--board{flex-direction:column;height:auto}.dsp-kb--column{max-height:400px;min-width:0}}.dp--root{display:block;position:relative}.dp--trigger{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;text-align:left;-webkit-user-select:none;user-select:none}.dp--trigger-open{border-color:var(--accent-primary)!important;box-shadow:0 0 0 2px #9f543433!important;outline:none}.dp--disabled .dp--trigger,.dp--trigger:disabled{cursor:not-allowed;opacity:.6}.dp--placeholder{color:var(--text-muted);flex:1 1;font-size:.95rem}.dp--value{color:var(--text-primary);flex:1 1;font-size:.95rem}.dp--icon{color:var(--text-muted);flex-shrink:0;font-size:.78rem;transition:color .15s}.dp--trigger-open .dp--icon{color:var(--accent-primary)}@keyframes dp-open{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dp--popover{animation:dp-open .16s var(--ease-out-expo) both;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.875rem}.dp--cal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.65rem}.dp--month-year{color:var(--text-primary);font-size:.9rem;font-weight:600;letter-spacing:-.01em}.dp--nav{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.75rem;padding:.25rem .45rem;transition:background .15s,color .15s}.dp--nav:hover{background:var(--bg-elevated);color:var(--text-primary)}.dp--grid{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.dp--weekday{color:var(--text-muted);font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:.1rem 0 .4rem;text-align:center;text-transform:uppercase}.dp--day{align-items:center;aspect-ratio:1;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.82rem;justify-content:center;min-height:30px;text-align:center;transition:background .12s,color .12s,transform .1s}.dp--day:hover:not(.dp--day-selected):not(.dp--day-empty){background:var(--bg-elevated);transform:scale(1.1)}.dp--day-empty{pointer-events:none;visibility:hidden}.dp--day-today{color:var(--accent-primary);font-weight:700;position:relative}.dp--day-today:after{background:var(--accent-primary);border-radius:50%;bottom:3px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.dp--day-selected{background:var(--accent-primary);color:#fff;font-weight:600}.dp--day-selected:hover{background:var(--accent-primary-hover);transform:none}.dp--footer{border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;margin-top:.6rem;padding-top:.5rem}.dp--clear{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.78rem;padding:.2rem .5rem;transition:color .15s,background .15s}.dp--clear:hover{background:#9f54340f;color:var(--accent-primary)}.dsp-li--summary{align-items:center;background:#9f54340f;border:1px solid #9f54341f;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.5rem;padding:.6rem .85rem}.dsp-li--summary strong{color:var(--text-primary)}.dsp-li--disputed-amount{color:var(--accent-danger)}.dsp-li--table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:.5rem;overflow-x:auto}.dsp-li--table{border-collapse:collapse;width:100%}.dsp-li--table td,.dsp-li--table th{border-bottom:1px solid var(--border-subtle);font-size:.82rem;padding:.5rem .7rem;text-align:left;vertical-align:top}.dsp-li--table th{background-color:var(--bg-elevated);color:var(--text-secondary);font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.dsp-li--col-dispute{text-align:center;width:60px}.dsp-li--col-reason{min-width:140px}.dsp-li--col-notes{min-width:150px}.dsp-li--checkbox{accent-color:var(--accent-primary);cursor:pointer;height:16px;width:16px}.dsp-li--checkbox:disabled{cursor:not-allowed;opacity:.5}.dsp-li--row-disputed{background:#9f54340d}.dsp-li--row-disputed td{border-bottom-color:#9f54341a}.dsp-li--select{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);color-scheme:light;cursor:pointer;font-family:inherit;font-size:.78rem;padding:.3rem .4rem;white-space:normal;width:100%;word-break:break-word}.dsp-li--select:focus{border-color:var(--accent-primary);outline:none}.dsp-li--notes-input{field-sizing:content;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);color-scheme:light;font-family:inherit;font-size:.78rem;min-height:1.8em;padding:.3rem .5rem;resize:vertical;width:100%}.dsp-li--notes-input:focus{border-color:var(--accent-primary);outline:none}.dsp-li--na,.dsp-li--notes-input::placeholder{color:var(--text-muted)}.dsp-li--na{font-size:.78rem}.dsp-li--desc{min-width:140px;white-space:normal;word-break:break-word}.vsp--empty,.vsp--loading{color:var(--text-secondary);font-size:.875rem;padding:.5rem 0}.vsp--list{gap:.75rem}.vsp--item,.vsp--list{display:flex;flex-direction:column}.vsp--item{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);gap:.5rem;padding:.875rem 1rem}.vsp--item-header{align-items:center;display:flex;justify-content:space-between}.vsp--date{color:var(--text-secondary);font-size:.8rem}.vsp--badge{border-radius:99px;font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.vsp--badge-pending{background:#645d3b1a;border:1px solid #645d3b40;color:var(--accent-warning)}.vsp--badge-approved{background:#3d7a4a1a;border:1px solid #3d7a4a40;color:var(--accent-success)}.vsp--badge-rejected{background:#9f54341a;border:1px solid #9f543440;color:var(--accent-danger)}.vsp--comment{align-items:flex-start;color:var(--text-primary);display:flex;font-size:.875rem;gap:.5rem}.vsp--icon{color:var(--text-secondary);flex-shrink:0;margin-top:2px}.vsp--file-link{align-items:center;color:var(--accent-primary);display:inline-flex;font-size:.85rem;gap:.4rem;text-decoration:none}.vsp--file-link:hover{text-decoration:underline}.vsp--actions{display:flex;gap:.5rem;margin-top:.25rem}.vsp--btn{align-items:center;border:1px solid #0000;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.35rem;padding:4px 12px;transition:opacity .15s}.vsp--btn:hover{opacity:.85}.vsp--btn-approve{background:#3d7a4a1a;border-color:#3d7a4a4d;color:var(--accent-success)}.vsp--btn-reject{background:#9f54341a;border-color:#9f54344d;color:var(--accent-danger)}.dfp--container{display:flex;flex-direction:column;height:100%}@media (prefers-reduced-motion:no-preference){.dfp--container{animation:form-enter var(--duration-normal) var(--ease-out-quad)}}.dfp--topbar{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);display:flex;gap:.75rem;height:56px;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.dfp--back-btn,.dfp--topbar{align-items:center;flex-shrink:0}.dfp--back-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.88rem;font-weight:500;gap:.5rem;padding:.4rem .6rem;transition:all var(--duration-fast) ease;white-space:nowrap}.dfp--back-btn:hover{background:#0d0d0d0a;color:var(--text-primary)}@media (prefers-reduced-motion:no-preference){.dfp--back-btn:active{transform:scale(.97)}}.dfp--title{color:var(--text-primary);flex:1 1;font-size:1rem;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis}.dfp--status-badge,.dfp--title{font-weight:600;white-space:nowrap}.dfp--status-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;flex-shrink:0;font-size:.75rem;gap:6px;overflow:visible;padding:.2rem .6rem;position:relative;text-transform:capitalize}@keyframes dfp-status-ring{0%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@media (prefers-reduced-motion:no-preference){.dfp--status-badge:after{animation:dfp-status-ring .7s ease-out both;border:1.5px solid;border-radius:var(--radius-sm);content:"";inset:0;pointer-events:none;position:absolute}}.dfp--status-badge:before{border-radius:50%;content:"";flex-shrink:0;height:7px;width:7px}.dfp--status-disputed{color:#9f5434}.dfp--status-disputed:before{background-color:#9f5434}.dfp--status-pending{color:#645d3b}.dfp--status-pending:before{background-color:#645d3b}.dfp--status-resolved{color:#3d7a4a}.dfp--status-resolved:before{background-color:#3d7a4a}.dfp--topbar-actions{display:flex;flex-shrink:0;gap:.5rem;margin-left:auto}.dfp--body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.dfp--form-body{flex:1 1;order:1;overflow-y:auto;padding:1.5rem}.dfp--form-body::-webkit-scrollbar{width:6px}.dfp--form-body::-webkit-scrollbar-track{background:#0000}.dfp--form-body::-webkit-scrollbar-thumb{background:var(--oat);border-radius:3px}.dfp--card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:1.25rem 1.5rem}.dfp--card:last-child{margin-bottom:0}@media (prefers-reduced-motion:no-preference){.dfp--card{animation:card-enter .42s var(--ease-out-expo) both;animation-delay:0ms;animation-delay:calc(var(--section-index, 0)*55ms)}}.dfp--section-heading{color:var(--text-primary);font-size:.95rem;font-weight:500;margin-bottom:1rem}.dfp--section-heading-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.dfp--section-heading-row .dfp--section-heading{margin-bottom:0}.dfp--po-amount-label{color:var(--text-secondary);font-size:.8rem}.dfp--pdf-section{background:#525659;display:flex;flex-direction:column;flex-shrink:0;order:2}.dfp--pdf-section:not(.dfp--pdf-collapsed){border-top:1px solid var(--border-subtle);height:45vh;max-height:65vh;min-height:280px}@media (prefers-reduced-motion:no-preference){.dfp--pdf-section{transition:height var(--duration-slow) var(--ease-out-expo)}}.dfp--pdf-collapsed{height:auto}.dfp--pdf-header{align-items:center;background:#00000040;display:flex;flex-shrink:0;justify-content:space-between;padding:.5rem 1rem}.dfp--pdf-header-title{color:#d1d5db;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dfp--pdf-header-actions{align-items:center;display:flex;gap:.75rem}.dfp--pdf-viewer{display:flex;flex:1 1;flex-direction:column;min-height:0}.dfp--pdf-viewer iframe{border:none;display:block;height:100%;width:100%}.dfp--pdf-filename{align-items:center;color:#d1d5db;display:flex;font-size:.8rem;gap:.4rem}.dfp--pdf-icon{color:#f87171}.dfp--upload-zone{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:200px}.dfp--upload-zone:hover{background:#9f54340a}.dfp--upload-zone--disabled{cursor:wait;opacity:.6;pointer-events:none}.dfp--upload-zone--dragging{background:#9f543414;outline:2px dashed var(--accent-primary);outline-offset:-2px}.dfp--upload-zone--error{outline:2px dashed var(--accent-danger);outline-offset:-2px}.dfp--upload-label{cursor:pointer;height:100%;width:100%}.dfp--upload-content,.dfp--upload-label{align-items:center;display:flex;justify-content:center}.dfp--upload-content{color:#9ca3af;flex-direction:column;gap:10px;text-align:center}.dfp--upload-text{font-size:.85rem}@media (min-width:1000px){.dfp--body{flex-direction:row}.dfp--form-body{flex:1 1;min-width:0;order:1;padding:1.5rem}.dfp--pdf-section:not(.dfp--pdf-collapsed){max-height:none;min-height:0;width:38%}.dfp--pdf-collapsed,.dfp--pdf-section:not(.dfp--pdf-collapsed){border-left:1px solid var(--border-subtle);border-top:none;height:100%;order:2}.dfp--pdf-collapsed{width:auto}}.dfp--field-grid{grid-gap:.875rem 1.25rem;display:grid;gap:.875rem 1.25rem;grid-template-columns:repeat(2,1fr)}.dfp--field-grid-3{grid-template-columns:repeat(3,1fr)}.dfp--field-grid-2{grid-template-columns:repeat(2,1fr)}@media (min-width:1400px){.dfp--field-grid{grid-template-columns:repeat(4,1fr)}.dfp--field-grid-3{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.dfp--field-grid,.dfp--field-grid-3{grid-template-columns:1fr}}@media (max-width:500px){.dfp--field-grid-2{grid-template-columns:1fr}}.dfp--form-group{margin-bottom:.25rem}.dfp--form-full{margin-top:.75rem}.dfp--status-row{grid-gap:.875rem 1.25rem;display:grid;gap:.875rem 1.25rem;grid-template-columns:repeat(2,1fr)}.dfp--status-desc-textarea{grid-column:1/-1}@media (max-width:600px){.dfp--status-row{grid-template-columns:1fr}}.dfp--form-group label{color:var(--text-secondary);display:block;font-size:.82rem;font-weight:500;margin-bottom:.35rem}.dfp--notify-row{margin-top:.75rem}.dfp--vendor-contact-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.75rem}.dfp--vendor-email-group{flex:1 1;margin-bottom:0;min-width:200px}.dfp--vendor-email-btn{flex-shrink:0;height:42px}.dfp--input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);color-scheme:light;font-family:inherit;font-size:.95rem;padding:.65rem .9rem;transition:border-color .2s,box-shadow .2s;width:100%}.dfp--input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #9f543433;outline:none}.dfp--input:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed}.dfp--textarea{min-height:70px;resize:vertical}.dfp--input-error,.dfp--input-error:focus{border-color:var(--accent-danger)}.dfp--input-error:focus{box-shadow:0 0 0 2px #9f543433}.dfp--input-with-btn{display:flex;gap:.5rem}.dfp--input-with-btn .dfp--input{flex:1 1;min-width:0}.dfp--btn-lookup{align-items:center;background:#0000;border:1px solid #9f543459;border-radius:var(--radius-sm);color:var(--accent-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:.35rem;height:42px;padding:0 .9rem;transition:all .2s;white-space:nowrap}.dfp--btn-lookup:hover:not(:disabled){background:#9f543414;border-color:var(--accent-primary)}.dfp--btn-lookup:disabled{cursor:not-allowed;opacity:.4}.dfp--confirmations{border-top:1px solid var(--border-subtle);margin-top:1rem;padding-top:1rem}.dfp--confirmations-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.6rem}.dfp--confirmations-title{color:var(--text-secondary);font-size:.85rem;font-weight:600}.dfp--confirmations-count{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8rem;padding:.1rem .5rem}.dfp--confirm-btn{margin-left:auto}.dfp--confirm-btn--undo{background:#9f54340f;border-color:#9f543440;color:var(--accent-primary)}.dfp--confirmations-list{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:0;padding:0}.dfp--confirmation-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.83rem;gap:.5rem}.dfp--confirmation-name{color:var(--text-primary);font-weight:500}.dfp--confirmation-role{color:var(--text-muted);font-size:.78rem}.dfp--confirmation-role:before{content:"·";margin-right:.35rem}.dfp--confirmation-time{color:var(--text-muted);font-size:.78rem;margin-left:auto;white-space:nowrap}.dfp--field-error{display:block;font-size:.75rem;margin-top:.25rem}.dfp--field-error,.dfp--required{color:var(--accent-danger)}.dfp--form-error{background:#9f543414;border:1px solid #9f543440;border-radius:var(--radius-sm);color:var(--accent-primary);font-size:.85rem;margin-bottom:1rem;padding:.65rem .9rem}@media (prefers-reduced-motion:no-preference){.dfp--form-error{animation:slide-down var(--duration-normal) var(--ease-out-quad)}}.dfp--btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;padding:.55rem 1.1rem;transition:all var(--duration-fast) ease;white-space:nowrap}@media (prefers-reduced-motion:no-preference){.dfp--btn:active{transform:scale(.97)}}.dfp--btn-primary{background-color:var(--accent-primary);color:#fff}.dfp--btn-primary:hover{background-color:var(--accent-primary-hover)}.dfp--btn-secondary{background-color:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary)}.dfp--btn-secondary:hover{background-color:var(--oat)}.dfp--btn-ghost{background:#0000;border:none;color:#d1d5db}.dfp--btn-ghost:hover{background:#ffffff14;color:#fff}.dfp--btn-saving{cursor:wait;opacity:.7}.dfp--btn-sm{cursor:pointer;font-size:.8rem;padding:.35rem .75rem}@media (max-width:768px){.dfp--topbar{gap:.5rem;padding:0 1rem}.dfp--back-btn span{display:none}.dfp--card,.dfp--form-body{padding:1rem}.dfp--topbar-actions .dfp--btn span{display:none}}.dsp--container{padding:0}.dsp--page-header{margin-bottom:1.5rem}.dsp--page-header h2{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.dsp--page-intro{color:var(--text-secondary);font-size:.9rem;margin-top:.2rem}.dsp--alert{align-items:center;background:#9f543414;border:1px solid #9f543433;border-radius:var(--radius-sm);color:var(--accent-primary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.dsp--alert button{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:1.2rem}.user--page-container{padding:0}.user--page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.user--page-header h2{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.user--page-header-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.user--page-header-row h2{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.user--page-intro{color:var(--text-secondary);font-size:.9rem;margin-bottom:0;margin-top:.2rem}.user--btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1.2rem;text-decoration:none;transition:all var(--duration-fast) ease;white-space:nowrap}@media (prefers-reduced-motion:no-preference){.user--btn:active{transform:scale(.97)}}.user--btn svg{height:18px;width:18px}.user--btn-primary{background-color:var(--accent-primary);color:#fff}.user--btn-primary:hover{background-color:var(--accent-primary-hover)}.user--btn-secondary{background-color:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary)}.user--btn-secondary:hover{background-color:var(--oat)}.user--btn-icon{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:.25rem;transition:all .2s ease}.user--btn-icon svg{height:20px;width:20px}.user--btn-icon:hover{background-color:var(--bg-elevated);color:var(--text-primary)}.user--btn-icon.user--btn-danger:hover{color:var(--accent-danger)}.user--table-controls{margin-bottom:1.5rem}.user--search-bar{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);color-scheme:light;font-family:inherit;font-size:1rem;max-width:400px;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.user--search-bar:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #9f543433;outline:none}.user--alert{align-items:center;background:#9f543414;border:1px solid #9f543433;border-radius:var(--radius-sm);color:var(--accent-primary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.user--alert button{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:1.2rem;padding:0 .25rem}.user--loader{color:var(--text-secondary);font-size:1rem;padding:3rem;text-align:center}.user--empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.user--empty-state-icon{font-size:2rem;margin-bottom:.75rem;opacity:.5}.user--empty-state-title{color:var(--text-secondary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.user--empty-state-subtitle{color:var(--text-muted);font-size:.85rem}.user--skeleton-row{border-bottom:1px solid var(--border-subtle);display:flex;gap:1rem;padding:1rem 1.25rem}.user--skeleton-cell{border-radius:var(--radius-sm);height:14px}.user--skeleton-cell.w-30{width:30%}.user--skeleton-cell.w-20{width:20%}.user--skeleton-cell.w-15{width:15%}.user--table-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:1.5rem;overflow-x:hidden;padding:0}@media (min-width:769px){.user--table-card{overflow-x:auto}}.user--table{border-collapse:collapse;min-width:700px;width:100%}.user--table td,.user--table th{border-bottom:1px solid var(--border-subtle);padding:1rem 1.25rem;text-align:left}.user--table th{background-color:var(--bg-elevated);color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.user--table th.sortable{cursor:pointer;transition:color .2s ease}.user--table th.sortable:hover{color:var(--text-primary)}.user--sort-icon{color:var(--text-secondary);height:14px;margin-left:.5rem;width:14px}.user--table-body tr{transition:background-color .15s ease}.user--table-body tr:last-child td{border-bottom:none}.user--table-body tr:hover{background-color:#0d0d0d05;box-shadow:inset 2px 0 0 var(--accent-primary)}.user--table-actions{display:flex;gap:.75rem}.user--role-badge-container{display:flex;flex-wrap:wrap;gap:.5rem}.user--role-badge{border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;opacity:.9;padding:.2rem .6rem;white-space:nowrap}.user--role-super-admin{background-color:#9f54341a;color:var(--accent-primary);font-weight:600}.user--role-active,.user--role-general{background-color:#3d7a4a1a;color:var(--accent-success)}.user--role-terminated{background-color:#7878781a;color:#888;color:var(--text-muted,#888)}.user--slide-overlay{background:#0000004d;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--duration-normal) ease;z-index:1050}.user--slide-overlay.user--slide-open{opacity:1;pointer-events:auto}.user--slide-panel{background:var(--bg-surface);border-left:1px solid var(--border-default);bottom:0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-width:90vw;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform var(--duration-normal) var(--ease-out-expo);width:420px;z-index:1060}.user--slide-open .user--slide-panel{transform:translateX(0)}.user--slide-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.user--slide-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.user--slide-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:.35rem;transition:all .15s}.user--slide-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.user--slide-body{flex:1 1;overflow-y:auto;padding:1.5rem}.user--slide-footer{border-top:1px solid var(--border-subtle);display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.user--email-input-group{align-items:stretch;border:1px solid var(--border-default);border-radius:var(--radius-sm);display:flex;overflow:hidden;transition:border-color .2s,box-shadow .2s}.user--email-input-group:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #9f543426}.user--email-input-group input{background:var(--bg-surface);border:none!important;border-radius:0!important;box-shadow:none!important;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:1rem;min-width:0;outline:none;padding:.75rem 1rem}.user--email-suffix{align-items:center;background:var(--bg-elevated);border-left:1px solid var(--border-default);color:var(--text-secondary);display:flex;font-size:.9rem;padding:0 .75rem;-webkit-user-select:none;user-select:none;white-space:nowrap}.user--form-group{margin-bottom:1.25rem}.user--form-group label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.user--form-group input,.user--form-group select{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);color-scheme:light;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.user--form-group input:focus,.user--form-group select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #9f543433;outline:none}.user--form-group input:disabled,.user--form-group select:disabled{background-color:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed}.user--btn-saving{cursor:wait;opacity:.7}@media (max-width:768px){.user--page-container{padding-top:20px}.user--table{min-width:0;min-width:auto}.user--table-card{background:#0000;overflow-x:visible}.user--table .user--table-head{display:none}.user--table tr{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:block;margin-bottom:1rem;padding:0}.user--table td{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:.85rem 1rem;text-align:right;word-break:break-word}.user--table td:last-child{border-bottom:none}.user--table td:before{color:var(--text-secondary);content:attr(data-label);flex-shrink:0;font-weight:600;margin-right:1rem;text-align:left}.user--table .user--table-actions{gap:1rem;justify-content:flex-end}.user--slide-panel{max-width:100vw;width:100%}}.adm--page-header{margin-bottom:1.5rem}.adm--page-header h2{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.adm--page-intro{color:var(--text-secondary);font-size:.9rem;margin-top:.2rem}.adm--page-header-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.adm--page-header-row h2{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.adm--section-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.adm--section-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.2rem}.adm--section-subtitle{color:var(--text-secondary);font-size:.85rem}.adm--alert{align-items:center;background:#9f543414;border:1px solid #9f543433;border-radius:var(--radius-sm);color:var(--accent-primary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}@media (prefers-reduced-motion:no-preference){.adm--alert{animation:slide-down var(--duration-normal) var(--ease-out-quad)}}.adm--alert button{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:1.2rem}.adm--loader{color:var(--text-secondary);padding:3rem;text-align:center}.adm--empty{font-size:.9rem;padding:2.5rem}.adm--empty,.adm--empty-state{color:var(--text-muted);text-align:center}.adm--empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem}.adm--empty-state-icon{font-size:2rem;margin-bottom:.75rem;opacity:.5}.adm--empty-state-title{color:var(--text-secondary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.adm--empty-state-subtitle{color:var(--text-muted);font-size:.85rem}.adm--table-controls{margin-bottom:1.25rem}.adm--search-bar{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);color-scheme:light;font-family:inherit;font-size:1rem;max-width:400px;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.adm--search-bar:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #9f543433;outline:none}.adm--skeleton-row{border-bottom:1px solid var(--border-subtle);display:flex;gap:1rem;padding:1rem 1.25rem}.adm--skeleton-cell{border-radius:var(--radius-sm);height:14px}.adm--skeleton-cell.w-40{width:40%}.adm--skeleton-cell.w-30{width:30%}.adm--skeleton-cell.w-20{width:20%}.adm--table-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:hidden}@media (min-width:769px){.adm--table-card{overflow-x:auto}}.adm--table{border-collapse:collapse;min-width:400px;width:100%}.adm--table td,.adm--table th{border-bottom:1px solid var(--border-subtle);padding:1rem 1.25rem;text-align:left}.adm--table th{background-color:var(--bg-elevated);color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.adm--table-body tr{transition:background-color .15s ease}.adm--table-body tr:last-child td{border-bottom:none}.adm--table-body tr:hover{background-color:#0d0d0d05;box-shadow:inset 2px 0 0 var(--accent-primary)}.adm--table-actions{display:flex;gap:.5rem}.adm--btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all var(--duration-fast) ease;white-space:nowrap}@media (prefers-reduced-motion:no-preference){.adm--btn:active{transform:scale(.97)}}.adm--btn-primary{background-color:var(--accent-primary);color:#fff}.adm--btn-primary:hover{background-color:var(--accent-primary-hover)}.adm--btn-secondary{background-color:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary)}.adm--btn-secondary:hover{background-color:var(--oat)}.adm--btn-danger-solid{background-color:var(--accent-danger);color:#fff}.adm--btn-danger-solid:hover{background-color:#7a3d21}.adm--btn-saving{cursor:wait;opacity:.7}.adm--btn-icon{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:.25rem;transition:all .2s ease}.adm--btn-icon:hover{background-color:var(--bg-elevated);color:var(--text-primary)}.adm--btn-icon.adm--btn-danger:hover{color:var(--accent-danger)}.adm--slide-overlay{background:#0000004d;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--duration-normal) ease;z-index:1050}.adm--slide-overlay.adm--slide-open{opacity:1;pointer-events:auto}.adm--slide-panel{background:var(--bg-surface);border-left:1px solid var(--border-default);bottom:0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-width:90vw;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform var(--duration-normal) var(--ease-out-expo);width:420px;z-index:1060}.adm--slide-open .adm--slide-panel{transform:translateX(0)}.adm--slide-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.adm--slide-header h3{font-size:1.25rem;font-weight:600;margin:0}.adm--slide-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:.35rem;transition:all .15s}.adm--slide-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.adm--slide-body{flex:1 1;overflow-y:auto;padding:1.5rem}.adm--slide-footer{border-top:1px solid var(--border-subtle);display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.adm--form-group{margin-bottom:1.2rem}.adm--form-group label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.4rem}.adm--required{color:var(--accent-danger)}.adm--text-input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);color-scheme:light;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.adm--text-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #9f543433;outline:none}.adm--text-input:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed}@media (max-width:768px){.adm--page-header-row,.adm--section-header{flex-direction:column}.adm--table-card{background:#0000;overflow-x:visible}.adm--table{min-width:0;min-width:auto}.adm--table .adm--table-head{display:none}.adm--table tr{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:block;margin-bottom:1rem}.adm--table td{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:.8rem 1rem;text-align:right}.adm--table td:last-child{border-bottom:none}.adm--table td:before{color:var(--text-secondary);content:attr(data-label);flex-shrink:0;font-size:.8rem;font-weight:600;letter-spacing:.04em;margin-right:1rem;text-align:left;text-transform:uppercase}.adm--table .adm--table-actions{justify-content:flex-end}.adm--slide-panel{max-width:100vw;width:100%}}.unauthorized-container{align-items:center;color:var(--text-secondary);display:flex;font-size:1rem;height:100%;justify-content:center}.vp--page{--vp-bg:#f4efe6;--vp-surface:#fefcf6;--vp-elevated:#f0ebe2;--vp-text:#0d0d0d;--vp-text-secondary:#645d3b;--vp-text-muted:#a39e93;--vp-border:#0d0d0d0f;--vp-border-strong:#0d0d0d1a;--vp-accent:#9f5434;--vp-accent-hover:#ba8b68;--vp-danger:#9f5434;--vp-success:#3d7a4a;--vp-warning:#645d3b;background:var(--vp-bg);color:var(--vp-text);font-family:Geist Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;position:relative}.vp--error-card,.vp--header,.vp--loading,.vp--main{position:relative;z-index:1}.vp--header{background:var(--vp-surface);border-bottom:1px solid var(--vp-border);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.vp--header-content{align-items:center;display:flex;gap:.5rem;height:56px;padding:0 2rem}.vp--title{color:var(--vp-text);font-size:1.3rem;font-weight:700;letter-spacing:-.02em}.vp--title-sep{color:var(--vp-text-muted);font-size:1.1rem;font-weight:400;margin:0 .15rem}.vp--title-sub{color:var(--vp-text-secondary);font-size:1.1rem;font-weight:500;letter-spacing:-.01em}.vp--accent-line{background:linear-gradient(90deg,#0000,var(--vp-accent),#0000);flex-shrink:0;height:1px;opacity:.3}.vp--loading{align-items:center;background:var(--vp-bg);color:var(--vp-text-secondary);display:flex;font-family:Geist Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;gap:.75rem;justify-content:center;min-height:60vh}.vp--spinner{animation:vp-spin .7s linear infinite;border:2px solid var(--vp-border-strong);border-radius:50%;border-top-color:var(--vp-accent);height:20px;width:20px}@keyframes vp-spin{to{transform:rotate(1turn)}}.vp--main{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:none;padding:1.5rem 2rem}.vp--status-banner{align-items:center;border:1px solid var(--vp-border);border-radius:var(--radius-md);display:flex;gap:.75rem;padding:.75rem 1.25rem}.vp--status-banner-disputed{background:#9f54340d;border-color:#9f543426}.vp--status-banner-pending{background:#645d3b0d;border-color:#645d3b26}.vp--status-banner-resolved{background:#3d7a4a0d;border-color:#3d7a4a26}.vp--status-banner-desc{color:var(--vp-text-secondary);font-size:.88rem}.vp--body{gap:1.5rem}.vp--body,.vp--pdf-section{display:flex;flex-direction:column}.vp--pdf-section{background:#525659;border:1px solid var(--vp-border);border-radius:var(--radius-md);height:50vh;min-height:350px;overflow:hidden}.vp--pdf-header{align-items:center;background:#00000040;display:flex;flex-shrink:0;justify-content:space-between;padding:.6rem 1rem}.vp--pdf-header h2{color:#d1d5db;font-size:.8rem;font-weight:600;letter-spacing:.04em;margin:0;text-transform:uppercase}.vp--pdf-viewer{flex:1 1;min-height:0}.vp--pdf-viewer iframe{border:none;display:block;height:100%;width:100%}.vp--content{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}@media (min-width:901px){.vp--page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.vp--main{flex:1 1}.vp--body,.vp--main{min-height:0;overflow:hidden}.vp--body{flex:1 1;flex-direction:row}.vp--pdf-section{flex-shrink:0;height:100%;min-height:0;width:38%}.vp--content{flex:1 1;min-width:0;padding:0 0 0 1.5rem}}@media (max-width:900px){.vp--main{padding:1rem}.vp--pdf-section{height:50vh;min-height:350px}}.vp--card{background:var(--vp-surface);border:1px solid var(--vp-border);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a;padding:1.5rem}.vp--card h2{color:var(--vp-text);font-size:1.05rem;font-weight:600;margin:0 0 1rem}.vp--card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.vp--card-header h2{margin:0}.vp--status{align-items:center;background:#0000;border-radius:99px;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.05em;padding:3px 10px;text-transform:uppercase}.vp--status:before{border-radius:50%;content:"";flex-shrink:0;height:7px;width:7px}.vp--status-disputed{color:#9f5434}.vp--status-disputed:before{background-color:#9f5434}.vp--status-pending{color:#645d3b}.vp--status-pending:before{background-color:#645d3b}.vp--status-resolved{color:#3d7a4a}.vp--status-resolved:before{background-color:#3d7a4a}.vp--detail-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.vp--detail-item{display:flex;flex-direction:column;gap:2px}.vp--detail-label{color:var(--vp-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.vp--detail-value{color:var(--vp-text);font-size:.9rem}.vp--reason{border-top:1px solid var(--vp-border);margin-top:1rem;padding-top:1rem}.vp--reason p{color:var(--vp-text);font-size:.9rem;margin:.35rem 0 0}.vp--table-wrapper{overflow-x:auto}.vp--table{border-collapse:collapse;font-size:.82rem;width:100%}.vp--table th{background:var(--vp-elevated);color:var(--vp-text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.vp--table td,.vp--table th{border-bottom:1px solid var(--vp-border);padding:8px 12px}.vp--table td{color:var(--vp-text)}.vp--row-disputed td{background:#9f54340a}.vp--disputed-mark{color:var(--vp-danger);font-weight:600}.vp--upload-zone{border:2px dashed var(--vp-border-strong);border-radius:var(--radius-md);cursor:pointer;padding:1.25rem;text-align:center;transition:border-color .2s,background .2s}.vp--upload-zone:hover:not(.vp--upload-zone-disabled){background:#9f543408;border-color:var(--vp-accent)}.vp--upload-zone-active{background:#9f54340a;border-color:var(--vp-accent)}.vp--upload-zone-disabled{cursor:not-allowed;opacity:.5}.vp--upload-zone-label{cursor:pointer;display:block}.vp--upload-zone-text{color:var(--vp-text-secondary);font-size:.85rem}.vp--upload-zone-text strong{color:var(--vp-accent)}.vp--upload-zone-filename{color:var(--vp-accent);font-size:.85rem;font-weight:600}.vp--help-text{color:var(--vp-text-secondary);font-size:.85rem;margin:-.5rem 0 1rem}.vp--form{gap:1rem}.vp--form,.vp--form-group{display:flex;flex-direction:column}.vp--form-group{gap:.4rem}.vp--form-group label{color:var(--vp-text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.vp--textarea{background:var(--vp-surface);border:1px solid var(--vp-border-strong);border-radius:var(--radius-sm);color:var(--vp-text);color-scheme:light;font-family:inherit;font-size:.95rem;outline:none;padding:.7rem .9rem;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.vp--textarea:focus{border-color:var(--vp-accent);box-shadow:0 0 0 2px #9f543433}.vp--submit-msg{border-radius:var(--radius-sm);font-size:.875rem;padding:.6rem .75rem}.vp--submit-ok{background:#3d7a4a14;border:1px solid #3d7a4a33;color:var(--vp-success)}.vp--submit-err{background:#9f543414;border:1px solid #9f543433;color:var(--vp-danger)}.vp--btn-submit{align-items:center;align-self:flex-start;background-color:var(--vp-accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.5rem;transition:all .2s ease;white-space:nowrap}.vp--btn-submit:hover:not(:disabled){background-color:var(--vp-accent-hover)}.vp--btn-submit:disabled{cursor:not-allowed;opacity:.5}.vp--submissions-list{display:flex;flex-direction:column;gap:.75rem}.vp--submission-item{background:var(--vp-elevated);border:1px solid var(--vp-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.4rem;padding:.875rem 1rem}.vp--submission-header{align-items:center;display:flex;justify-content:space-between}.vp--sub-date{color:var(--vp-text-secondary);font-size:.8rem}.vp--badge{align-items:center;border-radius:99px;display:inline-flex;font-size:.72rem;font-weight:600;gap:5px;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.vp--badge:before{border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.vp--badge-pending{color:#645d3b}.vp--badge-pending:before{background-color:#645d3b}.vp--badge-approved{color:#3d7a4a}.vp--badge-approved:before{background-color:#3d7a4a}.vp--badge-rejected{color:#9f5434}.vp--badge-rejected:before{background-color:#9f5434}.vp--sub-comment{color:var(--vp-text);font-size:.875rem;margin:0}.vp--sub-file{color:var(--vp-accent);font-size:.8rem}.vp--error-card{background:var(--vp-surface);border:1px solid var(--vp-border);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a;margin:4rem auto;max-width:480px;padding:2rem;text-align:center}.vp--error-card h2{color:var(--vp-danger);margin:0 0 .75rem}.vp--error-card p{color:var(--vp-text-secondary);font-size:.95rem;margin:0}@media (max-width:600px){.vp--header-content{padding:0 1rem}.vp--main{padding:1rem}.vp--pdf-section{height:350px;min-height:0}.vp--detail-grid{grid-template-columns:1fr 1fr}}.vp--pending-notice{color:var(--vp-warning)}.vp--btn-delete-sub{background:none;border:1px solid var(--vp-danger);border-radius:var(--radius-sm);color:var(--vp-danger);cursor:pointer;font-family:inherit;font-size:.75rem;margin-left:auto;padding:2px 10px;transition:background .15s,color .15s}.vp--btn-delete-sub:hover{background:var(--vp-accent);border-color:var(--vp-accent);color:#fff}:root{--bg-primary:#f4efe6;--bg-surface:#fefcf6;--bg-elevated:#f0ebe2;--text-primary:#0d0d0d;--text-secondary:#645d3b;--text-muted:#a39e93;--accent-primary:#9f5434;--accent-primary-hover:#ba8b68;--accent-danger:#9f5434;--accent-success:#3d7a4a;--accent-warning:#645d3b;--border-subtle:#0d0d0d0f;--border-default:#0d0d0d1a;--border-focus:#9f5434;--oat:#d5cdbc;--sidebar-bg:#0d0d0d;--sidebar-text:#f4efe6;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000f,0 1px 3px #0000000a;--shadow-md:0 2px 8px #00000014,0 4px 12px #0000000d;--shadow-lg:0 8px 24px #0000001a,0 16px 48px #0000000f;--sidebar-width:230px;--sidebar-collapsed-width:60px;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quad:cubic-bezier(0.25,0.46,0.45,0.94);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d5cdbc;background:var(--oat);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a39e93;background:var(--text-muted)}body{-webkit-font-smoothing:antialiased;color:#0d0d0d;color:var(--text-primary);font-family:Geist Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.app-container,body{background-color:#f4efe6;background-color:var(--bg-primary)}.app-container{display:flex;flex-direction:column;height:100vh}.app-body{display:flex;flex:1 1;overflow:hidden}.content-area{background-color:#f4efe6;background-color:var(--bg-primary);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:2.5rem;position:relative}.content-area--flush{overflow:hidden;padding:0}@media (prefers-reduced-motion:no-preference){@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes card-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes status-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}@keyframes form-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes count-bump{0%{transform:scale(1)}40%{transform:scale(1.45)}70%{transform:scale(.92)}to{transform:scale(1)}}@keyframes col-enter{0%{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}@keyframes rsel-open{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:no-preference){.rsel__menu{animation:rsel-open .14s cubic-bezier(.16,1,.3,1) both;animation:rsel-open .14s var(--ease-out-expo) both}}.skeleton{background:linear-gradient(90deg,#f0ebe2 25%,#fefcf6 50%,#f0ebe2 75%);background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-surface) 50%,var(--bg-elevated) 75%);background-size:200% 100%;border-radius:6px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:no-preference){.skeleton{animation:shimmer 1.5s infinite}}.mobile-topbar{display:none}@media (max-width:768px){.mobile-topbar{background:#0d0d0d;background:var(--sidebar-bg);border-bottom:1px solid #f4efe61a;color:#f4efe6;color:var(--sidebar-text);gap:.75rem;height:52px;padding:0 .75rem;z-index:100}.mobile-topbar,.mobile-topbar__menu-btn{align-items:center;display:flex;flex-shrink:0}.mobile-topbar__menu-btn{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#f4efe6b3;cursor:pointer;font-size:1.05rem;padding:.45rem;transition:background .15s ease,color .15s ease}.mobile-topbar__menu-btn:hover{background:#f4efe614;color:#f4efe6;color:var(--sidebar-text)}.mobile-topbar__logo{flex-shrink:0;height:22px;width:auto}.mobile-topbar__right{align-items:center;display:flex;gap:.4rem;margin-left:auto}.mobile-topbar__avatar{align-items:center;background:#9f5434;background:var(--accent-primary);border-radius:50%;color:#f4efe6;color:var(--sidebar-text);display:flex;flex-shrink:0;font-size:.72rem;font-weight:700;height:30px;justify-content:center;letter-spacing:.02em;width:30px}.mobile-topbar__signout{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#f4efe680;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;padding:.45rem;transition:background .15s ease,color .15s ease}.mobile-topbar__signout:hover{background:#f4efe614;color:#f4efe6d9}.content-area{padding:1.5rem}.content-area--flush{padding:0}}