.layout{flex-direction:column;min-height:100vh;display:flex}.navbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:1.5rem;height:56px;padding:0 1.5rem;display:flex;position:sticky;top:0}.nav-brand{color:var(--ink);letter-spacing:-.02em;flex-shrink:0;font-size:1.05rem;font-weight:600}.nav-brand em{color:var(--blue);font-style:normal}.navbar-links{flex:1;align-items:center;gap:0;margin-left:1.5rem;display:flex;overflow-x:auto}.navbar-link{color:var(--ink3);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:.375rem;margin-bottom:-1px;padding:1rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex;position:relative}.navbar-link:hover{color:var(--ink);text-decoration:none}.navbar-link.active{color:var(--blue);border-bottom-color:var(--blue)}.nav-badge{background:var(--red);min-width:18px;height:18px;color:var(--surface);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:.6875rem;font-weight:600;display:inline-flex}.navbar-user{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.role-chip{background:var(--blue-s);color:var(--blue);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex;position:relative}.role-chip .role-dot{background:var(--blue);border-radius:50%;width:6px;height:6px}.role-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);z-index:200;min-width:180px;padding:.25rem 0;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 12px #0000001a}.role-option{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.8125rem;display:flex}.role-option:hover{background:var(--paper)}.role-option .role-dot{border-radius:50%;width:8px;height:8px}.role-dot-psm{background:var(--blue)}.role-dot-finance{background:var(--green)}.role-dot-ceo{background:var(--amber)}.role-dot-operations{background:var(--ink3)}.role-dot-sales_excellence{background:var(--purple)}.role-dot-management{background:var(--ink3)}.navbar-username{text-transform:capitalize;color:var(--ink);font-size:.875rem;font-weight:500}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem}@media (width<=768px){.navbar{gap:.5rem;padding:0 .75rem;overflow-x:auto}.navbar-username{display:none}.main-content{padding:.75rem}.navbar-links{gap:0;margin-left:.5rem}.navbar-link{padding:.75rem .5rem;font-size:.8125rem}}@media (width<=375px){.navbar{height:48px;padding:0 .5rem}.navbar-link{padding:.5rem .375rem;font-size:.75rem}.main-content{padding:.5rem}}:root{--ink:#0f0f0e;--ink2:#4a4a46;--ink3:#8a8a84;--paper:#f7f6f2;--surface:#fff;--border:#e6e4dc;--border2:#d0cec5;--blue:#1a5fb4;--blue-s:#e8f0fc;--blue-m:#b8d0f5;--green:#2e6b1f;--green-s:#eaf3e6;--green-m:#b0d8a4;--amber:#854f00;--amber-s:#fef3e2;--amber-m:#f5c97a;--red:#9b1f1f;--red-s:#fceaea;--red-m:#f0a0a0;--purple:#4a35a8;--purple-s:#eeebfc;--purple-m:#c5bcf2;--r:8px;--r-lg:12px;--color-primary:var(--blue);--color-primary-dark:#154e9e;--color-primary-light:var(--blue-s);--color-success:var(--green);--color-warning:var(--amber);--color-error:var(--red);--color-text:var(--ink);--color-text-muted:var(--ink3);--color-border:var(--border);--color-white:var(--surface);--color-bg:var(--paper)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}img{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.mono{font-family:DM Mono,ui-monospace,Consolas,monospace}h1{color:var(--ink);font-size:1.75rem;font-weight:600}h2{color:var(--ink);font-size:1.5rem;font-weight:500}h3{color:var(--ink);font-size:1.25rem;font-weight:500}h4{color:var(--ink);font-size:1.1rem;font-weight:500}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-title{color:var(--ink);font-size:1.5rem;font-weight:600}.btn{border-radius:var(--r);white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--blue);color:var(--surface)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-success{background:var(--green);color:var(--surface)}.btn-success:hover{opacity:.9}.btn-warning{background:var(--amber);color:var(--surface)}.btn-warning:hover{opacity:.9}.btn-danger{background:var(--red);color:var(--surface)}.btn-danger:hover{opacity:.9}.btn-purple{background:var(--purple);color:var(--surface)}.btn-purple:hover{opacity:.9}.btn-outline{border:1px solid var(--border);color:var(--ink);background:0 0}.btn-outline:hover{background:var(--paper)}.btn-sm{padding:.25rem .75rem;font-size:.8125rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-head{letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.5rem;font-size:.6875rem;font-weight:600}.badge{border-radius:999px;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-primary{background:var(--blue-s);color:var(--blue)}.badge-success{background:var(--green-s);color:var(--green)}.badge-warning{background:var(--amber-s);color:var(--amber)}.badge-error{background:var(--red-s);color:var(--red)}.badge-purple{background:var(--purple-s);color:var(--purple)}.badge-muted{background:var(--paper);color:var(--ink3)}.b-pending{background:var(--amber-s);color:var(--amber)}.b-finance{background:var(--blue-s);color:var(--blue)}.b-ceo{background:var(--purple-s);color:var(--purple)}.b-approved{background:var(--green-s);color:var(--green);border:1px solid var(--green-m)}.b-rejected{background:var(--red-s);color:var(--red)}.b-escalated{background:var(--purple-s);color:var(--purple)}.b-sendback{background:var(--amber-s);color:var(--amber)}.b-won{background:var(--green-s);color:var(--green);border:1px solid var(--green-m)}.b-lost{background:var(--red-s);color:var(--red)}.b-draft{background:var(--paper);color:var(--ink3);border:1px solid var(--border)}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-lg);width:90%;max-width:500px;max-height:90vh;padding:1.5rem;overflow-y:auto}.modal-title{margin-bottom:1rem;font-size:1.125rem;font-weight:600}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:2rem;height:2rem;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spinner-container{justify-content:center;align-items:center;padding:3rem;display:flex}.form-group{margin-bottom:1rem}.form-label{color:var(--ink);margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);width:100%;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-s);outline:none}.form-textarea{resize:vertical;min-height:80px}.empty-state{text-align:center;color:var(--ink3);padding:3rem 1rem}.empty-state-icon{margin-bottom:.75rem;font-size:2.5rem}.empty-state-title{color:var(--ink);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.tabs{border-bottom:2px solid var(--border);gap:0;margin-bottom:1.5rem;display:flex}.tab{color:var(--ink3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.tab.active{color:var(--blue);border-bottom-color:var(--blue)}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem;font-size:.875rem}th{color:var(--ink3);background:var(--paper);font-weight:600}.skeleton{background:linear-gradient(90deg, var(--border) 25%, #f0f0f0 50%, var(--border) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem}.stat-value{font-family:DM Mono,ui-monospace,Consolas,monospace;font-size:2rem;font-weight:600;line-height:1}.stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-top:.25rem;font-size:.6875rem;font-weight:600}.grid-4{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.opts-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:14px;margin-bottom:20px;display:grid}@media (width<=1100px){.opts-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.opts-grid{grid-template-columns:1fr}}.opt-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1rem;transition:box-shadow .15s}.opt-card.approved{border-color:var(--green-m);background:var(--green-s)}.opt-card.rejected{opacity:.65}.opt-card.escalated{border-color:var(--purple-m)}.nlb{border-radius:var(--r);margin-bottom:.5rem;padding:.5rem .75rem}.nlb.ok{background:var(--green-s);border:1px solid var(--green-m)}.nlb.danger{background:var(--red-s);border:1px solid var(--red-m)}.auth-tag{border-radius:var(--r);margin-bottom:.75rem;padding:.375rem .625rem;font-size:.6875rem;font-weight:500}.auth-tag.within{background:var(--green-s);border:1px solid var(--green-m);color:var(--green)}.auth-tag.exceeds{background:var(--purple-s);border:1px solid var(--purple-m);color:var(--purple)}.mrow{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.8125rem;display:flex}.mrow:last-child{border-bottom:none}.mrow-label{color:var(--ink3);font-size:.75rem}.mrow-value{font-weight:500}.input-error{border-color:var(--red)!important}