.unauthorized{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--spacing-8)}.unauthorized__title{color:var(--error);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-4)}.unauthorized__message{color:var(--neutral-600);font-size:var(--font-size-lg);margin-bottom:var(--spacing-6)}.button{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:600;text-decoration:none;transition:var(--transition-all)}.button--primary{background:var(--gradient-primary);color:var(--neutral-100)}.button--primary:hover{filter:brightness(1.1)}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.navbar{background:var(--neutral-100);padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--neutral-200);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6}.navbar-content{margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer;transition:var(--transition-all)}.logo:hover{opacity:.9}.logotype-logo-svg{height:1.6rem}.logo-text{font-size:var(--font-size-lg);font-weight:600;color:var(--neutral-800)}.profile-button{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);background:var(--neutral-100);border:1px solid var(--neutral-200);transition:var(--transition-all);cursor:pointer;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none}.profile-button:hover{background:var(--neutral-200);border-color:var(--neutral-300);transform:translateY(-1px)}.profile-avatar{width:36px;height:36px;background:var(--primary-light);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--font-size-sm)}.profile-info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.profile-name{font-size:var(--font-size-sm);font-weight:600;color:var(--neutral-800)}.profile-role{font-size:var(--font-size-xs);color:var(--neutral-600)}@media (max-width: 640px){.profile-info{display:none}.profile-button{padding:var(--spacing-2)}.logo-text{display:none}.profile-dropdown-menu button:active{background-color:var(--neutral-200)}.profile-button:active{background-color:var(--neutral-200);transform:scale(.98)}}.profile-menu-container{position:relative}.profile-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;min-width:200px;z-index:1000;overflow:hidden;opacity:0;transform:translateY(-10px);animation:dropdownFade .2s ease forwards}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-menu button{width:100%;padding:12px 16px;text-align:left;border:none;background:none;cursor:pointer;font-size:14px;color:#333;display:block;transition:background-color .15s ease,padding-left .2s ease;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none}.profile-dropdown-menu button:hover{background-color:#f5f5f5;padding-left:20px}.profile-dropdown-menu button:not(:last-child){border-bottom:1px solid #eee}html,body{height:100%;width:100%;overflow-x:hidden}#root{height:100%;max-height:100%;max-width:100%;overflow-y:hidden}.app-layout{height:100%;width:100%;overflow:hidden}.navbar-content,.main-content{max-width:1080px;margin:0 auto}.auth-page{min-height:100dvh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--neutral-200);padding:max(5vh,var(--spacing-4));box-sizing:border-box;overflow:auto;-webkit-overflow-scrolling:touch}.brand{flex-shrink:0;padding:clamp(var(--spacing-2),2vh,var(--spacing-6))}.portrait-logo{height:clamp(3rem,8vh,6rem);width:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.auth-wrapper{width:min(100%,440px);margin:auto;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:clamp(var(--spacing-4),4vh,var(--spacing-8));display:flex;flex-direction:column;gap:var(--spacing-6)}.form-header{text-align:center;margin-bottom:clamp(var(--spacing-4),3vh,var(--spacing-6))}.auth-title{font-size:var(--font-size-xl);font-weight:600;color:var(--neutral-800);margin-bottom:var(--spacing-2);position:relative;display:inline-block}.auth-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:3px;background:var(--gradient-primary);border-radius:var(--radius-full);opacity:.7}.form-description{font-size:var(--font-size-xs);color:var(--neutral-500);line-height:1.5;max-width:280px;margin:var(--spacing-2) auto 0}.form-description-highlight{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:500}.auth-form{display:flex;flex-direction:column;gap:clamp(var(--spacing-3),2vh,var(--spacing-4))}.input-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.input-group label{font-size:var(--font-size-xs);font-weight:500;color:var(--neutral-700);text-transform:capitalize}.input{height:clamp(36px,5vh,42px);padding:0 var(--spacing-3);border:1px solid var(--neutral-300);border-radius:var(--radius-lg);font-size:14px;color:var(--neutral-800);transition:var(--transition-all);background:var(--neutral-100);width:100%;box-sizing:border-box}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter)}.input:hover{border-color:var(--neutral-400)}.input::placeholder{color:var(--neutral-500)}.submit-btn{height:clamp(36px,5vh,42px);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition-all);text-transform:capitalize;margin-top:var(--spacing-2)}.submit-btn:active{transform:scale(.98)}.error{padding:var(--spacing-2) var(--spacing-3);background:var(--error-light);border-radius:var(--radius-lg);color:var(--error);font-size:var(--font-size-xs);display:flex;align-items:center;gap:var(--spacing-2)}.error:before{content:"!";flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--error);color:#fff;border-radius:50%;font-weight:600;font-size:var(--font-size-xs)}.alternate{text-align:center;margin-top:var(--spacing-4);font-size:var(--font-size-xs);color:var(--neutral-600)}.link{color:var(--primary);cursor:pointer;transition:var(--transition-all);display:inline-block;margin-top:var(--spacing-2);font-weight:500;padding:var(--spacing-2)}.link:hover{color:var(--primary-dark)}@media (max-height: 667px){.auth-page{padding:var(--spacing-3)}.brand{padding:var(--spacing-2)}.auth-wrapper{padding:var(--spacing-4)}.auth-form{gap:var(--spacing-3)}}@media (max-width: 380px){.auth-wrapper{padding:var(--spacing-3)}.input,.submit-btn{height:36px;font-size:13px}}@supports (padding: max(0px)){.auth-page{padding-left:max(var(--spacing-4),env(safe-area-inset-left));padding-right:max(var(--spacing-4),env(safe-area-inset-right));padding-bottom:max(var(--spacing-4),env(safe-area-inset-bottom))}}.input:-webkit-autofill,.input:-webkit-autofill:focus,.input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0px 1000px var(--neutral-100) inset!important;box-shadow:0 0 0 1000px var(--neutral-100) inset!important;-webkit-text-fill-color:var(--neutral-800)!important;transition:background-color 5000s ease-in-out 0s}.e-card{background:var(--neutral-100);border-radius:var(--radius-xl);padding:var(--spacing-6);min-height:220px;width:100%;max-width:450px;aspect-ratio:1.8;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);background:var(--gradient-primary);box-shadow:var(--shadow-card);margin:0 auto}.e-card:before{content:"";position:absolute;top:50%;right:-35%;width:120%;height:120%;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='uuid-a58c94f7-0ba8-4be4-9175-eae8742e899b'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20331.72%20430.29'%3e%3cdefs%3e%3cstyle%3e%3c/style%3e%3c/defs%3e%3cg%20id='uuid-30023218-53a2-4c60-aa66-53ecd4e2b631'%3e%3cg%20id='uuid-d11f1307-6357-464c-a8cd-66e42edc790d'%3e%3cpolygon%20class='uuid-41400422-d3b1-47cf-80c0-760d840c6ddb'%20points='145.98%2068.64%20199.43%2059.83%20218.2%2040.01%20220.29%2018.11%20186.91%2045.23%20143.46%2049.38%20120.05%2034.95%2060.26%2068.88%20111.94%2052.01%20145.98%2068.64'/%3e%3cpolygon%20class='uuid-41400422-d3b1-47cf-80c0-760d840c6ddb'%20points='149.31%20104.82%20223.42%2094.77%20244.82%2066.91%20244.82%2039.66%20207.67%2074.86%20145.26%2083.57%20103.91%2064.1%2052.28%2093.9%2036.32%20109.87%2097.53%2079.52%20149.31%20104.82'/%3e%3cpolygon%20class='uuid-41400422-d3b1-47cf-80c0-760d840c6ddb'%20points='154.47%20146.6%20251.59%20136.5%20270.51%20102.95%20267.1%2068.55%20235.25%20112.78%20145.64%20122.36%2090.6%2097.63%2035.48%20131.77%2012.25%20159.29%2085.52%20115.4%20154.47%20146.6'/%3e%3cpolygon%20class='uuid-41400422-d3b1-47cf-80c0-760d840c6ddb'%20points='166.58%20192.56%20270.36%20185.63%20297.71%20153.34%20294.11%20113.55%20263.06%20159.15%20159.78%20166.23%2079.08%20139.45%2018.91%20191.78%200%20227.04%2075.71%20166.36%20166.58%20192.56'/%3e%3cpolygon%20class='uuid-41400422-d3b1-47cf-80c0-760d840c6ddb'%20points='184.3%20241.86%20276.86%20238.07%20316.35%20213.42%20318.82%20171.72%20276.1%20211.09%20171.27%20214.21%2075.19%20193.66%2014.18%20256.72%205.15%20294.99%2076.19%20220.18%20184.3%20241.86'/%3e%3cpolygon%20class='uuid-41400422-d3b1-47cf-80c0-760d840c6ddb'%20points='200.46%20294.38%20274.54%20290.11%20321.6%20266.7%20331.72%20233.89%20276.9%20263.38%20194.2%20267.26%2079.08%20249.5%2032.65%20318.35%2032.65%20348.02%2084.84%20273.53%20200.46%20294.38'/%3e%3cpolygon%20class='uuid-41400422-d3b1-47cf-80c0-760d840c6ddb'%20points='208.81%20318%2092.04%20299.96%2064.92%20361.27%2068.8%20387.92%20101.37%20324.25%20214.04%20341.99%20263.06%20338.35%20300.99%20326.83%20328.64%20292.04%20268.27%20313.3%20208.81%20318'/%3e%3cpolygon%20class='uuid-41400422-d3b1-47cf-80c0-760d840c6ddb'%20points='218.72%20361.81%20107.64%20346.16%2096.31%20384.41%20101.47%20408.48%20122.56%20371.33%20221%20383.45%20253.67%20375.37%20298%20344.09%20253.67%20357.64%20218.72%20361.81'/%3e%3cpolygon%20class='uuid-41400422-d3b1-47cf-80c0-760d840c6ddb'%20points='132.65%20391.44%20127.46%20412.73%20135.84%20430.29%20145.71%20405.09%20190.56%20415.52%20228.46%20396.77%20205.57%20400.49%20132.65%20391.44'/%3e%3cpolygon%20class='uuid-41400422-d3b1-47cf-80c0-760d840c6ddb'%20points='182.96%2031.76%20196.13%2013.27%20195.31%200%20170.6%2018.15%20154.54%2020.22%20144.54%2010.91%20131.32%2025.07%20150.85%2036.39%20182.96%2031.76'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.035;transform:translateY(-50%);filter:brightness(0) invert(1);z-index:0}.e-card:after{content:"";position:absolute;bottom:0;left:0;width:120px;height:120px;background:radial-gradient(circle,#ffffff1a,#fff0 70%);border-radius:50%;transform:translate(-30%,30%);z-index:1}.e-card-header{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.e-card-logo{height:3rem;fill:#fff}.e-card-type{font-size:var(--font-size-xs);background:#ffffff26;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-full);color:#fff;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.e-card-body{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.e-card-name{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-2);color:#fff;letter-spacing:.5px}.e-card-member-id{font-size:var(--font-size-sm);color:#ffffffe6;font-weight:500;letter-spacing:1px}.e-card-footer{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.e-card-valid{font-size:var(--font-size-xs);color:#fffc;text-transform:uppercase;letter-spacing:1px;font-weight:500}.e-card-chip{width:35px;height:25px;background:linear-gradient(135deg,gold,orange);border-radius:var(--radius-sm);opacity:.8}.card-stack-container{padding:var(--spacing-4);display:flex;flex-direction:column;align-items:center;width:100%}.card-stack{position:relative;height:260px;padding:var(--spacing-4) 0;perspective:1000px;touch-action:pan-y pinch-zoom;width:100%;max-width:450px;margin:0 auto}.card-wrapper{position:absolute;width:100%;transition:var(--transition-all);cursor:pointer;transform-style:preserve-3d;will-change:transform}.card-wrapper.active{cursor:default;transform:translateY(0) scale(1)!important}.card-wrapper:not(.active){filter:brightness(.95)}.card-wrapper:hover:not(.active){transform:translateY(-4px) scale(.98)!important}.card-navigation{display:flex;justify-content:center;gap:var(--spacing-2);margin-top:var(--spacing-2);padding-top:var(--spacing-3)}.nav-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--neutral-300);border:none;padding:0;cursor:pointer;transition:var(--transition-all)}.nav-dot.active{width:24px;background:var(--primary)}@keyframes float{0%{transform:translateY(0) scale(.95)}50%{transform:translateY(-4px) scale(.95)}to{transform:translateY(0) scale(.95)}}.card-wrapper:not(.active){animation:float 4s ease-in-out infinite;animation-delay:calc(var(--index) * .5s)}.claim-details-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.claim-details-content{background:var(--neutral-100);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.claim-details-header{padding:var(--spacing-6);border-bottom:1px solid var(--neutral-200);display:flex;justify-content:space-between;align-items:flex-start;position:sticky;top:0;background:var(--neutral-100);z-index:1}.claim-details-title{display:flex;align-items:center;gap:var(--spacing-4)}.claim-details-title h2{font-size:var(--font-size-xl);color:var(--neutral-800);font-weight:600}.claim-status{display:flex;align-items:center;gap:var(--spacing-2)}.close-button{width:32px;height:32px;border-radius:var(--radius-full);border:none;background:var(--neutral-200);color:var(--neutral-600);font-size:var(--font-size-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-all)}.close-button:hover{background:var(--neutral-300);color:var(--neutral-800)}.claim-details-body{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}.detail-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-2)}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-size:var(--font-size-sm);color:var(--neutral-600);font-weight:500}.detail-item span{font-size:var(--font-size-base);color:var(--neutral-800)}.amount{font-weight:600;font-size:var(--font-size-lg)!important}.documents-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.document-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--neutral-200);border-radius:var(--radius-lg);transition:var(--transition-all)}.document-item:hover{background:var(--neutral-300)}.document-icon{font-size:var(--font-size-xl)}.document-name{flex:1}.document-download{width:32px;height:32px;border-radius:var(--radius-full);border:none;background:var(--neutral-100);color:var(--neutral-600);cursor:pointer;transition:var(--transition-all)}.document-download:hover{background:var(--primary);color:#fff}.rejection-reason{padding:var(--spacing-4);background:var(--error-light);border-radius:var(--radius-lg);color:var(--error);font-size:var(--font-size-sm)}.claim-details-footer{padding:var(--spacing-6);border-top:1px solid var(--neutral-200);display:flex;justify-content:flex-end;gap:var(--spacing-4);position:sticky;bottom:0;background:var(--neutral-100)}.ch-claims-history{padding:var(--spacing-6);background:var(--neutral-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-8);height:480px;display:flex;flex-direction:column;overflow:hidden}.ch-claim-card-footer{margin-top:var(--spacing-6);display:flex;justify-content:space-between;align-items:center}.ch-header-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.ch-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--neutral-800)}.ch-claims-summary{display:flex;gap:var(--spacing-2)}.ch-summary-pill{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);background:var(--neutral-200);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--neutral-600);font-weight:500}.ch-summary-pill .ch-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--neutral-400)}.ch-summary-pill.pending{background:var(--warning-light);color:var(--warning)}.ch-summary-pill.pending .ch-dot{background:var(--warning)}.ch-claims-stats{display:flex;gap:var(--spacing-4)}.ch-stat-item{display:flex;flex-direction:column;align-items:flex-end}.ch-stat-label{font-size:var(--font-size-sm);color:var(--neutral-600)}.ch-stat-value{font-size:var(--font-size-xl);font-weight:600;color:var(--neutral-800)}.ch-stat-value.pending{color:var(--warning)}.ch-claims-list-container{flex:1;min-height:0}.ch-claim-card{background:var(--neutral-300);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:var(--transition-all);flex-shrink:0;width:100%;box-sizing:border-box}.ch-claim-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ch-claim-card-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-3)}.ch-claim-status{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.ch-claim-status.pending{background:var(--warning-light);color:var(--warning)}.ch-claim-status.settled{background:var(--info-light);color:var(--info)}.ch-claim-status.approved{background:var(--success-light);color:var(--success)}.ch-claim-status.rejected{background:var(--error-light);color:var(--error)}.ch-claim-date{color:var(--neutral-600);font-size:var(--font-size-sm)}.ch-claim-card-body{display:flex;justify-content:space-between;align-items:center}.ch-claim-info h3{font-size:var(--font-size-base);color:var(--neutral-800);margin-bottom:var(--spacing-1)}.ch-claim-info p{font-size:var(--font-size-sm);color:var(--neutral-600)}.ch-claim-amount{font-size:var(--font-size-lg);font-weight:600;color:var(--neutral-800)}.ch-empty-state{display:flex;justify-content:center;align-items:center;height:100%;width:100%;flex-direction:column}.ch-empty-state p{font-size:var(--font-size-lg);color:var(--neutral-600);text-align:center}.ch-claim-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.ch-claim-type-tag{font-size:.75rem;padding:.25rem .5rem;border-radius:9999px;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.ch-claim-type-tag.reimbursement{background-color:#e3f2fd;color:#1976d2}.ch-claim-type-tag.ocr{background-color:#f3e5f5;color:#7b1fa2}.scrollable-container{flex:1;overflow:hidden;position:relative;min-height:0;display:flex;flex-direction:column}.scrollable{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-2);padding-right:var(--spacing-2)}.scrollable>:last-child{margin-bottom:calc(var(--spacing-10) * 4)}@media (hover: hover){.scrollable,.scrollable:hover{scrollbar-width:thin}}.scrollable::-webkit-scrollbar{width:4px}.scrollable::-webkit-scrollbar-track{background:var(--neutral-200);border-radius:var(--radius-full)}.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-400);border-radius:var(--radius-full)}.scrollable::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.scrollable.horizontal{overflow-x:auto;overflow-y:hidden;flex-direction:row;padding-right:0;padding-bottom:var(--spacing-2)}.scrollable.horizontal::-webkit-scrollbar{height:4px;width:auto}.scrollable.no-padding{padding-right:0}.scrollable.no-gap{gap:0}.claim-form-wrapper{position:relative;margin:1rem 0}.new-claim-button{display:flex;align-items:center;gap:.5rem;background:var(--gradient-primary, linear-gradient(to right, #4a90e2, #5a5de8));color:#fff;border:none;border-radius:var(--radius-full, 9999px);padding:.75rem 1.25rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));position:fixed;bottom:var(--spacing-6, 1.5rem);left:50%;transform:translate(-50%);z-index:100}.new-claim-button:hover{transform:translate(-50%) translateY(-2px);box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1))}.button-icon{font-size:1.2rem;line-height:1}.claim-form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:#fff;border-radius:var(--radius-lg, 8px);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));animation:modalFadeIn .3s ease}.account-modal{max-width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem .5rem;border-bottom:1px solid var(--neutral-300, #e0e0e0)}.close-modal-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--neutral-600, #666);padding:.25rem;line-height:1;border-radius:50%;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;transition:background-color .2s}.close-modal-button:hover{background-color:var(--neutral-200, #f0f0f0)}.section-title{font-size:1.15rem;color:var(--neutral-800, #333);margin:0;font-weight:600}.claim-form-container{padding:0 1.5rem 1.5rem}.step-indicator{display:flex;align-items:center;justify-content:space-between;margin:1.5rem 0;position:relative}.step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.step-number{width:2rem;height:2rem;border-radius:50%;background-color:var(--neutral-200, #f0f0f0);color:var(--neutral-600, #666);display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:.5rem;border:2px solid var(--neutral-300, #e0e0e0);transition:all .3s ease}.step.active .step-number{background-color:var(--primary, #4a90e2);color:#fff;border-color:var(--primary, #4a90e2)}.step.completed .step-number{background-color:var(--success, #4caf50);color:#fff;border-color:var(--success, #4caf50)}.step-label{font-size:.875rem;color:var(--neutral-600, #666);font-weight:500}.step.active .step-label{color:var(--neutral-800, #333);font-weight:600}.step-connector{position:absolute;height:2px;background-color:var(--neutral-300, #e0e0e0);top:1rem;left:2rem;right:2rem;z-index:1}.claim-form{margin-top:1.5rem}.form-section-title{font-size:1rem;margin-bottom:1.5rem;color:var(--neutral-800, #333);font-weight:600}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--neutral-700, #333)}.select-wrapper{position:relative}.select-wrapper:after{content:"▼";font-size:.8rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--neutral-600, #666);pointer-events:none}select,input{width:100%;padding:.75rem 1rem;border:1px solid var(--neutral-300, #e0e0e0);border-radius:var(--radius-lg, 4px);font-size:1rem;background-color:#fff;color:var(--neutral-800, #333);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s}select:focus,input:focus{outline:none;border-color:var(--primary, #4a90e2);box-shadow:0 0 0 3px #4a90e21a}select.error,input.error,.file-upload-area.error{border-color:var(--error, #f44336)}.readonly-input{background-color:var(--neutral-100, #f5f5f5);cursor:not-allowed}.error-message{color:var(--error, #f44336);font-size:.875rem;margin-top:.25rem}.submit-error{margin-bottom:1rem;padding:.75rem;background-color:#f443361a;border-radius:var(--radius-lg, 4px);text-align:center}.info-message{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3);margin:var(--spacing-2) 0;border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.4;background-color:var(--info-light);border:1px solid rgba(124,93,250,.2);color:var(--neutral-700)}.info-message--warning{background-color:var(--warning-light);border:1px solid rgba(255,165,0,.2)}.info-message__icon{flex-shrink:0;font-size:1rem;line-height:1.4}.info-message p{margin:0}.claim-type-selection{padding:1rem 0}.claim-type-selection h3{font-size:1.25rem;margin-bottom:1rem;color:var(--neutral-800, #333)}.claim-type-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}@media (max-width: 600px){.claim-type-buttons{grid-template-columns:1fr}}.claim-type-button{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;border:2px solid var(--neutral-300, #e0e0e0);border-radius:var(--radius-lg, 8px);background-color:#fff;cursor:pointer;transition:all .2s ease;text-align:center}.claim-type-button:hover{border-color:var(--primary-light, #a8c7f0);background-color:var(--neutral-50, #f8f9fa);transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}.claim-type-button.selected{border-color:var(--primary, #4a90e2);background-color:var(--primary-lighter, #edf5ff)}.claim-type-icon{font-size:2rem;margin-bottom:.75rem}.claim-type-button h4{font-size:1.125rem;margin:0 0 .5rem;color:var(--neutral-800, #333)}.claim-type-button p{font-size:.875rem;margin:0;color:var(--neutral-600, #666)}.file-upload-area{border:2px dashed var(--neutral-300, #e0e0e0);border-radius:var(--radius-lg, 8px);padding:2rem 1rem;text-align:center;position:relative;cursor:pointer;transition:all .2s;background-color:var(--neutral-50, #f8f9fa)}.file-upload-area:hover,.file-upload-area.drag-over{border-color:var(--primary, #4a90e2);background-color:var(--primary-lighter, #edf5ff)}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-icon{font-size:2rem;margin-bottom:.5rem}.upload-hint{font-size:.875rem;color:var(--neutral-600, #666);margin-top:.5rem}.file-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.file-item{display:flex;align-items:center;padding:.75rem;border:1px solid var(--neutral-300, #e0e0e0);border-radius:var(--radius-lg, 4px);background-color:var(--neutral-50, #f8f9fa);overflow:hidden}.file-icon{font-size:1.25rem;margin-right:.75rem}.file-details{flex:1;display:flex;flex-direction:column;min-width:0}.file-name{font-size:.875rem;color:var(--neutral-800, #333);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.file-size{font-size:.75rem;color:var(--neutral-600, #666)}.remove-file{background:none;border:none;color:var(--error, #f44336);font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-file:hover{background-color:#f443361a}.form-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.button-secondary{padding:.75rem 1.25rem;border:1px solid var(--neutral-300, #e0e0e0);border-radius:var(--radius-full, 9999px);background-color:#fff;color:var(--neutral-700, #333);font-weight:500;cursor:pointer;transition:all .2s}.button-secondary:hover{background-color:var(--neutral-100, #f5f5f5)}.button-primary{padding:.75rem 1.25rem;border:none;border-radius:var(--radius-full, 9999px);background:var(--gradient-primary, linear-gradient(to right, #4a90e2, #5a5de8));color:#fff;font-weight:500;cursor:pointer;transition:all .2s;min-height:2.5rem;display:flex;align-items:center;justify-content:center}.button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}.button-primary:disabled{opacity:.7;cursor:not-allowed}.loading-spinner-container{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner-icon{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;flex-shrink:0}.success-feedback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.checkmark{width:60px;height:60px;border-radius:50%;display:block;stroke-width:2;stroke:var(--success, #4caf50);stroke-miterlimit:10;box-shadow:inset 0 0 0 var(--success, #4caf50);animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;position:relative;margin:0 auto 1.5rem}.checkmark:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#fff}.success-feedback p{font-size:1.25rem;color:var(--success, #4caf50);font-weight:600;margin:0}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px var(--success, #4caf50)}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@media (max-width: 600px){.modal-content{max-width:100%;max-height:95vh;margin:0 .5rem}.file-name{max-width:150px}.form-actions{flex-direction:column-reverse;gap:.75rem}.button-primary,.button-secondary{width:100%}}.document-requirements{display:block;margin-bottom:1rem;font-size:.875rem;color:var(--neutral-700, #333);background-color:var(--neutral-50, #f8f9fa);padding:1rem;border-radius:4px;border-left:3px solid var(--primary, #4a90e2)}.document-requirements ul{margin:.5rem 0 0 1.5rem;padding:0}.document-requirements li{margin-bottom:.5rem}.profile{max-width:64rem;margin:0 auto;padding:var(--spacing-3)}.profile__selector{margin-bottom:var(--spacing-4)}.profile__selector-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--neutral-700);margin-bottom:var(--spacing-2)}.profile__selector-dropdown{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--neutral-400);border-radius:var(--radius-md);background-color:var(--neutral-100);color:var(--neutral-800);font-family:var(--font-family);transition:var(--transition-all)}.profile__selector-dropdown:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-lighter)}.profile__card{background-color:var(--neutral-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.profile__header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background:var(--gradient-primary);transition:var(--transition-all)}.profile__header:hover{opacity:.95}.profile__header-content{display:flex;flex-direction:column;gap:var(--spacing-1)}.profile__title{font-size:var(--font-size-xl);font-weight:600;color:var(--neutral-100)}.profile__subtitle{font-size:var(--font-size-sm);color:var(--neutral-200)}.profile__content{padding:var(--spacing-3)}.profile__section{border-bottom:1px solid var(--neutral-200)}.profile__section:last-child{border-bottom:none}.profile__section-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);cursor:pointer;transition:var(--transition-all)}.profile__section-header:hover{background-color:var(--neutral-100)}.profile__section-title{font-size:var(--font-size-base);font-weight:600;color:var(--primary)}.profile__section-arrow{color:var(--primary);transition:transform .2s ease}.profile__section-arrow.collapsed{transform:rotate(-180deg)}.profile__section-content{max-height:1000px;padding:0 var(--spacing-3) var(--spacing-3);overflow:hidden;transition:all .3s ease-in-out}.profile__section-content.collapsed{max-height:0;padding-top:0;padding-bottom:0}.profile__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-3)}@media (min-width: 768px){.profile__grid{grid-template-columns:repeat(2,1fr)}}.profile__group{display:flex;flex-direction:column;gap:var(--spacing-2);text-transform:capitalize}.profile__accounts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.profile__account-card{border:1px solid var(--neutral-200);border-radius:8px;padding:1.5rem;background-color:var(--neutral-50, #fafafa);transition:all .2s ease}.profile__account-card:hover{border-color:var(--neutral-300);box-shadow:0 2px 4px #0000000d}.profile__account-details{display:flex;flex-direction:column;gap:1rem}.profile__account-number{font-size:1.25rem;font-weight:500;color:var(--neutral-900);letter-spacing:.5px}.profile__account-info{display:flex;flex-direction:column;gap:.5rem}.profile__account-name{color:var(--neutral-700);font-size:.875rem}.profile__account-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--neutral-600);font-size:.875rem}.profile__account-label{color:var(--neutral-500);font-size:.75rem;margin-bottom:.25rem;font-weight:400}.info-field{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2);border-radius:var(--radius-sm);background-color:var(--neutral-100);transition:var(--transition-all)}.info-field:hover{background-color:var(--neutral-200)}.info-field__label{font-size:var(--font-size-sm);color:var(--neutral-600)}.info-field__value{font-size:var(--font-size-sm);color:var(--neutral-800);font-weight:500}.profile__header-button{width:100%;text-align:left;cursor:pointer}.profile__dropdown-arrow{color:var(--neutral-100);transition:transform .2s ease}.profile__dropdown-arrow.open{transform:rotate(180deg)}.profile__dropdown-menu{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out;background:var(--neutral-100);border-top:1px solid transparent}.profile__dropdown-menu.open{max-height:300px;border-top-color:var(--neutral-200)}.profile__dropdown-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);text-align:left;transition:var(--transition-all)}.profile__dropdown-item:hover{background-color:var(--neutral-200)}.profile__dropdown-item.active{background-color:var(--primary-lighter)}.profile__dropdown-name{font-size:var(--font-size-base);color:var(--neutral-800);font-weight:500}.profile__dropdown-relation{font-size:var(--font-size-sm);color:var(--neutral-600)}.profile__section-controls{display:flex;align-items:center}.profile__section-toggle{display:flex;align-items:center;justify-content:center;padding:var(--spacing-1);color:var(--primary);transition:var(--transition-all)}.profile__section-toggle:hover{color:var(--primary-dark)}.info-field__value-container{display:flex;align-items:center;gap:var(--spacing-2)}.info-field__edit-button{color:var(--neutral-500);opacity:0;padding:var(--spacing-1);margin:-var(--spacing-1);transition:var(--transition-all)}.info-field:hover .info-field__edit-button{opacity:.5}.info-field__edit-button:hover{opacity:1!important;color:var(--primary)}.info-field__input{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--neutral-400);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--neutral-800);width:100%;transition:var(--transition-all)}.info-field__input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-lighter)}.profile__account-delete{color:var(--error);opacity:0;transition:var(--transition-all)}.profile__account-card:hover .profile__account-delete{opacity:1}.profile__add-account{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3);border:2px dashed var(--primary-light);border-radius:var(--radius-md);color:var(--primary);font-weight:500;transition:var(--transition-all)}.profile__add-account:hover{background-color:var(--primary-lighter);border-color:var(--primary)}.profile__info-message{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3);border:1px solid var(--neutral-200);border-radius:var(--radius-md);background-color:var(--neutral-50);color:var(--neutral-600);font-size:.875rem;text-align:center}.account{max-width:560px;margin:0 auto;padding:var(--spacing-4);height:100vh;overflow-y:auto;background:var(--neutral-200)}.account::-webkit-scrollbar{width:8px}.account::-webkit-scrollbar-track{background:var(--neutral-200)}.account::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius-full)}.account-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--neutral-300);padding:var(--spacing-2)}.account-header h1{font-size:var(--font-size-lg);font-weight:700;color:var(--neutral-800);margin:0}.card{background:var(--neutral-100);border:1px solid var(--neutral-300);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-4);overflow:hidden}.card:last-child{margin-bottom:0}.card-header{padding:var(--spacing-3);background:var(--neutral-200);display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.card-title{font-size:var(--font-size-base);font-weight:600;color:var(--neutral-800);margin:0}.collapse-icon{flex-shrink:0}.card-status{font-size:var(--font-size-xs);color:var(--neutral-600)}.card-body{padding:var(--spacing-4)}.card-description{font-size:var(--font-size-sm);color:var(--neutral-700);margin-bottom:var(--spacing-3)}.form-group{margin-bottom:var(--spacing-3)}.form-label{display:block;font-size:var(--font-size-xs);color:var(--neutral-600);margin-bottom:var(--spacing-1)}.form-input,.static-text{height:clamp(36px,5vh,42px);padding:0 var(--spacing-3);border:1px solid var(--neutral-300);border-radius:var(--radius-lg);font-size:14px;color:var(--neutral-800);background:var(--neutral-100);width:100%;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter)}.form-input:hover{border-color:var(--neutral-400)}.form-input::placeholder{color:var(--neutral-500)}.form-input:-webkit-autofill,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0px 1000px var(--neutral-100) inset!important;box-shadow:0 0 0 1000px var(--neutral-100) inset!important;-webkit-text-fill-color:var(--neutral-800)!important;transition:background-color 5000s ease-in-out 0s}.password-wrapper{position:relative}.input-icon{position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--neutral-500);cursor:pointer;transition:var(--transition-all)}.input-icon:hover{color:var(--neutral-700)}.btn{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);font-weight:500;border:none;border-radius:var(--radius-sm);color:var(--neutral-100);background-color:var(--primary);cursor:pointer;transition:background .2s}.btn:hover{background-color:var(--primary-dark)}.btn.secondary{background:var(--neutral-100);color:var(--neutral-700);border:1px solid var(--neutral-300)}.btn.secondary:hover{background:var(--neutral-200)}.session{padding:var(--spacing-2);border:1px solid var(--neutral-300);border-radius:var(--radius-sm);background:var(--neutral-200);display:flex;flex-direction:column;gap:var(--spacing-1)}.session-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--neutral-800)}.session-status,.session-meta{font-size:var(--font-size-xs);color:var(--neutral-600)}.static-text{display:flex;align-items:center;justify-content:flex-start;height:clamp(36px,5vh,42px);padding:0 var(--spacing-3);border:1px solid var(--neutral-300);border-radius:var(--radius-lg);font-size:14px;color:var(--neutral-800);background:var(--neutral-100);width:100%;box-sizing:border-box;cursor:default}.feature-unavailable{display:flex;align-items:center;justify-content:center;min-height:80vh}.feature-unavailable__content{max-width:480px;text-align:center;padding:var(--spacing-6);background:var(--neutral-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);animation:fadeIn .5s ease-out}.feature-unavailable__icon{display:flex;justify-content:center;margin-bottom:var(--spacing-4);color:var(--primary)}.feature-unavailable__icon svg{animation:pulse 2s infinite ease-in-out}.feature-unavailable__title{font-size:var(--font-size-xl);font-weight:700;color:var(--neutral-800);margin-bottom:var(--spacing-3)}.feature-unavailable__message{font-size:var(--font-size-lg);color:var(--neutral-700);margin-bottom:var(--spacing-3)}.feature-unavailable__description{font-size:var(--font-size-sm);color:var(--neutral-600);margin-bottom:var(--spacing-6);line-height:1.6}.feature-unavailable__actions{display:flex;justify-content:center;gap:var(--spacing-3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 640px){.account{padding:var(--spacing-3)}.feature-unavailable__content{padding:var(--spacing-4);margin:0 var(--spacing-3)}.feature-unavailable__actions{flex-direction:column;gap:var(--spacing-2)}}:root{--header-height: 64px;--transition-all: all .2s cubic-bezier(.4, 0, .2, 1);--shadow-card: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}.cl-claims-list{display:flex;flex-direction:column;height:calc(100vh - var(--header-height));background:var(--neutral-50);padding:var(--spacing-3);gap:var(--spacing-3)}.cl-claims-header{position:sticky;top:0;z-index:10;margin:calc(var(--spacing-3) * -1) calc(var(--spacing-3) * -1) 0;padding:var(--spacing-3);background:#fff;border-bottom:1px solid var(--neutral-200)}.cl-header-content{display:flex;align-items:flex-start;gap:var(--spacing-4)}.cl-claims-header h1{font-size:var(--font-size-lg);font-weight:600;color:var(--neutral-900);margin:0;white-space:nowrap;padding-top:4px}.cl-claims-controls{display:flex;flex:1;min-width:0}.cl-search-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1;min-width:0}.cl-search-bar{height:36px;display:flex;align-items:center;gap:var(--spacing-2);background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:0 var(--spacing-3);min-width:0;transition:var(--transition-all)}.cl-search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.cl-search-bar svg{width:16px;height:16px;color:var(--neutral-400);flex-shrink:0}.cl-search-bar input{height:100%;width:100%;border:none;background:none;outline:none;font-size:var(--font-size-sm);color:var(--neutral-900);padding:0}.cl-search-bar input::placeholder{color:var(--neutral-500)}.cl-clear-search{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--neutral-400);border-radius:var(--radius-full);transition:var(--transition-all)}.cl-clear-search:hover{color:var(--neutral-600);background:var(--neutral-100)}.cl-clear-search svg{width:14px;height:14px}.cl-search-results{font-size:var(--font-size-sm);color:var(--neutral-600);padding-left:var(--spacing-1)}.cl-filter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;animation:fadeIn .2s ease-out}.cl-filter-panel{position:fixed;top:0;right:0;bottom:0;width:320px;background:#fff;border-left:1px solid var(--neutral-200);box-shadow:var(--shadow-lg);z-index:50;animation:slideIn .2s ease-out;display:flex;flex-direction:column}.cl-filter-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3);border-bottom:1px solid var(--neutral-200)}.cl-filter-header h3{font-size:var(--font-size-base);font-weight:600;color:var(--neutral-900);margin:0}.cl-close-button{display:flex;padding:var(--spacing-1);color:var(--neutral-500);border-radius:var(--radius-full);transition:var(--transition-all)}.cl-close-button:hover{background:var(--neutral-100);color:var(--neutral-700)}.cl-close-button svg{width:16px;height:16px}.cl-filter-content{flex:1;overflow-y:auto;padding:var(--spacing-3)}.cl-filter-section{margin-bottom:var(--spacing-4)}.cl-filter-section:last-child{margin-bottom:0}.cl-filter-section h4{font-size:var(--font-size-xs);font-weight:600;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-2)}.cl-filter-options,.cl-sort-options{display:flex;flex-direction:column;gap:var(--spacing-1)}.cl-filter-option,.cl-sort-option{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);color:var(--neutral-700);font-size:var(--font-size-sm)}.cl-filter-option:hover,.cl-sort-option:hover{background:var(--neutral-100)}.cl-sort-option svg{width:14px;height:14px;color:var(--neutral-500)}.cl-checkbox-custom,.cl-radio-custom{width:16px;height:16px;border:1.5px solid var(--neutral-300);border-radius:var(--radius-sm);position:relative;transition:var(--transition-all)}.cl-radio-custom{border-radius:var(--radius-full)}input[type=checkbox]:checked+.cl-checkbox-custom{background:var(--primary);border-color:var(--primary)}input[type=checkbox]:checked+.cl-checkbox-custom:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}input[type=radio]:checked+.cl-radio-custom{border-color:var(--primary)}input[type=radio]:checked+.cl-radio-custom:after{content:"";position:absolute;left:3px;top:3px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--primary)}.cl-claims-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-2)}.cl-claim-card{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-3);cursor:pointer;transition:var(--transition-all)}.cl-claim-card:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.cl-claim-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2);min-width:0}.cl-claim-info{display:flex;align-items:center;gap:var(--spacing-2);min-width:0}.cl-claim-number{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--neutral-600);padding:0 var(--spacing-1);background:var(--neutral-100);border-radius:var(--radius-sm);white-space:nowrap}.cl-claim-date{display:flex;align-items:center;gap:var(--spacing-1);color:var(--neutral-500);font-size:var(--font-size-xs);white-space:nowrap}.cl-claim-date svg{width:12px;height:12px}.cl-claim-status{display:inline-flex;align-items:center;height:18px;padding:0 var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.025em}.cl-status-pending{background:var(--warning-lighter);color:var(--warning)}.cl-status-approved{background:var(--success-lighter);color:var(--success)}.cl-status-rejected{background:var(--error-lighter);color:var(--error)}.cl-status-settled{background:var(--info-lighter);color:var(--info)}.cl-claim-card-content{display:flex;justify-content:space-between;align-items:center;min-width:0}.cl-claimant-info{min-width:0}.cl-claimant-name{font-size:var(--font-size-sm);font-weight:600;color:var(--neutral-900);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-arrow-icon{width:14px;height:14px;color:var(--neutral-400);flex-shrink:0;transition:all .2s ease}.cl-claim-card:hover .cl-arrow-icon{color:var(--primary);transform:translate(2px)}.cl-loading-state,.cl-error-state,.cl-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-6);text-align:center;background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-lg)}.cl-loading-state svg,.cl-error-state svg,.cl-empty-state svg{width:32px;height:32px;color:var(--neutral-400)}.cl-loading-state h2,.cl-error-state h2,.cl-empty-state h2{font-size:var(--font-size-base);font-weight:600;color:var(--neutral-900);margin:0}.cl-loading-state p,.cl-error-state p,.cl-empty-state p{font-size:var(--font-size-sm);color:var(--neutral-600);margin:0}.cl-loading-spinner{width:24px;height:24px;border:2px solid var(--primary-lighter);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin .6s linear infinite}.cl-button{height:32px;padding:0 var(--spacing-4);background:var(--primary);color:#fff;font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);transition:var(--transition-all);border:none;cursor:pointer}.cl-button:hover{background:var(--primary-dark)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.cl-header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.cl-claims-controls{flex-direction:column}.cl-filter-panel{width:100%}.cl-claims-grid{grid-template-columns:1fr}}.staff-claim-form .new-claim-button{background-color:#4f46e5;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .2s;margin-bottom:24px}.staff-claim-form .new-claim-button:hover{background-color:#4338ca}.staff-claim-form .button-icon{font-size:18px;font-weight:700}@media (max-width: 768px){.staff-claim-form .new-claim-button{width:100%;justify-content:center}}.claim-management-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px}.claim-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.claim-identifier{display:flex;align-items:center;justify-content:space-between;flex:1;margin-right:16px}.claim-title{display:flex;align-items:center;gap:12px}.claim-number{font-size:.9rem;color:#666;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background-color .2s}.claim-number:hover{background-color:#f0f0f0}.claim-number.unset{color:#999;font-style:italic}.claim-title h4{margin:0;color:#2c3e50;font-size:1.1rem}.claimant-name{font-size:1rem;color:#2c3e50;font-weight:500;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background-color .2s}.claimant-name:hover{background-color:#f0f0f0}.status-pill{padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:lowercase}.status-pill.pending{background:#fff7e6;color:#d48806}.status-pill.approved{background:#f6ffed;color:#52c41a}.status-pill.rejected{background:#fff1f0;color:#f5222d}.status-pill.settled{background:#e6f7ff;color:#1890ff}.claim-metadata{display:flex;gap:16px;margin-bottom:12px;font-size:.85rem;color:#666;padding:0 4px}.claim-id,.claim-date{display:flex;align-items:center;gap:6px}.metadata-label{font-weight:500;color:#888}.metadata-value{color:#555}.claim-details{display:flex;flex-direction:column;gap:var(--spacing-4)}.diagnosis-section,.documents-section{display:flex;flex-direction:column;gap:var(--spacing-2)}.diagnosis-section{margin-top:12px}.diagnosis-section label{display:block;font-size:.85rem;color:#666;margin-bottom:4px}.edit-field{display:flex;gap:8px}.diagnosis-input{flex:1;padding:6px 12px;border:1px solid #ddd;border-radius:4px}.display-field{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-3);background:var(--neutral-50);border-radius:var(--radius-md);transition:all .2s ease}.documents-section{display:flex;flex-direction:column;gap:var(--spacing-2);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden}.documents-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);background:var(--neutral-50);border:none;border-radius:0;cursor:pointer;transition:var(--transition-all)}.documents-toggle:hover{background:var(--neutral-100)}.documents-toggle label{margin:0;cursor:pointer}.toggle-icon{font-size:var(--font-size-lg);color:var(--neutral-600);transform:rotate(90deg);transition:transform .2s ease;display:inline-block}.toggle-icon.open{transform:rotate(270deg)}.documents-list{margin-top:0;padding:var(--spacing-3);background:#fff;border-top:1px solid var(--neutral-200);border-radius:0;animation:slideDown .2s ease;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-2)}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.document-btn{padding:var(--spacing-2) var(--spacing-3);background:var(--neutral-50);color:var(--primary);border:1px solid var(--neutral-200);border-radius:var(--radius-md);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-2)}.document-btn:before{content:"📄";font-size:var(--font-size-sm)}.claim-actions{padding:var(--spacing-3) var(--spacing-4);background:var(--neutral-50);border-top:1px solid var(--neutral-200)}.status-select{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:#fff;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.status-select.success{border-color:var(--success);color:var(--success);animation:pulse .3s ease}.edit-btn,.save-btn{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);cursor:pointer;transition:all .15s ease}.edit-btn{background:none;border:none;color:#666;cursor:pointer;padding:4px 8px;max-width:3rem}.save-btn{background:var(--primary);color:#fff;border:none}.save-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.save-btn.success{background:var(--success);animation:pulse .3s ease}.status-change-section{display:flex;flex-direction:column;gap:var(--spacing-3)}.status-confirmation{background:var(--neutral-100);border-radius:var(--radius-md);padding:var(--spacing-3);border:1px solid var(--neutral-200);transition:all .2s ease}.status-change-message{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-sm);color:var(--neutral-700)}.status-change-message strong{color:var(--neutral-900);text-transform:capitalize}.status-actions{display:flex;gap:var(--spacing-2)}.confirm-btn,.cancel-btn{flex:1;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all .15s ease}.confirm-btn{background:var(--primary);color:#fff;border:none}.confirm-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.confirm-btn:active{transform:translateY(1px)}.cancel-btn{background:#fff;color:var(--neutral-700);border:1px solid var(--neutral-300)}.cancel-btn:hover{background:var(--neutral-100);border-color:var(--neutral-400);transform:translateY(-1px)}.cancel-btn:active{transform:translateY(1px)}.status-select:disabled{opacity:.7;cursor:not-allowed}.rejection-reason{color:var(--error);margin-top:var(--spacing-2);font-style:italic}.reason-display{padding:var(--spacing-2) var(--spacing-3);background:var(--error-light);border-radius:var(--radius-md);margin-top:var(--spacing-2)}.reason-input{width:100%;min-height:80px;padding:var(--spacing-2) var(--spacing-3);margin-top:var(--spacing-2);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);resize:vertical;font-family:inherit}.reason-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.confirm-btn.disabled{background:var(--neutral-300);cursor:not-allowed;opacity:.7}.confirm-btn.disabled:hover{background:var(--neutral-300)}.display-field.highlight-update{animation:highlightBg 1s ease}.status-confirmation.fade-out{animation:fadeOut .3s ease forwards}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.edit-field,.display-field,.status-confirmation{transition:all .2s ease}.save-btn,.edit-btn,.confirm-btn,.cancel-btn{transition:all .15s ease}.document-btn:hover,.edit-btn:hover,.save-btn:hover{transform:translateY(-1px)}.document-btn:active,.edit-btn:active,.save-btn:active,.confirm-btn:active,.cancel-btn:active{transform:translateY(1px)}.save-btn.success,.status-select.success{box-shadow:0 0 0 2px var(--primary-lighter)}.save-btn,.confirm-btn{background:var(--primary);color:#fff;border:none}.save-btn:hover,.confirm-btn:hover,.document-btn:hover,.edit-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.save-btn:active,.confirm-btn:active,.document-btn:active,.edit-btn:active{background:var(--primary-light);transform:translateY(1px)}.save-btn.success,.status-select.success{background:var(--success);box-shadow:0 0 0 2px var(--primary-lighter)}.document-btn{background:var(--neutral-50);color:var(--primary);border:1px solid var(--neutral-200)}.document-btn:hover{border-color:var(--primary);color:var(--primary);background:#fff}.document-btn:active{background:var(--primary-lighter);color:var(--primary)}.edit-btn{background:none;border:none;color:#666;cursor:pointer;padding:4px 8px}.edit-btn:hover{color:#1890ff}.edit-btn:active{background:var(--primary-lighter);color:var(--primary)}@keyframes highlightBg{0%{background:var(--success-light)}to{background:var(--neutral-50)}}.status-select:focus{border-color:var(--primary-lighter);box-shadow:0 0 0 2px var(--primary-lighter)}.status-select.success{border-color:var(--success);color:var(--success)}.view-profile-btn{display:none}.profile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.profile-modal{background:var(--neutral-100);border-radius:var(--radius-lg);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.profile-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border-bottom:1px solid var(--neutral-300)}.profile-header h3{color:var(--neutral-800);font-size:var(--font-size-xl);font-weight:600}.close-btn{font-size:var(--font-size-2xl);color:var(--neutral-600);padding:var(--spacing-2);line-height:1}.profile-content{padding:var(--spacing-6)}.profile-section{margin-bottom:var(--spacing-6)}.profile-section label{display:block;color:var(--neutral-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-3)}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-4)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.info-label{color:var(--neutral-500);font-size:var(--font-size-sm)}.info-value{color:var(--neutral-800);font-weight:500}.accounts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4)}.account-item{padding:var(--spacing-4);background:var(--neutral-200);border-radius:var(--radius-md)}.account-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-2)}.bank-name{font-weight:600;color:var(--neutral-800)}.account-currency{color:var(--neutral-600);font-size:var(--font-size-sm)}.account-details{display:flex;flex-direction:column;gap:var(--spacing-1)}.account-name{color:var(--neutral-600);font-size:var(--font-size-sm)}.account-number{color:var(--neutral-700);font-family:monospace;font-size:var(--font-size-sm)}.profile-loading,.profile-error{padding:var(--spacing-8);text-align:center;color:var(--neutral-600)}.claims-history{margin-top:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-2)}.history-item{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3);background:var(--neutral-50);border-radius:var(--radius-md)}.history-date{color:var(--neutral-600);font-size:var(--font-size-sm)}.history-status{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full);text-transform:lowercase}.history-status.approved{background:var(--success-light);color:var(--success)}.history-amount{margin-left:auto;font-weight:500;color:var(--neutral-900)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content{background:#fff;border-radius:8px;width:400px;max-width:90vw;box-shadow:0 2px 10px #0000001a}.modal-header{padding:16px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.1rem;color:#2c3e50}.modal-body{padding:16px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:.9rem;color:#666}.claim-number-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.modal-footer{padding:16px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:12px}.claims-agent-dashboard{margin-top:var(--spacing-4)}.claims-management-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.loading-state,.error-state{text-align:center;padding:var(--spacing-6);color:var(--neutral-600);background:var(--neutral-50);border-radius:var(--radius-lg)}.claims-management-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-4)}@media (max-width: 768px){.claims-management-grid{grid-template-columns:1fr}}.claims-panel{max-width:1200px;margin:0 auto;height:100%;display:flex;flex-direction:column}.claims-header{margin-bottom:var(--spacing-4)}.claims-title{margin-bottom:var(--spacing-6)}.claims-title h1{font-size:var(--font-size-2xl);font-weight:600;color:var(--neutral-900);margin-bottom:var(--spacing-2)}.claims-actions{display:flex;flex-direction:column;gap:var(--spacing-4)}.search-bar input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:var(--transition-all)}.search-bar input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.claims-actions>.filter-tabs{display:flex;gap:var(--spacing-1);padding:var(--spacing-2);background:var(--neutral-100);border-radius:var(--radius-lg);margin-bottom:0}.filter-tab{padding:var(--spacing-2) var(--spacing-4);border:none;background:transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--neutral-600);cursor:pointer;transition:var(--transition-all)}.filter-tab.active{background:#fff;color:var(--neutral-900);font-weight:500;box-shadow:0 1px 3px #0000001a}.sort-dropdown select{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background:#fff;cursor:pointer;transition:var(--transition-all)}.sort-dropdown select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}@media (min-width: 768px){.claims-actions{flex-direction:row;align-items:center;justify-content:space-between}.search-bar{width:300px}.sort-dropdown{width:200px}}.results-count{font-size:var(--font-size-xs);color:var(--neutral-600);margin-left:var(--spacing-2)}.filter-count{font-size:var(--font-size-xs);background:var(--neutral-200);color:var(--neutral-600);padding:0 var(--spacing-2);border-radius:var(--radius-full);min-width:24px;height:20px;display:inline-flex;align-items:center;justify-content:center;margin-left:var(--spacing-2)}.filter-tab.active .filter-count{background:var(--primary-light);color:var(--primary)}.empty-state,.loading-state,.error-state{text-align:center;padding:var(--spacing-6);color:var(--neutral-600);background:var(--neutral-50);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.profiles-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);padding-bottom:0}.profiles-count{font-size:var(--font-size-sm);color:var(--neutral-600);background:var(--neutral-100);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-weight:500;display:inline-flex;align-items:center;gap:var(--spacing-1)}.profiles-count-number{color:var(--primary);background-color:var(--primary-lighter);padding:0 var(--spacing-1);border-radius:var(--radius-md);display:inline-block;font-weight:600;min-width:1.5rem;text-align:center}.profiles-count-total{color:var(--neutral-500);font-size:var(--font-size-xs);font-weight:400}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-4);padding:var(--spacing-4)}.profile-card{background:var(--neutral-100);border-radius:var(--radius-lg);padding:var(--spacing-4);border:1px solid var(--neutral-200);transition:var(--transition-all)}.profile-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--neutral-300)}.profile-main{margin-bottom:var(--spacing-4)}.profile-primary{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.profile-name{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--neutral-800)}.profile-id{font-size:var(--font-size-sm);color:var(--neutral-600);background:var(--neutral-200);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full)}.detail-item{margin-top:var(--spacing-2);padding:var(--spacing-2);background:var(--neutral-50);border-radius:var(--radius-md)}.detail-label{font-size:var(--font-size-sm);color:var(--neutral-600);margin-bottom:var(--spacing-1)}.detail-value{font-size:var(--font-size-base);color:var(--neutral-800)}.profile-actions{display:flex;gap:var(--spacing-2)}.view-btn,.edit-btn{flex:1;padding:var(--spacing-2) var(--spacing-4);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:var(--transition-all)}.view-btn{background:var(--neutral-200);color:var(--neutral-700)}.view-btn:hover{background:var(--neutral-300)}.edit-btn{background:var(--primary);color:#fff}.edit-btn:hover{background:var(--primary-dark)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--neutral-600)}.spinner{border:3px solid var(--neutral-200);border-top:3px solid var(--primary);border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite;margin-bottom:var(--spacing-4)}.error-state{text-align:center;padding:var(--spacing-8);color:var(--error)}.error-state small{display:block;margin-top:var(--spacing-2);color:var(--neutral-600)}.empty-state{text-align:center;padding:var(--spacing-8);color:var(--neutral-600);background:var(--neutral-50);border-radius:var(--radius-lg);margin:var(--spacing-4)}.empty-state .icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4);display:block}.empty-state h4{color:var(--neutral-800);font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.empty-state p{color:var(--neutral-600);font-size:var(--font-size-sm)}@media (max-width: 768px){.profiles-header{padding:var(--spacing-3);padding-bottom:0}.profiles-grid{padding:var(--spacing-3);gap:var(--spacing-3)}.profile-card{padding:var(--spacing-3)}.profile-actions{flex-direction:column}}@media (max-width: 1024px){.profile-main{grid-template-columns:1fr 1fr;gap:var(--spacing-4)}}.upload-profiles{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-6)}.upload-section{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--neutral-200);padding:var(--spacing-6)}.upload-header{margin-bottom:var(--spacing-6)}.upload-header h4{font-size:var(--font-size-xl);color:var(--neutral-900);margin-bottom:var(--spacing-2)}.upload-header p{color:var(--neutral-600);font-size:var(--font-size-sm)}.dropzone{border:2px dashed var(--neutral-300);border-radius:var(--radius-lg);padding:var(--spacing-8);text-align:center;cursor:pointer;transition:all .2s ease;margin:var(--spacing-4) 0}.dropzone:hover{border-color:var(--primary);background:var(--primary-lighter)}.upload-prompt{color:var(--neutral-600)}.upload-icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4);display:block}.file-hint{font-size:var(--font-size-xs);color:var(--neutral-500);margin-top:var(--spacing-2);display:block}.selected-file{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--neutral-50);border-radius:var(--radius-md)}.file-icon{font-size:var(--font-size-xl)}.file-name{flex:1;font-size:var(--font-size-sm);color:var(--neutral-900)}.remove-file{background:none;border:none;color:var(--neutral-500);cursor:pointer;font-size:var(--font-size-lg);padding:var(--spacing-1)}.upload-progress{margin:var(--spacing-4) 0}.progress-bar{height:4px;background:var(--neutral-100);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--primary);transition:width .3s ease}.progress-text{font-size:var(--font-size-sm);color:var(--neutral-600);margin-top:var(--spacing-2);display:block}.template-section{background:var(--neutral-50);border-radius:var(--radius-lg);padding:var(--spacing-6)}.template-header{margin-bottom:var(--spacing-4)}.template-header h4{font-size:var(--font-size-lg);color:var(--neutral-900);margin-bottom:var(--spacing-2)}.template-info{margin-bottom:var(--spacing-6)}.template-info h5{font-size:var(--font-size-sm);color:var(--neutral-700);margin:var(--spacing-4) 0 var(--spacing-2)}.template-info ul{list-style:none;padding:0;margin:0}.template-info li{font-size:var(--font-size-sm);color:var(--neutral-600);padding:var(--spacing-1) 0}@media (max-width: 768px){.upload-profiles{grid-template-columns:1fr}.upload-section,.template-section,.dropzone{padding:var(--spacing-4)}.selected-file{flex-wrap:wrap}.file-name{width:100%;order:2}.remove-file{order:1}}.profile-upload{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:67vh;overflow-y:auto}.upload-header{display:flex;gap:16px;margin-bottom:20px}.upload-header select{min-width:200px;padding:8px;border-radius:4px;border:1px solid #ddd}.preview-section{border:1px solid #eee;border-radius:4px;margin-top:20px}.preview-header{padding:16px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.preview-actions{display:flex;gap:12px;align-items:center}.preview-table{overflow-x:auto}.preview-table table{width:100%;min-width:1200px;border-collapse:collapse}.preview-table th,.preview-table td{white-space:nowrap;padding:12px 8px}.preview-table th:nth-child(1),.preview-table td:nth-child(1){width:40px;min-width:40px}.preview-table th:nth-child(2),.preview-table td:nth-child(2){width:70px;min-width:70px}.preview-table th:last-child,.preview-table td:last-child{min-width:150px}.preview-table th{background:#f9f9f9;font-weight:600}.preview-table tr:hover{background:#f5f5f5}.preview-table tr.has-error{background:#fff2f2}.progress-bar{margin-top:20px;height:4px;background:#eee;border-radius:2px;overflow:hidden;position:relative}.progress-fill{height:100%;background:#4caf50;transition:width .3s ease}.error-message{margin-top:16px;padding:12px;background:#fff2f2;border:1px solid #ffcdd2;border-radius:4px;color:#d32f2f}.primary-btn{padding:8px 16px;background:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer}.primary-btn:disabled{background:#ccc;cursor:not-allowed}.secondary-btn{padding:8px 16px;background:#fff;color:#1976d2;border:1px solid #1976d2;border-radius:4px;cursor:pointer}.secondary-btn:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed}.validation-error{color:#d32f2f;font-size:.875rem;padding:4px 0}.validation-error>div{margin:2px 0}.preview-table tr.has-error td{background-color:#fff8f8!important}.preview-table tr.has-error:hover td{background-color:#fff2f2!important}.preview-table tr.has-error .validation-error{color:#d32f2f;font-weight:500}.error-summary{margin:16px 0;border:1px solid #ffcdd2;border-radius:8px;background:#fff5f5}.error-summary-header{padding:16px;background:#fff2f2;border-bottom:1px solid #ffcdd2;border-radius:8px 8px 0 0;display:flex;align-items:center;gap:12px}.error-summary-header h4{margin:0;color:#d32f2f;font-size:1.1rem}.error-icon{font-size:1.2rem}.error-count{color:#d32f2f;font-size:.9rem;margin-left:auto}.error-summary-content{padding:16px}.error-summary-content p{margin:0 0 12px;color:#d32f2f;font-size:.9rem}.error-list{max-height:200px;overflow-y:auto;border:1px solid #ffcdd2;border-radius:4px;background:#fff}.error-item{padding:12px;border-bottom:1px solid #ffcdd2}.error-item:last-child{border-bottom:none}.error-row{font-family:monospace;padding:2px 8px;background:#fff2f2;border-radius:4px;font-size:.9rem;color:#d32f2f;margin-right:8px;min-width:40px;display:inline-block;text-align:right}.error-name{font-weight:500;color:#333}.error-details{margin:8px 0 0;padding-left:24px;list-style-type:disc;color:#d32f2f;font-size:.9rem}.error-details li{margin:4px 0}.preview-section{margin-top:16px;max-height:calc(67vh - 200px);overflow-y:auto}.invalid-value{color:#d32f2f;text-decoration:wavy underline #d32f2f;text-decoration-skip-ink:none;padding:0 2px}.serial-number{font-family:monospace;text-align:right!important;color:#666;font-size:.9rem;padding-right:16px!important;min-width:60px}.error-excel-row{font-size:.8rem;color:#666;margin-right:8px}.upload-progress-container{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:16px 24px;box-shadow:0 -2px 10px #0000001a;z-index:100;transition:transform .3s ease}.upload-progress-container.hidden{transform:translateY(100%)}.progress-status{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.progress-status-text{color:var(--neutral-700);font-size:var(--font-size-sm);font-weight:500}.progress-percentage{color:var(--primary);font-weight:600}.progress-bar-container{height:6px;background:var(--neutral-100);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);transition:width .3s ease;position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.upload-summary{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--neutral-200);padding:var(--spacing-6);margin-top:var(--spacing-4);animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.upload-summary-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.success-icon{width:40px;height:40px;background:var(--success-lighter);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--success);font-size:24px;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.upload-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-4)}.stat-card{background:var(--neutral-50);border-radius:var(--radius-md);padding:var(--spacing-4)}.stat-value{font-size:var(--font-size-2xl);font-weight:600;color:var(--neutral-900);margin-bottom:var(--spacing-1)}.stat-label{color:var(--neutral-600);font-size:var(--font-size-sm)}.row-status{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);padding:4px 8px;border-radius:var(--radius-md);animation:fadeIn .3s ease}.row-status.processing{background:var(--neutral-50);color:var(--neutral-700)}.row-status.success{background:var(--success-lighter);color:var(--success)}.row-status.error{background:var(--error-lighter);color:var(--error)}.row-status.skipped{background:var(--warning-lighter);color:var(--warning)}.status-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:14px;box-shadow:0 2px 4px #0000001a}.status-icon.success{background:var(--success);color:#fff;animation:successPop .5s ease}.status-icon.error{background:var(--error);color:#fff}.status-icon.skipped{background:var(--warning);color:#fff}.status-icon.processing{background:var(--neutral-100);color:var(--neutral-600);animation:spin 1s linear infinite}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preview-table tr.success-row{animation:successRow 2s ease;position:relative}.preview-table tr.error-row{animation:errorRow 2s ease;position:relative}.preview-table tr.skipped-row{animation:skippedRow 2s ease;position:relative}@keyframes successRow{0%{background:transparent}15%{background:var(--success-lighter)}85%{background:var(--success-lighter)}to{background:transparent}}@keyframes errorRow{0%{background:transparent}15%{background:var(--error-lighter)}85%{background:var(--error-lighter)}to{background:transparent}}@keyframes skippedRow{0%{background:transparent}15%{background:var(--warning-lighter)}85%{background:var(--warning-lighter)}to{background:transparent}}.preview-table tr.success-row td:first-child{border-left:3px solid var(--success);animation:borderPulse 2s ease}.preview-table tr.error-row td:first-child{border-left:3px solid var(--error);animation:borderPulse 2s ease}.preview-table tr.skipped-row td:first-child{border-left:3px solid var(--warning);animation:borderPulse 2s ease}@keyframes borderPulse{0%{border-left-width:0}15%{border-left-width:3px}85%{border-left-width:3px}to{border-left-width:0}}.preview-table tr.success-row:after,.preview-table tr.error-row:after,.preview-table tr.skipped-row:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;animation:glowPulse 2s ease}.preview-table tr.success-row:after{box-shadow:0 0 15px rgba(var(--success-rgb),.2)}.preview-table tr.error-row:after{box-shadow:0 0 15px rgba(var(--error-rgb),.2)}.preview-table tr.skipped-row:after{box-shadow:0 0 15px rgba(var(--warning-rgb),.2)}@keyframes glowPulse{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.file-upload-section{display:flex;flex-direction:column;gap:8px}.upload-help{font-size:.875rem;color:#6b7280;margin:0;padding:8px 12px;background:#f9fafb;border-radius:4px;border-left:3px solid #d1d5db}.preview-info{font-size:.875rem;color:#6b7280;margin:0 0 12px;padding:8px 12px;background:#f0f9ff;border-radius:4px;border-left:3px solid #3b82f6}.row-status.ready{background:#d1fae5;color:#047857;border:1px solid #a7f3d0}.row-status.reactivate{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.row-status.exists{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.row-status.checking{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.status-icon.ready{background:#10b981;color:#fff;font-weight:600}.status-icon.reactivate{background:#f59e0b;color:#fff;font-weight:600}.status-icon.exists{background:#ef4444;color:#fff;font-weight:600}.status-icon.checking{background:#9ca3af;color:#fff;animation:pulse 1.5s ease-in-out infinite}.preview-table tr.ready-row{background:#f0fdf4;border-left:3px solid #10b981}.preview-table tr.reactivate-row{background:#fffbeb;border-left:3px solid #f59e0b}.preview-table tr.exists-row{background:#fef2f2;border-left:3px solid #ef4444}.preview-table tr.checking-row{background:#f9fafb;border-left:3px solid #9ca3af}.preview-table input[type=checkbox]{margin:0;width:18px;height:18px;border:2px solid var(--neutral-400);border-radius:var(--radius-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--neutral-100);cursor:pointer;transition:var(--transition-all);position:relative;box-shadow:var(--shadow-sm)}.preview-table input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");background-size:12px;background-position:center;background-repeat:no-repeat;box-shadow:var(--shadow-md)}.preview-table input[type=checkbox]:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md)}.preview-table input[type=checkbox]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7c5dfa1a}.preview-table input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:var(--neutral-400);box-shadow:none}.preview-table input[type=checkbox]:disabled:checked{background:var(--neutral-500);border-color:var(--neutral-500)}.error-message{display:flex;align-items:flex-start;gap:8px;margin-top:16px;padding:12px;border-radius:6px;font-size:.875rem;line-height:1.5}.error-message.info{background:#f0f9ff;border:1px solid #bae6fd;color:#0c4a6e}.error-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.error-message.warning{background:#fffbeb;border:1px solid #fed7aa;color:#9a3412}.error-message.error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.error-message:before{content:"ℹ️";font-size:16px;margin-right:4px}.error-message.success:before{content:"✅"}.error-message.warning:before{content:"⚠️"}.error-message.error:before{content:"❌"}.preview-actions label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#374151;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.preview-actions label:hover{background:#f9fafb}.preview-actions label input[type=checkbox]{margin:0;cursor:pointer}.preview-actions label input[type=checkbox]:disabled{cursor:not-allowed}.primary-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.primary-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 2px 4px #0000001a}.primary-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;box-shadow:none}.secondary-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.secondary-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.secondary-btn:disabled{background:#f9fafb;border-color:#e5e7eb;color:#d1d5db;cursor:not-allowed}.upload-header select{min-width:200px;padding:8px 12px;border-radius:6px;border:1px solid #d1d5db;background:#fff;font-size:.875rem;color:#374151;transition:border-color .2s ease}.upload-header select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.upload-header select:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.preview-actions{flex-direction:column;align-items:stretch;gap:8px}.preview-actions label,.primary-btn,.secondary-btn{justify-content:center}.upload-header{flex-direction:column;gap:8px}.upload-header select{min-width:auto;width:100%}}.preview-table tr{transition:all .2s ease}.preview-table tr:hover{background:#f1f5f9;box-shadow:0 1px 3px #0000000d}.preview-table tr.has-error:hover{background:#fef2f2;box-shadow:0 1px 3px #dc26261a}.preview-table tr.ready-row:hover{background:#dcfce7;box-shadow:0 1px 3px #22c55e1a}.preview-table tr.reactivate-row:hover{background:#fef3c7;box-shadow:0 1px 3px #f59e0b1a}.preview-table tr.exists-row:hover{background:#fee2e2;box-shadow:0 1px 3px #ef44441a}.upload-progress-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-top:1px solid #e5e7eb}.progress-status-text{display:flex;align-items:center;gap:8px}.progress-status-text:before{content:"⏳";font-size:16px}.upload-summary-actions{display:flex;gap:12px;margin-top:16px}.upload-summary-actions button{flex:1}@media (max-width: 480px){.upload-summary-actions{flex-direction:column}}.add-profile-form{background:var(--neutral-100);border-radius:var(--radius-lg);border:1px solid var(--neutral-200);padding:var(--spacing-6);max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;padding-bottom:var(--spacing-8)}.form-header{margin-bottom:var(--spacing-6)}.form-header h2{font-size:var(--font-size-xl);color:var(--neutral-800);margin-bottom:var(--spacing-2)}.form-header p{color:var(--neutral-600);font-size:var(--font-size-sm)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--neutral-700)}.form-group label.required:after{content:"*";color:var(--error);margin-left:var(--spacing-1)}.form-group input,.form-group select{padding:var(--spacing-3);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--neutral-800);background:var(--neutral-100);transition:var(--transition-all)}.form-group input:hover,.form-group select:hover{border-color:var(--primary-light)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter)}.form-group input:disabled,.form-group select:disabled{background:var(--neutral-200);cursor:not-allowed}.form-group input[type=date]{font-family:var(--font-family)}.form-actions{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--neutral-200);display:flex;justify-content:flex-end;gap:var(--spacing-4);padding-bottom:var(--spacing-2)}.form-actions button{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-weight:500;transition:var(--transition-all)}.form-actions .primary-btn{background:var(--primary);color:#fff}.form-actions .primary-btn:hover{background:var(--primary-dark)}.form-actions .secondary-btn{background:var(--neutral-100);color:var(--primary);border:1px solid var(--primary)}.form-actions .secondary-btn:hover{background:var(--primary-lighter)}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.add-profile-form{padding:var(--spacing-4);padding-bottom:var(--spacing-8);max-height:85vh}.form-actions{margin-top:var(--spacing-6);padding-top:var(--spacing-4);flex-direction:row;justify-content:space-between;width:100%}.form-actions button{min-width:120px}}.form-error,.form-success{margin:var(--spacing-4) 0;padding:var(--spacing-4);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-3);animation:slideIn .3s ease}.form-error{background:var(--error-light);color:var(--error);border:1px solid var(--error)}.form-success{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.error-icon,.success-icon{font-size:var(--font-size-xl);display:flex;align-items:center;justify-content:center}.form-grid.loading{opacity:.7;pointer-events:none}.loading-text{display:flex;align-items:center;gap:var(--spacing-2)}.loading-spinner{width:16px;height:16px;border:2px solid var(--neutral-100);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.primary-btn:disabled{background:var(--neutral-400);cursor:not-allowed}.secondary-btn:disabled{border-color:var(--neutral-400);color:var(--neutral-400);cursor:not-allowed}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-error{animation:shake .5s ease}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-icon{animation:checkmark .5s ease}.form-grid.loading input,.form-grid.loading select{transition:opacity .3s ease}.form-group input:not(:disabled):focus,.form-group select:not(:disabled):focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter)}.form-group input::placeholder{color:var(--neutral-500)}.primary-btn,.secondary-btn{transition:all .3s ease}.profile-panel{padding:var(--spacing-6);max-width:1200px;margin:0 auto}.profile-header{margin-bottom:var(--spacing-4);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.profile-title{margin-bottom:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2)}.profile-title .title-text{font-size:var(--font-size-lg);font-weight:600;color:var(--neutral-900)}.profile-actions{width:100%;display:flex;flex-wrap:wrap;gap:var(--spacing-4);align-items:center}.org-select-wrapper{min-width:250px}.org-select{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background:#fff}.search-bar{flex:1;min-width:200px}.search-bar input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.action-buttons{display:flex;gap:var(--spacing-2)}.back-btn{padding:var(--spacing-2) var(--spacing-4);color:var(--neutral-600);background:none;border:none;cursor:pointer;font-size:var(--font-size-sm)}.back-btn:hover{color:var(--neutral-900)}.profile-content>.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--neutral-50);border-radius:var(--radius-lg);color:var(--neutral-600)}.empty-state .icon{font-size:var(--font-size-3xl);display:block}.empty-state h4{color:var(--neutral-900)}.empty-state p{font-size:var(--font-size-xs)}.profile-content{background:var(--neutral-50);border-radius:var(--radius-lg);min-height:400px;height:70vh;overflow-y:auto}.primary-btn,.secondary-btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;transition:all .2s ease}.primary-btn{background:var(--primary);color:#fff;border:none}.primary-btn:hover{background:var(--primary-dark)}.secondary-btn{background:#fff;color:var(--primary);border:1px solid var(--primary)}.secondary-btn:hover{background:var(--primary-lighter)}@media (max-width: 768px){.profile-panel{padding:var(--spacing-4)}.profile-title{margin-bottom:var(--spacing-3);flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.profile-actions{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.org-select-wrapper,.search-bar{width:100%;min-width:unset}.action-buttons{width:100%}.primary-btn,.secondary-btn{flex:1;white-space:nowrap}}.clients-container{padding:var(--spacing-8);max-width:1200px;margin:0 auto;display:flex;flex-direction:column;height:calc(100vh - 80px)}.clients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.clients-header h1{font-size:var(--font-size-2xl);color:var(--neutral-800)}.clients-title{margin-bottom:var(--spacing-4)}.clients-title h4{font-size:var(--font-size-2xl);color:var(--neutral-800);margin-bottom:var(--spacing-1)}.clients-actions{display:flex;gap:var(--spacing-4);align-items:center;flex-wrap:wrap}.search-bar{position:relative;flex:1;min-width:200px}.search-bar input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--neutral-400);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm)}.results-count{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);font-size:var(--font-size-xs);color:var(--neutral-600)}.filter-tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.filter-tab{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--neutral-600);background:var(--neutral-200);border:1px solid var(--neutral-300);transition:var(--transition-all)}.filter-tab:hover{background:var(--neutral-300)}.filter-tab.active{background:var(--primary-lighter);color:var(--primary);border-color:var(--primary-light)}.filter-label{text-transform:capitalize}.btn-primary{background:var(--gradient-primary);color:var(--neutral-100);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;transition:var(--transition-all)}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--neutral-300);color:var(--neutral-700);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-weight:600;transition:var(--transition-all)}.btn-secondary:hover{background:var(--neutral-400)}.add-client-form{background:var(--neutral-100);padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-6)}.add-client-form h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4);color:var(--neutral-800)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label{font-size:var(--font-size-sm);color:var(--neutral-700);font-weight:500}.form-group input,.form-group select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--neutral-400);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);transition:var(--transition-all)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-lighter)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4)}.client-card{background:var(--neutral-100);padding:var(--spacing-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition-transform)}.client-card:hover{transform:translateY(-2px)}.client-card h3{font-size:var(--font-size-lg);color:var(--neutral-800);margin-bottom:var(--spacing-2)}.client-card p{color:var(--neutral-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.no-clients{text-align:center;color:var(--neutral-600);grid-column:1 / -1;padding:var(--spacing-8)}.client-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.client-card-header h3{margin:0}.kebab-menu{background:none;border:none;display:flex;justify-content:center;align-items:center;font-size:var(--font-size-xl);color:var(--neutral-600);transition:var(--transition-all);padding:var(--spacing-2);border-radius:50%;cursor:pointer;aspect-ratio:1/1}.kebab-menu:hover{color:var(--primary);background:var(--neutral-200)}.menu-container{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;background:var(--neutral-100);border:1px solid var(--neutral-300);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;z-index:10}.dropdown-menu button{display:block;width:100%;padding:var(--spacing-2) var(--spacing-3);text-align:left;font-size:var(--font-size-sm);color:var(--neutral-700);background:none;border:none;cursor:pointer;transition:var(--transition-all)}.dropdown-menu button:hover{background:var(--neutral-200);color:var(--primary)}.dropdown-menu button:not(:last-child){border-bottom:1px solid var(--neutral-200)}.modal-content{background:var(--neutral-100);padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:500px;margin:var(--spacing-4)}.modal-content h3{margin-bottom:var(--spacing-4);color:var(--neutral-800)}.deactivate-button{color:var(--error)!important;border-top:1px solid var(--neutral-300);margin-top:var(--spacing-1);padding-top:var(--spacing-2)}.deactivate-button:hover{background:var(--error-lighter)!important;color:var(--error)!important}.warning-text{color:var(--warning-dark);font-weight:500;font-size:var(--font-size-sm)}.btn-danger{background:var(--error);color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-weight:600;transition:var(--transition-all)}.success-message{background:var(--success-lighter);color:var(--success-dark);border:1px solid var(--success-light)}.error-message{background:var(--error-lighter);color:var(--error-dark);border:1px solid var(--error-light)}.users-container{padding:var(--spacing-6);max-width:1200px;margin:0 auto;display:flex;flex-direction:column;height:calc(100vh - 80px)}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.users-title h4{font-size:var(--font-size-2xl);font-weight:600;color:var(--neutral-900);margin-bottom:var(--spacing-2)}.users-controls{margin-bottom:var(--spacing-6)}.search-bar{max-width:400px}.search-bar input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--neutral-300);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:var(--transition-all)}.search-bar input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-lighter)}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4)}.user-card{background:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:var(--transition-all)}.user-card:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-card);transform:translateY(-2px)}.user-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.user-info h3{font-size:var(--font-size-lg);font-weight:600;color:var(--neutral-800);margin-bottom:var(--spacing-1)}.user-email{font-size:var(--font-size-sm);color:var(--neutral-600)}.user-roles{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.role-badge{background:var(--primary-lighter);color:var(--primary);font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full)}.user-organization{font-size:var(--font-size-sm);color:var(--neutral-700)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--neutral-100);border-radius:var(--radius-lg);padding:var(--spacing-6);width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content h3{font-size:var(--font-size-xl);color:var(--neutral-800);margin-bottom:var(--spacing-4)}.form-group{margin-bottom:var(--spacing-4)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--neutral-700);margin-bottom:var(--spacing-2)}.form-group input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:var(--transition-all)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-lighter)}.roles-checkboxes{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-2);background:var(--neutral-200);border-radius:var(--radius-md)}.role-checkbox-wrapper{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);background:var(--neutral-100);transition:var(--transition-all)}.role-checkbox-wrapper:hover{background:var(--primary-lighter)}.role-checkbox-wrapper input[type=checkbox]{margin:0;width:18px;height:18px;border:2px solid var(--neutral-400);border-radius:var(--radius-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--neutral-100);cursor:pointer;transition:var(--transition-all)}.role-checkbox-wrapper input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");background-size:12px;background-position:center;background-repeat:no-repeat}.role-checkbox-wrapper input[type=checkbox]:hover{border-color:var(--primary)}.role-checkbox-wrapper input[type=checkbox]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-lighter)}.role-checkbox-wrapper label{margin:0;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);color:var(--neutral-700);font-weight:500;transition:var(--transition-all)}.role-checkbox-wrapper:hover label{color:var(--primary)}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-6)}.form-actions>div{display:flex;gap:var(--spacing-2)}.btn-primary{background:var(--primary);color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;transition:var(--transition-all)}.btn-secondary{background:var(--neutral-200);color:var(--neutral-700);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;transition:var(--transition-all)}.btn-danger{background:var(--error-light);color:var(--error);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;transition:var(--transition-all)}.btn-danger:hover{background:var(--error);color:#fff}.kebab-menu{padding:var(--spacing-1) var(--spacing-2);color:var(--neutral-600);border-radius:var(--radius-md);transition:var(--transition-all)}.kebab-menu:hover{background:var(--neutral-200);color:var(--neutral-800)}.loading-state,.error-state{text-align:center;padding:var(--spacing-8);color:var(--neutral-600)}@media (max-width: 768px){.users-container{padding:var(--spacing-4)}.users-header{flex-direction:column;gap:var(--spacing-4);align-items:stretch}.modal-content{padding:var(--spacing-4);margin:var(--spacing-4)}.form-actions{flex-direction:column-reverse;gap:var(--spacing-4)}.form-actions>div{width:100%}.form-actions button{flex:1}}.profile-details{background:var(--neutral-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;max-width:1200px;margin:0 auto;height:80vh;overflow-y:auto}.profile-details-header{padding:var(--spacing-6);background:var(--gradient-card);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-4)}.profile-details-title{display:flex;flex-direction:column;gap:var(--spacing-2)}.profile-details-title h2{color:var(--neutral-800);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-1)}.profile-metadata{display:flex;align-items:center;gap:var(--spacing-3)}.profile-type{background:var(--primary-lighter);color:var(--primary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;text-transform:capitalize}.organization-name{color:var(--neutral-600);font-size:var(--font-size-sm)}.profile-identifiers{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.id-badge{background:var(--neutral-100);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-2);box-shadow:var(--shadow-sm)}.id-label{color:var(--neutral-600);font-size:var(--font-size-sm)}.id-value{color:var(--neutral-800);font-weight:500;font-size:var(--font-size-sm)}.profile-details-content{padding:var(--spacing-6)}.details-section{margin-bottom:var(--spacing-8)}.details-section h3{color:var(--neutral-700);font-size:var(--font-size-lg);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--neutral-300)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-4)}.account-card{background:var(--neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-4);border:1px solid var(--neutral-300)}.account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.bank-name{font-weight:600;color:var(--neutral-700)}.currency-badge{background:var(--info-light);color:var(--info);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500}.account-details{display:grid;gap:var(--spacing-3)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.detail-label{color:var(--neutral-600);font-size:var(--font-size-sm)}.detail-value{color:var(--neutral-800);font-size:var(--font-size-base);font-weight:500}.profile-details-footer{padding:var(--spacing-6);border-top:1px solid var(--neutral-300);display:flex;justify-content:flex-end;gap:var(--spacing-4)}.btn-primary{background:var(--primary);color:var(--neutral-100);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-weight:500;transition:var(--transition-all)}.btn-primary:hover{background:var(--primary-light)}.btn-secondary{background:var(--neutral-200);color:var(--neutral-700);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-weight:500;transition:var(--transition-all)}.profile-details-loading,.profile-details-error,.profile-details-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:var(--spacing-8);text-align:center;background:var(--neutral-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);max-width:1200px;margin:0 auto}.profile-details-loading .spinner{border:3px solid var(--neutral-300);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:var(--spacing-4)}.icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4)}.profile-details-error h4,.profile-details-empty h4{color:var(--neutral-800);font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.profile-details-error p,.profile-details-empty p{color:var(--neutral-600)}@media (max-width: 768px){.profile-details-header{flex-direction:column;gap:var(--spacing-4)}.profile-identifiers{width:100%}.id-badge{flex:1;justify-content:space-between}}.profile-details-nav{margin-bottom:var(--spacing-4)}.back-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--neutral-200);border-radius:var(--radius-md);color:var(--neutral-700);font-size:var(--font-size-sm);transition:var(--transition-all)}.back-button:hover{background:var(--neutral-300)}.profile-details-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-6);background:var(--neutral-200);border-top:1px solid var(--neutral-300)}.btn-secondary{background:var(--neutral-200);color:var(--neutral-700);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border:none;font-weight:500;cursor:pointer;transition:var(--transition-all)}.btn-secondary:hover{background:var(--neutral-300)}.btn-primary{background:var(--primary);color:#fff;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border:none;font-weight:500;cursor:pointer;transition:var(--transition-all)}.btn-primary:hover{background:var(--primary-dark)}.btn-danger{background:var(--error);color:#fff;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border:none;font-weight:500;cursor:pointer;transition:var(--transition-all)}.btn-danger:hover{background:var(--error-dark)}.btn-danger:disabled{background:var(--neutral-400);cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--neutral-100);padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:450px;margin:var(--spacing-4)}.modal-content h3{margin-bottom:var(--spacing-4);color:var(--neutral-800);font-size:var(--font-size-xl)}.confirmation-message{margin-bottom:var(--spacing-6)}.confirmation-message p{margin-bottom:var(--spacing-2);color:var(--neutral-700)}.warning-text{color:var(--error);font-weight:500;font-size:var(--font-size-sm);background:var(--error-light);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border-left:3px solid var(--error)}.modal-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end}.message{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);animation:slideIn .3s ease}.success-message{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.error-message{background:var(--error-light);color:var(--error);border:1px solid var(--error)}.message-icon{font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center}.message-text{flex:1;font-size:var(--font-size-sm);font-weight:500}.message-actions{display:flex;gap:var(--spacing-2);align-items:center}.message-btn-primary{background:var(--success);color:#fff;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border:none;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:var(--transition-all)}.message-btn-primary:hover{background:var(--success-dark)}.message-btn-secondary{background:transparent;color:var(--success);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--success);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:var(--transition-all)}.message-btn-secondary:hover{background:var(--success);color:#fff}.message-close{background:none;border:none;font-size:var(--font-size-lg);color:inherit;cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:var(--transition-all)}.message-close:hover{background:#0000001a}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.claims-panel{padding:var(--spacing-6);max-width:1200px;margin:0 auto;height:calc(100vh - var(--spacing-6) * 2);display:flex;flex-direction:column}.claims-header{margin-bottom:var(--spacing-4);flex-shrink:0}.claims-title{margin-bottom:var(--spacing-4)}.claims-title h4{font-size:var(--font-size-xl);font-weight:600;color:var(--neutral-900);margin-bottom:var(--spacing-1)}.subtitle{color:var(--neutral-600);font-size:var(--font-size-sm)}.claims-actions{display:flex;flex-direction:column;gap:var(--spacing-3)}.claims-actions-row{display:grid;grid-template-columns:1fr auto auto;gap:var(--spacing-3);align-items:center}.search-bar{position:relative;min-width:200px}.search-bar input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--neutral-300);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:var(--transition-all)}.search-bar input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter)}.results-count{position:absolute;right:var(--spacing-4);top:50%;transform:translateY(-50%);font-size:var(--font-size-xs);color:var(--neutral-600)}.org-select{min-width:180px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--neutral-300);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background:#fff;color:var(--neutral-800);cursor:pointer;transition:var(--transition-all)}.org-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter)}.sort-dropdown select{min-width:140px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--neutral-300);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background:#fff;color:var(--neutral-800);cursor:pointer;transition:var(--transition-all)}.filter-tabs{width:100%;background:var(--neutral-100);border-radius:var(--radius-lg);padding:var(--spacing-1);display:flex;justify-content:center}.filter-tabs-container{display:flex;gap:var(--spacing-1);flex-wrap:wrap;justify-content:center}.filter-tab{padding:var(--spacing-1) var(--spacing-3);border:none;background:transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--neutral-600);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;gap:var(--spacing-2)}.filter-tab:hover{color:var(--neutral-900);background:var(--neutral-200)}.filter-tab.active{background:#fff;color:var(--neutral-900);font-weight:500;box-shadow:var(--shadow-sm)}.filter-count{font-size:var(--font-size-xs);background:var(--neutral-200);color:var(--neutral-600);padding:0 var(--spacing-1);border-radius:var(--radius-full);min-width:20px;height:18px;display:inline-flex;align-items:center;justify-content:center}.filter-tab.active .filter-count{background:var(--primary-lighter);color:var(--primary)}.claims-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.claim-card{background:var(--neutral-100);border:1px solid var(--neutral-300);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:var(--transition-all)}.claim-card:hover{transform:translateY(-2px);border-color:var(--primary-light);box-shadow:var(--shadow-card)}.claim-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.claim-card-header h3{font-size:var(--font-size-sm);color:var(--neutral-600);font-family:monospace}.claim-status{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);text-transform:lowercase}.claim-status.pending{background:var(--warning-light);color:var(--warning)}.claim-status.approved{background:var(--success-light);color:var(--success)}.claim-status.rejected{background:var(--error-light);color:var(--error)}.claim-status.settled{background:var(--info-light);color:var(--info)}.claim-card-body{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4)}.claim-card-body .claim-info{flex:1;overflow:hidden;text-overflow:ellipsis}.claim-info h4{font-size:var(--font-size-base);font-weight:600;color:var(--neutral-800);margin-bottom:var(--spacing-2)}.claim-info .diagnosis{font-size:var(--font-size-sm);color:var(--neutral-600);margin-bottom:var(--spacing-2);text-overflow:ellipsis}.claim-info .organization{font-size:var(--font-size-xs);color:var(--neutral-500)}.claim-date{max-width:fit-content;min-width:fit-content;font-size:var(--font-size-sm);color:var(--neutral-600);margin-top:var(--spacing-3)}.loading-state,.error-state,.empty-state{text-align:center;padding:var(--spacing-8);background:var(--neutral-50);border-radius:var(--radius-lg);color:var(--neutral-600)}.loading-state .spinner{border:3px solid var(--neutral-200);border-top:3px solid var(--primary);border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite;margin:0 auto var(--spacing-4)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state small{display:block;margin-top:var(--spacing-2);color:var(--neutral-500)}@media (max-width: 768px){.claims-panel{padding:var(--spacing-4);height:calc(100vh - var(--spacing-4) * 2)}.claims-actions-row{grid-template-columns:1fr;gap:var(--spacing-2)}.search-bar,.org-select,.sort-dropdown select{width:100%}.filter-tabs-container{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--spacing-1)}.filter-tabs-container::-webkit-scrollbar{display:none}.filter-tab{flex:0 0 auto;white-space:nowrap}.claims-grid{padding-bottom:var(--spacing-4)}.claims-list{margin-bottom:calc(-1 * var(--spacing-4))}}.claims-list{flex:1;overflow-y:auto;min-height:0;padding-right:var(--spacing-2);margin-bottom:calc(-1 * var(--spacing-6))}:root{--primary: #7c5dfa;--primary-light: #9277ff;--primary-lighter: #f8f7ff;--primary-dark: #5e44cb;--neutral-100: #ffffff;--neutral-200: #f9fafb;--neutral-300: #f3f4f8;--neutral-400: #e5e7eb;--neutral-500: #9ca3af;--neutral-600: #6b7280;--neutral-700: #374151;--neutral-800: #1f2937;--success: #4ade80;--success-light: #e8fff3;--success-dark: #22c55e;--info: var(--primary-light);--info-light: var(--primary-lighter);--warning: #ffa500;--warning-light: #fff7e6;--error: #ff4444;--error-light: #fff1f0;--error-dark: #cc3333;--gradient-primary: linear-gradient(135deg, #9277ff 0%, #7c5dfa 100%);--gradient-card: linear-gradient( 135deg, rgba(124, 93, 250, .1) 0%, rgba(146, 119, 255, .1) 100% );--font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .08);--shadow-card: 0 8px 24px rgba(124, 93, 250, .08);--transition-all: all .3s cubic-bezier(.4, 0, .2, 1);--transition-transform: transform .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--neutral-200);color:var(--neutral-800);line-height:1.5}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:768px;margin:0 auto;padding:0 var(--spacing-4)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--neutral-200)}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius-full)}