@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Kadwa:wght@400;700&display=swap";*{box-sizing:border-box}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#0f172a;background-color:#f8fafc;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.25;color:#0f172a}h1{font-size:2.25rem;font-weight:700;letter-spacing:-.025em}h2{font-size:1.875rem;font-weight:700;letter-spacing:-.025em}h3{font-size:1.5rem;font-weight:600}h4{font-size:1.25rem;font-weight:600}h5{font-size:1.125rem;font-weight:500}h6{font-size:1rem;font-weight:500}p{margin:0 0 1rem;color:#475569}a{color:#4f46e5;text-decoration:none;transition:color .15s ease-in-out}a:hover{color:#4338ca;text-decoration:underline}a:focus{outline:2px solid #6366f1;outline-offset:2px}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.grid{display:grid;gap:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-top:0;margin-bottom:0}.p-1{padding:.25rem}.pt-1{padding-top:.25rem}.pr-1{padding-right:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.m-1{margin:.25rem}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.p-2{padding:.5rem}.pt-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.m-2{margin:.5rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.p-3{padding:.75rem}.pt-3{padding-top:.75rem}.pr-3{padding-right:.75rem}.pb-3{padding-bottom:.75rem}.pl-3{padding-left:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.m-3{margin:.75rem}.mt-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.p-4{padding:1rem}.pt-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.m-4{margin:1rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-4{margin-top:1rem;margin-bottom:1rem}.p-5{padding:1.25rem}.pt-5{padding-top:1.25rem}.pr-5{padding-right:1.25rem}.pb-5{padding-bottom:1.25rem}.pl-5{padding-left:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.m-5{margin:1.25rem}.mt-5{margin-top:1.25rem}.mr-5{margin-right:1.25rem}.mb-5{margin-bottom:1.25rem}.ml-5{margin-left:1.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.p-6{padding:1.5rem}.pt-6{padding-top:1.5rem}.pr-6{padding-right:1.5rem}.pb-6{padding-bottom:1.5rem}.pl-6{padding-left:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.m-6{margin:1.5rem}.mt-6{margin-top:1.5rem}.mr-6{margin-right:1.5rem}.mb-6{margin-bottom:1.5rem}.ml-6{margin-left:1.5rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.p-8{padding:2rem}.pt-8{padding-top:2rem}.pr-8{padding-right:2rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.px-8{padding-left:2rem;padding-right:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.m-8{margin:2rem}.mt-8{margin-top:2rem}.mr-8{margin-right:2rem}.mb-8{margin-bottom:2rem}.ml-8{margin-left:2rem}.mx-8{margin-left:2rem;margin-right:2rem}.my-8{margin-top:2rem;margin-bottom:2rem}.p-10{padding:2.5rem}.pt-10{padding-top:2.5rem}.pr-10{padding-right:2.5rem}.pb-10{padding-bottom:2.5rem}.pl-10{padding-left:2.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.m-10{margin:2.5rem}.mt-10{margin-top:2.5rem}.mr-10{margin-right:2.5rem}.mb-10{margin-bottom:2.5rem}.ml-10{margin-left:2.5rem}.mx-10{margin-left:2.5rem;margin-right:2.5rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.p-12{padding:3rem}.pt-12{padding-top:3rem}.pr-12{padding-right:3rem}.pb-12{padding-bottom:3rem}.pl-12{padding-left:3rem}.px-12{padding-left:3rem;padding-right:3rem}.py-12{padding-top:3rem;padding-bottom:3rem}.m-12{margin:3rem}.mt-12{margin-top:3rem}.mr-12{margin-right:3rem}.mb-12{margin-bottom:3rem}.ml-12{margin-left:3rem}.mx-12{margin-left:3rem;margin-right:3rem}.my-12{margin-top:3rem;margin-bottom:3rem}.p-16{padding:4rem}.pt-16{padding-top:4rem}.pr-16{padding-right:4rem}.pb-16{padding-bottom:4rem}.pl-16{padding-left:4rem}.px-16{padding-left:4rem;padding-right:4rem}.py-16{padding-top:4rem;padding-bottom:4rem}.m-16{margin:4rem}.mt-16{margin-top:4rem}.mr-16{margin-right:4rem}.mb-16{margin-bottom:4rem}.ml-16{margin-left:4rem}.mx-16{margin-left:4rem;margin-right:4rem}.my-16{margin-top:4rem;margin-bottom:4rem}.p-20{padding:5rem}.pt-20{padding-top:5rem}.pr-20{padding-right:5rem}.pb-20{padding-bottom:5rem}.pl-20{padding-left:5rem}.px-20{padding-left:5rem;padding-right:5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.m-20{margin:5rem}.mt-20{margin-top:5rem}.mr-20{margin-right:5rem}.mb-20{margin-bottom:5rem}.ml-20{margin-left:5rem}.mx-20{margin-left:5rem;margin-right:5rem}.my-20{margin-top:5rem;margin-bottom:5rem}.p-24{padding:6rem}.pt-24{padding-top:6rem}.pr-24{padding-right:6rem}.pb-24{padding-bottom:6rem}.pl-24{padding-left:6rem}.px-24{padding-left:6rem;padding-right:6rem}.py-24{padding-top:6rem;padding-bottom:6rem}.m-24{margin:6rem}.mt-24{margin-top:6rem}.mr-24{margin-right:6rem}.mb-24{margin-bottom:6rem}.ml-24{margin-left:6rem}.mx-24{margin-left:6rem;margin-right:6rem}.my-24{margin-top:6rem;margin-bottom:6rem}.p-32{padding:8rem}.pt-32{padding-top:8rem}.pr-32{padding-right:8rem}.pb-32{padding-bottom:8rem}.pl-32{padding-left:8rem}.px-32{padding-left:8rem;padding-right:8rem}.py-32{padding-top:8rem;padding-bottom:8rem}.m-32{margin:8rem}.mt-32{margin-top:8rem}.mr-32{margin-right:8rem}.mb-32{margin-bottom:8rem}.ml-32{margin-left:8rem}.mx-32{margin-left:8rem;margin-right:8rem}.my-32{margin-top:8rem;margin-bottom:8rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:#0f172a}.text-secondary{color:#475569}.text-muted{color:#64748b}.text-success{color:#22c55e}.text-warning{color:#f59e0b}.text-error{color:#ef4444}.text-info{color:#3b82f6}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f8fafc}.bg-gray-100{background-color:#f1f5f9}.bg-primary{background-color:#4f46e5}.bg-success{background-color:#22c55e}.bg-warning{background-color:#f59e0b}.bg-error{background-color:#ef4444}.bg-info{background-color:#3b82f6}.border{border:1px solid #e2e8f0}.border-t{border-top:1px solid #e2e8f0}.border-r{border-right:1px solid #e2e8f0}.border-b{border-bottom:1px solid #e2e8f0}.border-l{border-left:1px solid #e2e8f0}.border-gray-200{border-color:#e2e8f0}.border-gray-300{border-color:#cbd5e1}.border-primary{border-color:#4f46e5}.rounded{border-radius:.375rem}.rounded-sm{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow-xs{box-shadow:0 1px 2px #0000000d}.shadow-sm{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.focus-ring:focus{outline:2px solid #6366f1;outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:.25rem}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 640px){.container{padding:0 1rem}.hidden-mobile{display:none!important}}@media (min-width: 768px){.hidden-desktop{display:none!important}}.transition{transition:all .25s ease-in-out}.transition-fast{transition:all .15s ease-in-out}.transition-slow{transition:all .35s ease-in-out}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:.375rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;text-decoration:none;cursor:pointer;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus{outline:2px solid #6366f1;outline-offset:2px}.btn-sm{height:2rem;padding:0 .75rem;font-size:.875rem;line-height:1.5}.btn-md{height:2.5rem;padding:0 1rem;font-size:.875rem;line-height:1.5}.btn-lg{height:3rem;padding:0 1.5rem;font-size:1rem;line-height:1.5}.btn-primary{background-color:#4f46e5;border-color:#4f46e5;color:#fff}.btn-primary:hover:not(:disabled){background-color:#4338ca;border-color:#4338ca;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-primary:active:not(:disabled){background-color:#4338ca;border-color:#4338ca;transform:translateY(0);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.btn-secondary{background-color:#fff;border-color:#cbd5e1;color:#0f172a}.btn-secondary:hover:not(:disabled){background-color:#f8fafc;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.btn-secondary:active:not(:disabled){background-color:#f1f5f9;border-color:#94a3b8;transform:translateY(0)}.btn-outline{background-color:transparent;border-color:#4f46e5;color:#4f46e5}.btn-outline:hover:not(:disabled){background-color:#4f46e5;color:#fff;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-outline:active:not(:disabled){background-color:#4338ca;border-color:#4338ca;color:#fff;transform:translateY(0)}.btn-ghost{background-color:transparent;border-color:transparent;color:#0f172a}.btn-ghost:hover:not(:disabled){background-color:#f1f5f9;color:#0f172a}.btn-ghost:active:not(:disabled){background-color:#e2e8f0}.btn-success{background-color:#22c55e;border-color:#22c55e;color:#fff}.btn-success:hover:not(:disabled){background-color:#16a34a;border-color:#16a34a;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-success:active:not(:disabled){background-color:#16a34a;border-color:#16a34a;transform:translateY(0)}.btn-warning{background-color:#f59e0b;border-color:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background-color:#d97706;border-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-warning:active:not(:disabled){background-color:#d97706;border-color:#d97706;transform:translateY(0)}.btn-error{background-color:#ef4444;border-color:#ef4444;color:#fff}.btn-error:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-error:active:not(:disabled){background-color:#dc2626;border-color:#dc2626;transform:translateY(0)}.btn-icon{width:2.5rem;height:2.5rem;padding:0;border-radius:.375rem}.btn-icon.btn-sm{width:2rem;height:2rem}.btn-icon.btn-lg{width:3rem;height:3rem}.btn-group{display:inline-flex;border-radius:.375rem;overflow:hidden}.btn-group .btn{border-radius:0;border-right-width:0}.btn-group .btn:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.btn-group .btn:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;border-right-width:1px}.btn-group .btn:only-child{border-radius:.375rem;border-right-width:1px}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btn-spin 1s linear infinite}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.btn-responsive{width:100%;justify-content:center}}.btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.btn-floating{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;border-radius:50%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1030}.btn-floating:hover{transform:scale(1.05);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn-link{background:none;border:none;color:#4f46e5;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;font-family:inherit}.btn-link:hover{color:#4338ca}.btn-link:focus{outline:2px solid #6366f1;outline-offset:2px}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#0f172a;line-height:1.25}.form-label-required:after{content:" *";color:#ef4444}.form-help{margin-top:.25rem;font-size:.75rem;color:#64748b;line-height:1.5}.form-error{margin-top:.25rem;font-size:.75rem;color:#ef4444;line-height:1.5}.form-input,.form-select,.form-textarea{display:block;width:100%;height:2.5rem;padding:0 .75rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;transition:all .15s ease-in-out}@media (max-width: 768px){.form-input,.form-select,.form-textarea{font-size:16px;padding:0 .75rem;height:44px}}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#64748b}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}@media (max-width: 768px){.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:0 0 0 2px #6366f126}}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed}.form-input.error,.error.form-select,.error.form-textarea{border-color:#ef4444}.form-input.error:focus,.error.form-select:focus,.error.form-textarea:focus{box-shadow:0 0 0 3px #ef44441a}@media (max-width: 768px){.form-input.error:focus,.error.form-select:focus,.error.form-textarea:focus{box-shadow:0 0 0 2px #ef444426}}.form-input.success,.success.form-select,.success.form-textarea{border-color:#22c55e}.form-input.success:focus,.success.form-select:focus,.success.form-textarea:focus{box-shadow:0 0 0 3px #22c55e1a}@media (max-width: 768px){.form-input.success:focus,.success.form-select:focus,.success.form-textarea:focus{box-shadow:0 0 0 2px #22c55e26}}.form-textarea{height:auto;min-height:6rem;padding:.75rem;resize:vertical;line-height:1.5}@media (max-width: 768px){.form-textarea{font-size:16px;min-height:100px;padding:.75rem}}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (max-width: 768px){.form-select{font-size:16px;padding-right:2rem;background-size:1.25em 1.25em}}.form-select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%234f46e5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.form-checkbox{position:relative;display:inline-flex;align-items:center;cursor:pointer}.form-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.form-checkbox input[type=checkbox]:checked+.checkbox-mark{background-color:#4f46e5;border-color:#4f46e5}.form-checkbox input[type=checkbox]:checked+.checkbox-mark:after{opacity:1;transform:rotate(45deg) scale(1)}.form-checkbox input[type=checkbox]:focus+.checkbox-mark{box-shadow:0 0 0 3px #6366f11a}.form-checkbox input[type=checkbox]:disabled+.checkbox-mark{background-color:#f1f5f9;border-color:#cbd5e1;cursor:not-allowed}.form-checkbox .checkbox-mark{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;background-color:#fff;border:1px solid #cbd5e1;border-radius:.25rem;transition:all .15s ease-in-out}.form-checkbox .checkbox-mark:after{content:"";width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;opacity:0;transform:rotate(45deg) scale(0);transition:all .15s ease-in-out}.form-checkbox .checkbox-label{margin-left:.5rem;font-size:.875rem;color:#0f172a;cursor:pointer}.form-radio{position:relative;display:inline-flex;align-items:center;cursor:pointer}.form-radio input[type=radio]{position:absolute;opacity:0;width:0;height:0}.form-radio input[type=radio]:checked+.radio-mark{border-color:#4f46e5}.form-radio input[type=radio]:checked+.radio-mark:after{opacity:1;transform:scale(1)}.form-radio input[type=radio]:focus+.radio-mark{box-shadow:0 0 0 3px #6366f11a}.form-radio input[type=radio]:disabled+.radio-mark{background-color:#f1f5f9;border-color:#cbd5e1;cursor:not-allowed}.form-radio .radio-mark{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;background-color:#fff;border:1px solid #cbd5e1;border-radius:50%;transition:all .15s ease-in-out}.form-radio .radio-mark:after{content:"";width:8px;height:8px;background-color:#4f46e5;border-radius:50%;opacity:0;transform:scale(0);transition:all .15s ease-in-out}.form-radio .radio-label{margin-left:.5rem;font-size:.875rem;color:#0f172a;cursor:pointer}.form-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.form-switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.form-switch input[type=checkbox]:checked+.switch-track{background-color:#4f46e5}.form-switch input[type=checkbox]:checked+.switch-track .switch-thumb{transform:translate(1.25rem)}.form-switch input[type=checkbox]:focus+.switch-track{box-shadow:0 0 0 3px #6366f11a}.form-switch input[type=checkbox]:disabled+.switch-track{background-color:#e2e8f0;cursor:not-allowed}.form-switch input[type=checkbox]:disabled+.switch-track .switch-thumb{background-color:#cbd5e1}.form-switch .switch-track{position:relative;width:2.75rem;height:1.5rem;background-color:#cbd5e1;border-radius:9999px;transition:all .15s ease-in-out}.form-switch .switch-track .switch-thumb{position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background-color:#fff;border-radius:50%;transition:all .15s ease-in-out;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.form-switch .switch-label{margin-left:.5rem;font-size:.875rem;color:#0f172a;cursor:pointer}.input-group{position:relative;display:flex;width:100%}.input-group .form-input,.input-group .form-textarea,.input-group .form-select{border-radius:0}.input-group .form-input:first-child,.input-group .form-textarea:first-child,.input-group .form-select:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.input-group .form-input:last-child,.input-group .form-textarea:last-child,.input-group .form-select:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.input-group .form-input:not(:first-child),.input-group .form-textarea:not(:first-child),.input-group .form-select:not(:first-child){border-left-width:0}.input-group .input-addon{display:flex;align-items:center;padding:0 .75rem;background-color:#f8fafc;border:1px solid #cbd5e1;color:#64748b;font-size:.875rem;white-space:nowrap}.input-group .input-addon:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;border-right-width:0}.input-group .input-addon:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;border-left-width:0}.search-input{position:relative}.search-input .form-input,.search-input .form-textarea,.search-input .form-select{padding-left:2.5rem}.search-input .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.search-input .search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#64748b;cursor:pointer;opacity:0;transition:opacity .15s ease-in-out}.search-input .search-clear:hover{color:#0f172a}.search-input .search-clear.visible{opacity:1}.form-group.has-error .form-label{color:#ef4444}.form-group.has-error .form-input,.form-group.has-error .form-textarea,.form-group.has-error .form-select{border-color:#ef4444}.form-group.has-error .form-input:focus,.form-group.has-error .form-textarea:focus,.form-group.has-error .form-select:focus{box-shadow:0 0 0 3px #ef44441a}.form-group.has-success .form-input,.form-group.has-success .form-textarea,.form-group.has-success .form-select{border-color:#22c55e}.form-group.has-success .form-input:focus,.form-group.has-success .form-textarea:focus,.form-group.has-success .form-select:focus{box-shadow:0 0 0 3px #22c55e1a}.form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.form-row .form-group{flex:1;margin-bottom:0}@media (max-width: 640px){.form-row{flex-direction:column;gap:0}.form-row .form-group{margin-bottom:1.5rem}}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}@media (max-width: 640px){.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}@media (max-width: 640px){.form-input,.form-textarea,.form-select{font-size:16px}}.card,.profile-card,.data-card,.feature-card,.stat-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;transition:all .25s ease-in-out}.card:hover,.profile-card:hover,.data-card:hover,.feature-card:hover,.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.card-elevated{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card-elevated:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-2px)}.card-flat{box-shadow:none;border:1px solid #e2e8f0}.card-flat:hover{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transform:none}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.card-interactive:active{transform:translateY(0);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.card-header .card-title{margin:0;font-size:1.125rem;font-weight:600;color:#0f172a;line-height:1.25}.card-header .card-subtitle{margin:.25rem 0 0;font-size:.875rem;color:#475569;line-height:1.5}.card-header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.card-body{padding:1.5rem}.card-body:first-child{padding-top:1.5rem}.card-body:last-child{padding-bottom:1.5rem}.card-body-compact{padding:1rem}.card-body-spacious{padding:2rem}.card-footer{padding:1.5rem;border-top:1px solid #e2e8f0;background-color:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-footer .card-footer-actions{display:flex;align-items:center;gap:.5rem}.card-section{padding:1.5rem;border-bottom:1px solid #e2e8f0}.card-section:last-child{border-bottom:none}.card-section .section-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#0f172a}.card-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card-grid.card-grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.card-grid.card-grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card-grid.card-grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width: 640px){.card-grid{grid-template-columns:1fr}}.stat-card{text-align:center;padding:1.5rem}.stat-card .stat-icon{width:3rem;height:3rem;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background-color:#f0f4ff;color:#4f46e5}.stat-card .stat-value{font-size:1.875rem;font-weight:700;color:#0f172a;line-height:1.25;margin:0 0 .25rem}.stat-card .stat-label{font-size:.875rem;color:#475569;margin:0}.stat-card .stat-change{margin-top:.5rem;font-size:.75rem;font-weight:500}.stat-card .stat-change.positive{color:#22c55e}.stat-card .stat-change.negative{color:#ef4444}.stat-card .stat-change.neutral{color:#64748b}.feature-card{padding:1.5rem;text-align:center}.feature-card .feature-icon{width:4rem;height:4rem;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;background-color:#f0f4ff;color:#4f46e5}.feature-card .feature-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.feature-card .feature-description{font-size:.875rem;color:#475569;line-height:1.75;margin:0}.data-card .data-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.data-card .data-header .data-title{font-size:1rem;font-weight:600;color:#0f172a;margin:0}.data-card .data-header .data-actions{display:flex;align-items:center;gap:.5rem}.data-card .data-content{padding:1.5rem}.data-card .data-footer{padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background-color:#f8fafc;font-size:.75rem;color:#64748b}.profile-card{text-align:center;padding:1.5rem}.profile-card .profile-avatar{width:4rem;height:4rem;margin:0 auto 1rem;border-radius:50%;background-color:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;color:#0f172a}.profile-card .profile-name{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 .25rem}.profile-card .profile-role{font-size:.875rem;color:#475569;margin:0 0 1rem}.profile-card .profile-actions{display:flex;gap:.5rem;justify-content:center}.card-loading{position:relative;overflow:hidden}.card-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:card-shimmer 1.5s infinite}@keyframes card-shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 640px){.card,.stat-card,.feature-card,.data-card,.profile-card{margin:0 .5rem}.card-header,.card-body,.card-footer{padding:1rem}.card-grid{gap:1rem}.stat-card,.feature-card,.profile-card{padding:1rem}}.card:focus-within,.stat-card:focus-within,.feature-card:focus-within,.data-card:focus-within,.profile-card:focus-within{outline:2px solid #6366f1;outline-offset:2px}.card-interactive:focus{outline:2px solid #6366f1;outline-offset:2px}.corporate-header{position:fixed;top:0;left:0;right:0;height:4rem;background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;z-index:1030;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;overflow:hidden}.corporate-header .header-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#0f172a}.corporate-header .header-brand .brand-logo{width:2rem;height:2rem;border-radius:.375rem;background-color:#4f46e5;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.corporate-header .header-brand .brand-name{font-size:1.125rem;font-weight:700;color:#0f172a}.corporate-header .header-nav{display:flex;align-items:center;gap:.5rem;margin-left:2rem}.corporate-header .header-nav .nav-item{position:relative}.corporate-header .header-nav .nav-item .nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:#475569;text-decoration:none;border-radius:.375rem;transition:all .15s ease-in-out;font-size:.875rem;font-weight:500}.corporate-header .header-nav .nav-item .nav-link:hover{color:#0f172a;background-color:#f1f5f9}.corporate-header .header-nav .nav-item .nav-link.active{color:#4f46e5;background-color:#f0f4ff}.corporate-header .header-nav .nav-item .nav-dropdown{position:absolute;top:100%;left:0;min-width:12rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .15s ease-in-out;z-index:1000}.corporate-header .header-nav .nav-item .nav-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.corporate-header .header-nav .nav-item .nav-dropdown .dropdown-item{display:block;padding:.75rem 1rem;color:#0f172a;text-decoration:none;font-size:.875rem;transition:all .15s ease-in-out}.corporate-header .header-nav .nav-item .nav-dropdown .dropdown-item:hover{background-color:#f8fafc;color:#4f46e5}.corporate-header .header-nav .nav-item .nav-dropdown .dropdown-item:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.corporate-header .header-nav .nav-item .nav-dropdown .dropdown-item:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.corporate-header .header-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto;height:100%;overflow:hidden}.corporate-header .header-actions .notification-bell{position:relative;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;color:#475569;background-color:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .15s ease-in-out}.corporate-header .header-actions .notification-bell:hover{color:#0f172a;background-color:#f1f5f9}.corporate-header .header-actions .notification-bell .notification-badge{position:absolute;top:.25rem;right:.25rem;width:.75rem;height:.75rem;background-color:#ef4444;border-radius:50%;border:2px solid #ffffff}.corporate-header .header-actions .user-menu{position:relative;z-index:1000;height:100%;display:flex;align-items:center;overflow:hidden}.corporate-header .header-actions .user-menu .user-button{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background-color:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .15s ease-in-out;height:2.5rem;max-width:180px;overflow:hidden}.corporate-header .header-actions .user-menu .user-button:hover{background-color:#f1f5f9}.corporate-header .header-actions .user-menu .user-button .user-avatar{width:2rem;height:2rem;border-radius:50%;background-color:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.corporate-header .header-actions .user-menu .user-button .user-info{text-align:left;min-width:0;flex:1;overflow:hidden}.corporate-header .header-actions .user-menu .user-button .user-info .user-name{font-size:.875rem;font-weight:500;color:#0f172a;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.corporate-header .header-actions .user-menu .user-button .user-info .user-role{font-size:.75rem;color:#475569;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.corporate-header .header-actions .user-menu .user-button .dropdown-arrow{color:#64748b;transition:transform .15s ease-in-out;flex-shrink:0;width:1rem;height:1rem}.corporate-header .header-actions .user-menu.open .user-button .dropdown-arrow{transform:rotate(180deg)}.corporate-header .header-actions .user-menu .user-dropdown{position:absolute;top:calc(100% + .25rem);right:0;min-width:16rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;opacity:0;visibility:hidden;transform:translateY(-.25rem);transition:all .15s ease-in-out;z-index:1000}.corporate-header .header-actions .user-menu .user-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.corporate-header .header-actions .user-menu .user-dropdown .dropdown-header{padding:1rem;border-bottom:1px solid #e2e8f0}.corporate-header .header-actions .user-menu .user-dropdown .dropdown-header .user-details .user-name{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 .25rem}.corporate-header .header-actions .user-menu .user-dropdown .dropdown-header .user-details .user-email{font-size:.875rem;color:#475569;margin:0}.corporate-header .header-actions .user-menu .user-dropdown .dropdown-menu{padding:.5rem 0}.corporate-header .header-actions .user-menu .user-dropdown .dropdown-menu .menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#0f172a;text-decoration:none;font-size:.875rem;transition:all .15s ease-in-out}.corporate-header .header-actions .user-menu .user-dropdown .dropdown-menu .menu-item:hover{background-color:#f8fafc;color:#4f46e5}.corporate-header .header-actions .user-menu .user-dropdown .dropdown-menu .menu-item .menu-icon{width:1.25rem;height:1.25rem;color:#64748b}.corporate-header .header-actions .user-menu .user-dropdown .dropdown-footer{padding:.75rem 1rem;border-top:1px solid #e2e8f0;background-color:#f8fafc}@media (max-width: 1024px){.corporate-header{height:3.5rem;padding:0 1rem}.corporate-header .header-brand .brand-name,.corporate-header .header-nav{display:none}}@media (max-width: 768px){.corporate-header{padding:0 .75rem}.corporate-header .header-brand .brand-logo{width:1.5rem;height:1.5rem;font-size:.875rem}}@media (max-width: 640px){.corporate-header{padding:0 .5rem}.corporate-header .header-actions{gap:.25rem}.corporate-header .header-actions .user-menu .user-info{display:none}}.corporate-sidebar{position:fixed;top:4rem;left:0;width:16rem;height:calc(100vh - 4rem);background-color:#f8fafc;border-right:1px solid #e2e8f0;z-index:1020;overflow-y:auto;transition:width .25s ease-in-out,transform .25s ease-in-out}.corporate-sidebar.collapsed{width:4rem}.corporate-sidebar.collapsed .sidebar-content .workspace-switcher .workspace-trigger .workspace-info,.corporate-sidebar.collapsed .sidebar-content .sidebar-section .section-title{display:none}.corporate-sidebar.collapsed .sidebar-content .sidebar-section .sidebar-item{position:relative}.corporate-sidebar.collapsed .sidebar-content .sidebar-section .sidebar-item .sidebar-link{justify-content:center;padding:.75rem}.corporate-sidebar.collapsed .sidebar-content .sidebar-section .sidebar-item .sidebar-link .sidebar-text{display:none}.corporate-sidebar.collapsed .sidebar-content .sidebar-section .sidebar-item:hover:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:#0f172a;color:#fff;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;white-space:nowrap;z-index:1070;margin-left:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media (max-width: 1024px){.corporate-sidebar{top:3.5rem;height:calc(100vh - 3.5rem);width:16rem;transform:translate(-100%);z-index:1050}.corporate-sidebar.open{transform:translate(0)}}.corporate-sidebar .sidebar-content{padding:1.5rem 1rem}.corporate-sidebar .sidebar-header{display:flex;justify-content:flex-end;margin-bottom:-.5rem}.corporate-sidebar .sidebar-header .collapse-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.corporate-sidebar .sidebar-header .collapse-btn:hover{background-color:#e5e7eb;color:#374151;border-color:#d1d5db}.corporate-sidebar .sidebar-header .collapse-btn svg{width:16px;height:16px}@media (max-width: 1024px){.corporate-sidebar .sidebar-header{display:none}}.corporate-sidebar.collapsed .sidebar-header{display:none}.corporate-sidebar .sidebar-section{margin-bottom:1.5rem}.corporate-sidebar .sidebar-section:last-child{margin-bottom:0}.corporate-sidebar .sidebar-section .section-title{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;padding:0 .75rem}.corporate-sidebar .sidebar-section .section-items{display:flex;flex-direction:column;gap:.25rem}.corporate-sidebar .sidebar-item{position:relative}.corporate-sidebar .sidebar-item .sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:#475569;text-decoration:none;border-radius:.375rem;transition:all .15s ease-in-out;font-size:.875rem;font-weight:500}@media (max-width: 1024px){.corporate-sidebar .sidebar-item .sidebar-link{min-height:44px;padding:.75rem .5rem;gap:.5rem}}.corporate-sidebar .sidebar-item .sidebar-link:hover{color:#0f172a;background-color:#f1f5f9}@media (max-width: 1024px){.corporate-sidebar .sidebar-item .sidebar-link:active{background-color:#e2e8f0}}.corporate-sidebar .sidebar-item .sidebar-link.active{color:#4f46e5;background-color:#f0f4ff}.corporate-sidebar .sidebar-item .sidebar-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:1.5rem;background-color:#4f46e5;border-radius:0 .25rem .25rem 0}.corporate-sidebar .sidebar-item .sidebar-link .sidebar-icon{width:1.25rem;height:1.25rem;flex-shrink:0}@media (max-width: 1024px){.corporate-sidebar .sidebar-item .sidebar-link .sidebar-icon{width:1.5rem;height:1.5rem}}.corporate-sidebar .sidebar-item .sidebar-link .sidebar-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.corporate-sidebar .sidebar-item .sidebar-link .sidebar-badge{background-color:#ef4444;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;min-width:1.25rem;text-align:center;line-height:1}.corporate-sidebar .sidebar-item .sidebar-submenu{margin-left:2rem;margin-top:.25rem}.corporate-sidebar .sidebar-item .sidebar-submenu .submenu-item .submenu-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:#64748b;text-decoration:none;border-radius:.25rem;transition:all .15s ease-in-out;font-size:.75rem}.corporate-sidebar .sidebar-item .sidebar-submenu .submenu-item .submenu-link:hover{color:#0f172a;background-color:#f1f5f9}.corporate-sidebar .sidebar-item .sidebar-submenu .submenu-item .submenu-link.active{color:#4f46e5;background-color:#f0f4ff}.workspace-switcher{margin-bottom:1.5rem}.workspace-switcher .workspace-trigger{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;cursor:pointer;transition:all .15s ease-in-out}.workspace-switcher .workspace-trigger:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.workspace-switcher .workspace-trigger .workspace-icon{width:2rem;height:2rem;border-radius:.375rem;background-color:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.workspace-switcher .workspace-trigger .workspace-info{flex:1;text-align:left}.workspace-switcher .workspace-trigger .workspace-info .workspace-name{font-size:.875rem;font-weight:600;color:#0f172a;line-height:1.25;margin:0}.workspace-switcher .workspace-trigger .workspace-info .workspace-company{font-size:.75rem;color:#475569;line-height:1.25;margin:0}.workspace-switcher .workspace-trigger .dropdown-arrow{color:#64748b;transition:transform .15s ease-in-out}.workspace-switcher.open .workspace-trigger .dropdown-arrow{transform:rotate(180deg)}.workspace-switcher .workspace-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .15s ease-in-out;z-index:1000}.workspace-switcher .workspace-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.workspace-switcher .workspace-dropdown .dropdown-header{padding:1rem;border-bottom:1px solid #e2e8f0}.workspace-switcher .workspace-dropdown .dropdown-header .header-title{font-size:.875rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.workspace-switcher .workspace-dropdown .dropdown-header .header-subtitle{font-size:.75rem;color:#475569;margin:0}.workspace-switcher .workspace-dropdown .dropdown-menu{max-height:20rem;overflow-y:auto}.workspace-switcher .workspace-dropdown .dropdown-menu .menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#0f172a;text-decoration:none;transition:all .15s ease-in-out;border-bottom:1px solid #e2e8f0}.workspace-switcher .workspace-dropdown .dropdown-menu .menu-item:last-child{border-bottom:none}.workspace-switcher .workspace-dropdown .dropdown-menu .menu-item:hover{background-color:#f8fafc}.workspace-switcher .workspace-dropdown .dropdown-menu .menu-item.active{background-color:#f0f4ff;color:#4f46e5}.workspace-switcher .workspace-dropdown .dropdown-menu .menu-item .item-icon{width:2rem;height:2rem;border-radius:.375rem;background-color:#e2e8f0;color:#0f172a;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.workspace-switcher .workspace-dropdown .dropdown-menu .menu-item .item-info{flex:1}.workspace-switcher .workspace-dropdown .dropdown-menu .menu-item .item-info .item-name{font-size:.875rem;font-weight:500;color:inherit;line-height:1.25;margin:0}.workspace-switcher .workspace-dropdown .dropdown-menu .menu-item .item-info .item-company{font-size:.75rem;color:#475569;line-height:1.25;margin:0}.breadcrumb{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background-color:#fff;border-bottom:1px solid #e2e8f0;font-size:.875rem}.breadcrumb .breadcrumb-item{display:flex;align-items:center;gap:.5rem;color:#475569}.breadcrumb .breadcrumb-item:last-child{color:#0f172a;font-weight:500}.breadcrumb .breadcrumb-item .breadcrumb-link{color:inherit;text-decoration:none;transition:color .15s ease-in-out}.breadcrumb .breadcrumb-item .breadcrumb-link:hover{color:#4f46e5}.breadcrumb .breadcrumb-item .breadcrumb-separator{color:#64748b}.mobile-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a80;z-index:1049;opacity:0;visibility:hidden;transition:all .15s ease-in-out}@media (min-width: 1025px){.mobile-sidebar-overlay{display:none}}@media (max-width: 1024px){.corporate-sidebar{transform:translate(-100%)}.corporate-sidebar.open{transform:translate(0)}.corporate-header .header-nav{display:none}}@media (max-width: 640px){.corporate-header{padding:0 1rem}.corporate-header .header-brand .brand-name{display:none}.corporate-header .header-actions{gap:.5rem}.breadcrumb{padding:.75rem 1rem;font-size:.75rem}}.corporate-main-content{margin-left:16rem;margin-top:4rem;min-height:calc(100vh - 4rem);transition:margin-left .25s ease-in-out;padding:1rem}.corporate-main-content.sidebar-collapsed{margin-left:4rem}@media (max-width: 1024px){.corporate-main-content{margin-left:0;padding:.75rem;margin-top:3.5rem}.corporate-main-content.mobile-main{padding-top:4.25rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0))}}@media (max-width: 768px){.corporate-main-content{padding:4rem .5rem .5rem;margin-top:3.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0))}}@media (max-width: 640px){.corporate-main-content{padding:3.75rem .25rem .25rem;padding-bottom:calc(.25rem + env(safe-area-inset-bottom,0))}}.simple-header{position:fixed;top:0;left:0;right:0;height:64px;background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;z-index:1000}.simple-header .header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 24px;max-width:100%}.simple-header .header-left{display:flex;align-items:center;gap:16px}.simple-header .header-left .menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;transition:all .2s;font-size:16px}.simple-header .header-left .menu-toggle:hover{background-color:#e5e7eb;color:#111827;border-color:#d1d5db}.simple-header .header-left .menu-toggle svg{width:20px;height:20px}.simple-header .header-left .logo{display:flex;align-items:center;gap:12px}.simple-header .header-left .logo .logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.simple-header .header-left .logo .logo-text{font-size:20px;font-weight:700;color:#111827}.simple-header .header-right{display:flex;align-items:center;gap:16px}.simple-header .header-right .notification-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.simple-header .header-right .notification-btn:hover{background-color:#f3f4f6;color:#374151}.simple-header .header-right .user-section{position:relative}.simple-header .header-right .user-section .user-btn{display:flex;align-items:center;gap:12px;padding:8px 12px;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s;max-width:200px}.simple-header .header-right .user-section .user-btn:hover{background-color:#f3f4f6}.simple-header .header-right .user-section .user-btn .avatar{width:32px;height:32px;background-color:#6366f1;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.simple-header .header-right .user-section .user-btn .user-text{text-align:left;min-width:0;flex:1}.simple-header .header-right .user-section .user-btn .user-text .name{font-size:14px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.simple-header .header-right .user-section .user-btn .user-text .role{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.simple-header .header-right .user-section .user-btn svg{color:#6b7280;flex-shrink:0}.simple-header .header-right .user-section .user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;z-index:1001}.simple-header .header-right .user-section .user-dropdown .dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#374151;cursor:pointer;transition:all .2s;background:none;border:none;width:100%;text-align:left}.simple-header .header-right .user-section .user-dropdown .dropdown-item:hover{background-color:#f3f4f6}.simple-header .header-right .user-section .user-dropdown .dropdown-item:first-child{border-radius:12px 12px 0 0}.simple-header .header-right .user-section .user-dropdown .dropdown-item:last-child{border-radius:0 0 12px 12px}.simple-header .header-right .user-section .user-dropdown .dropdown-item svg{color:#6b7280}.simple-header .header-right .user-section .user-dropdown .dropdown-divider{height:1px;background:#e5e7eb;margin:4px 0}.data-table{width:100%;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.data-table .table-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.data-table .table-header .table-title{padding:1rem 1.5rem;margin:0;font-size:1.125rem;font-weight:600;color:#0f172a}.data-table .table-header .table-actions{padding:1rem 1.5rem;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.data-table .table-header .table-actions .table-filters{display:flex;align-items:center;gap:.75rem}.data-table .table-header .table-actions .table-filters .filter-group{display:flex;align-items:center;gap:.5rem}.data-table .table-header .table-actions .table-filters .filter-group .filter-label{font-size:.875rem;color:#475569;white-space:nowrap}.data-table .table-header .table-actions .table-filters .filter-group .filter-select{min-width:8rem}.data-table .table-header .table-actions .table-export{display:flex;align-items:center;gap:.5rem}.data-table .table-container{overflow-x:auto}.data-table .table-container table{width:100%;border-collapse:collapse}.data-table .table-container table thead{background-color:#f8fafc}.data-table .table-container table thead th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.data-table .table-container table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease-in-out}.data-table .table-container table thead th.sortable:hover{color:#0f172a}.data-table .table-container table thead th.sortable .sort-icon{margin-left:.25rem;opacity:.5;transition:opacity .15s ease-in-out}.data-table .table-container table thead th.sortable.sorted .sort-icon{opacity:1}.data-table .table-container table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .15s ease-in-out}.data-table .table-container table tbody tr:hover{background-color:#f8fafc}.data-table .table-container table tbody tr:last-child{border-bottom:none}.data-table .table-container table tbody tr td{padding:1rem;font-size:.875rem;color:#0f172a;vertical-align:middle}.data-table .table-container table tbody tr td.numeric{text-align:right;font-variant-numeric:tabular-nums}.data-table .table-container table tbody tr td.center{text-align:center}.data-table .table-footer{padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background-color:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:1rem}.data-table .table-footer .table-info{font-size:.875rem;color:#475569}.data-table .table-footer .table-pagination{display:flex;align-items:center;gap:.5rem}.data-table .table-footer .table-pagination .pagination-info{font-size:.875rem;color:#475569;margin-right:1rem}.data-table .table-footer .table-pagination .pagination-controls{display:flex;align-items:center;gap:.25rem}.data-table .table-footer .table-pagination .pagination-controls .page-button{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;background-color:#fff;color:#0f172a;text-decoration:none;border-radius:.25rem;font-size:.875rem;transition:all .15s ease-in-out}.data-table .table-footer .table-pagination .pagination-controls .page-button:hover:not(:disabled){background-color:#f8fafc;border-color:#94a3b8}.data-table .table-footer .table-pagination .pagination-controls .page-button.active{background-color:#4f46e5;border-color:#4f46e5;color:#fff}.data-table .table-footer .table-pagination .pagination-controls .page-button:disabled{opacity:.5;cursor:not-allowed}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-grid .metric-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out}.metric-grid .metric-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.metric-grid .metric-card .metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.metric-grid .metric-card .metric-header .metric-title{font-size:.875rem;font-weight:500;color:#475569;margin:0}.metric-grid .metric-card .metric-header .metric-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500}.metric-grid .metric-card .metric-header .metric-trend.positive{color:#22c55e}.metric-grid .metric-card .metric-header .metric-trend.negative{color:#ef4444}.metric-grid .metric-card .metric-header .metric-trend.neutral{color:#64748b}.metric-grid .metric-card .metric-value{font-size:1.875rem;font-weight:700;color:#0f172a;line-height:1.25;margin:0 0 .5rem}.metric-grid .metric-card .metric-change{font-size:.875rem;color:#475569;margin:0}.chart-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.chart-container .chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.chart-container .chart-header .chart-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0}.chart-container .chart-header .chart-actions{display:flex;align-items:center;gap:.5rem}.chart-container .chart-header .chart-actions .chart-period{font-size:.875rem;color:#475569}.chart-container .chart-content{position:relative;min-height:300px}.chart-container .chart-content .chart-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem}.chart-container .chart-content .chart-loading .loading-spinner{width:2rem;height:2rem;border:2px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite}.chart-container .chart-content .chart-loading .loading-text{font-size:.875rem;color:#475569}.chart-container .chart-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.chart-container .chart-legend .legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#475569}.chart-container .chart-legend .legend-item .legend-color{width:.75rem;height:.75rem;border-radius:50%}.progress-container .progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-container .progress-label .label-text{font-size:.875rem;font-weight:500;color:#0f172a}.progress-container .progress-label .label-value{font-size:.875rem;color:#475569}.progress-container .progress-bar{width:100%;height:.5rem;background-color:#e2e8f0;border-radius:9999px;overflow:hidden}.progress-container .progress-bar .progress-fill{height:100%;background-color:#4f46e5;border-radius:9999px;transition:width .25s ease-in-out}.progress-container .progress-bar .progress-fill.success{background-color:#22c55e}.progress-container .progress-bar .progress-fill.warning{background-color:#f59e0b}.progress-container .progress-bar .progress-fill.error{background-color:#ef4444}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-badge.status-pending{background-color:#fef3c7;color:#d97706}.status-badge.status-approved{background-color:#dcfce7;color:#16a34a}.status-badge.status-rejected{background-color:#fee2e2;color:#dc2626}.status-badge.status-draft{background-color:#f1f5f9;color:#334155}.status-badge.status-active{background-color:#dbeafe;color:#2563eb}.status-badge.status-inactive{background-color:#f1f5f9;color:#475569}.data-filters{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.data-filters .filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.data-filters .filters-header .filters-title{font-size:1rem;font-weight:600;color:#0f172a;margin:0}.data-filters .filters-header .filters-actions{display:flex;align-items:center;gap:.5rem}.data-filters .filters-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.data-filters .filters-content .filter-group .filter-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#0f172a}.data-filters .filters-content .filter-group .filter-input{width:100%}.empty-state{text-align:center;padding:3rem 1.5rem}.empty-state .empty-icon{width:4rem;height:4rem;margin:0 auto 1rem;color:#64748b}.empty-state .empty-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.empty-state .empty-description{font-size:.875rem;color:#475569;margin:0 0 1.5rem;max-width:24rem;margin-left:auto;margin-right:auto}.empty-state .empty-actions{display:flex;gap:.75rem;justify-content:center}.data-loading{display:flex;align-items:center;justify-content:center;padding:3rem}.data-loading .loading-content{text-align:center}.data-loading .loading-content .loading-spinner{width:2rem;height:2rem;border:2px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto .75rem}.data-loading .loading-content .loading-text{font-size:.875rem;color:#475569}@media (max-width: 640px){.data-table .table-actions,.data-table .table-actions .table-filters{flex-direction:column;align-items:stretch;gap:.75rem}.data-table .table-actions .table-filters .filter-group{flex-direction:column;align-items:stretch;gap:.25rem}.data-table .table-footer{flex-direction:column;align-items:stretch;gap:.75rem}.data-table .table-footer .table-pagination{justify-content:center}.metric-grid{grid-template-columns:1fr;gap:1rem}.data-filters .filters-content{grid-template-columns:1fr}}.analytics-container{padding:1.5rem;max-width:1400px;margin:0 auto}.analytics-container .analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.analytics-container .analytics-header .analytics-title-section .analytics-title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.analytics-container .analytics-header .analytics-title-section .analytics-subtitle{color:#475569;font-size:1.125rem;margin:0}.analytics-container .analytics-header .analytics-actions{display:flex;gap:.75rem}.analytics-container .analytics-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.analytics-container .metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.analytics-container .metric-card .metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.analytics-container .metric-card .metric-header .metric-title{font-size:.875rem;font-weight:500;color:#475569;margin:0;text-transform:uppercase;letter-spacing:.05em}.analytics-container .metric-card .metric-header .metric-icon{color:#4f46e5;width:20px;height:20px}.analytics-container .metric-card .metric-value{font-size:1.875rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.analytics-container .metric-card .metric-change{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.analytics-container .metric-card .metric-change.positive{color:#22c55e}.analytics-container .metric-card .metric-change.negative{color:#ef4444}.analytics-container .analytics-charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}@media (max-width: 1024px){.analytics-container .analytics-charts-grid{grid-template-columns:1fr}}.analytics-container .chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.analytics-container .chart-card .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.analytics-container .chart-card .chart-header .chart-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0}.analytics-container .chart-card .chart-header .chart-legend{display:flex;gap:1rem}.analytics-container .chart-card .chart-header .chart-legend .legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.analytics-container .chart-card .chart-header .chart-legend .legend-item .legend-color{width:12px;height:12px;border-radius:2px}.analytics-container .chart-card .chart-content{height:300px;display:flex;align-items:center;justify-content:center}.analytics-container .chart-card .chart-content .mock-chart{width:100%;height:100%}.analytics-container .chart-card .chart-content .mock-chart .chart-bars{display:flex;align-items:end;justify-content:space-between;height:200px;gap:.5rem}.analytics-container .chart-card .chart-content .mock-chart .chart-bars .chart-bar-group{display:flex;flex-direction:column;align-items:center;flex:1}.analytics-container .chart-card .chart-content .mock-chart .chart-bars .chart-bar-group .chart-bar{width:100%;border-radius:4px 4px 0 0;margin-bottom:.5rem}.analytics-container .chart-card .chart-content .mock-chart .chart-bars .chart-bar-group .chart-bar.requests{background:#4f46e5;height:60%}.analytics-container .chart-card .chart-content .mock-chart .chart-bars .chart-bar-group .chart-bar.spend{background:#3b82f6;height:80%}.analytics-container .chart-card .chart-content .mock-chart .chart-bars .chart-bar-group .chart-label{font-size:.75rem;color:#475569;text-align:center}.analytics-container .chart-card .chart-content .pie-chart{display:flex;flex-wrap:wrap;gap:1rem}.analytics-container .chart-card .chart-content .pie-chart .pie-segment{display:flex;align-items:center;gap:.5rem}.analytics-container .chart-card .chart-content .pie-chart .pie-segment .pie-slice{width:20px;height:20px;border-radius:50%}.analytics-container .chart-card .chart-content .pie-chart .pie-segment .pie-label{display:flex;flex-direction:column}.analytics-container .chart-card .chart-content .pie-chart .pie-segment .pie-label .category-name{font-size:.875rem;font-weight:500}.analytics-container .chart-card .chart-content .pie-chart .pie-segment .pie-label .category-percentage{font-size:.75rem;color:#475569}.analytics-container .analytics-table-section .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.analytics-container .analytics-table-section .table-header .table-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0}.analytics-container .analytics-table-section .table-container{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.analytics-container .analytics-table-section .analytics-table{width:100%;border-collapse:collapse}.analytics-container .analytics-table-section .analytics-table th,.analytics-container .analytics-table-section .analytics-table td{padding:1rem;text-align:left;border-bottom:1px solid #e2e8f0}.analytics-container .analytics-table-section .analytics-table th{background:#f8fafc;font-weight:600;color:#475569;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.analytics-container .analytics-table-section .analytics-table .vendor-info{display:flex;align-items:center;gap:.75rem}.analytics-container .analytics-table-section .analytics-table .vendor-info .vendor-avatar{width:40px;height:40px;border-radius:50%;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.analytics-container .analytics-table-section .analytics-table .vendor-info .vendor-name{font-weight:500}.analytics-container .analytics-table-section .analytics-table .rating{display:flex;align-items:center;gap:.5rem}.analytics-container .analytics-table-section .analytics-table .rating .rating-value{font-weight:500}.analytics-container .analytics-table-section .analytics-table .rating .rating-stars{display:flex;gap:2px}.analytics-container .analytics-table-section .analytics-table .rating .rating-stars .star{color:#cbd5e1;font-size:.875rem}.analytics-container .analytics-table-section .analytics-table .rating .rating-stars .star.filled{color:#f59e0b}.vendors-container{padding:1.5rem;max-width:1400px;margin:0 auto}.vendors-container .vendors-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.vendors-container .vendors-header .vendors-title-section .vendors-title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.vendors-container .vendors-header .vendors-title-section .vendors-subtitle{color:#475569;font-size:1.125rem;margin:0}.vendors-container .vendors-header .vendors-actions{display:flex;gap:.75rem}.vendors-container .vendors-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.vendors-container .vendors-filters .search-input-group{flex:1;min-width:300px;position:relative}.vendors-container .vendors-filters .search-input-group .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#475569;width:16px;height:16px}.vendors-container .vendors-filters .search-input-group .search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.875rem}.vendors-container .vendors-filters .search-input-group .search-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4a90e21a}.vendors-container .vendors-filters .filter-group .filter-select{padding:.75rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.875rem;background:#fff;min-width:150px}.vendors-container .vendors-filters .filter-group .filter-select:focus{outline:none;border-color:#4f46e5}.vendors-container .vendors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.vendors-container .vendor-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:.15s ease-in-out}.vendors-container .vendor-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.vendors-container .vendor-card .vendor-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.vendors-container .vendor-card .vendor-card-header .vendor-avatar{width:48px;height:48px;border-radius:50%;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;flex-shrink:0}.vendors-container .vendor-card .vendor-card-header .vendor-info{flex:1}.vendors-container .vendor-card .vendor-card-header .vendor-info .vendor-name{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 .25rem}.vendors-container .vendor-card .vendor-card-header .vendor-info .vendor-category{color:#475569;font-size:.875rem;margin:0}.vendors-container .vendor-card .vendor-card-header .vendor-actions{display:flex;gap:.5rem}.vendors-container .vendor-card .vendor-card-header .vendor-actions .btn-icon{width:32px;height:32px;border-radius:.375rem;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s ease-in-out}.vendors-container .vendor-card .vendor-card-header .vendor-actions .btn-icon:hover{background:#f8fafc;border-color:#4f46e5}.vendors-container .vendor-card .vendor-card-body .vendor-details{margin-bottom:1rem}.vendors-container .vendor-card .vendor-card-body .vendor-details .vendor-detail-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:#475569}.vendors-container .vendor-card .vendor-card-body .vendor-details .vendor-detail-item svg{width:16px;height:16px;flex-shrink:0}.vendors-container .vendor-card .vendor-card-body .vendor-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.vendors-container .vendor-card .vendor-card-body .vendor-metrics .metric{text-align:center}.vendors-container .vendor-card .vendor-card-body .vendor-metrics .metric .metric-label{display:block;font-size:.75rem;color:#475569;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.vendors-container .vendor-card .vendor-card-body .vendor-metrics .metric .metric-value{font-size:1.125rem;font-weight:600;color:#0f172a}.vendors-container .vendor-card .vendor-card-body .vendor-metrics .metric .rating{display:flex;flex-direction:column;align-items:center;gap:.25rem}.vendors-container .vendor-card .vendor-card-body .vendor-metrics .metric .rating .rating-value{font-size:1.125rem;font-weight:600}.vendors-container .vendor-card .vendor-card-body .vendor-metrics .metric .rating .rating-stars{display:flex;gap:2px}.vendors-container .vendor-card .vendor-card-body .vendor-metrics .metric .rating .rating-stars .star{color:#cbd5e1;font-size:.75rem}.vendors-container .vendor-card .vendor-card-body .vendor-metrics .metric .rating .rating-stars .star.filled{color:#f59e0b}.vendors-container .vendor-card .vendor-card-body .vendor-status{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e2e8f0}.vendors-container .vendor-card .vendor-card-body .vendor-status .status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.vendors-container .vendor-card .vendor-card-body .vendor-status .status-badge.active{background:#7ed3211a;color:#22c55e}.vendors-container .vendor-card .vendor-card-body .vendor-status .status-badge.inactive{background:#d0021b1a;color:#ef4444}.vendors-container .vendor-card .vendor-card-body .vendor-status .status-badge.pending{background:#f8e71c1a;color:#f59e0b}.vendors-container .vendor-card .vendor-card-body .vendor-status .last-activity{font-size:.75rem;color:#475569}.vendors-container .empty-state{display:flex;align-items:center;justify-content:center;min-height:400px;text-align:center}.vendors-container .empty-state .empty-state-content .empty-state-icon{width:64px;height:64px;color:#475569;margin-bottom:1rem}.vendors-container .empty-state .empty-state-content h3{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.vendors-container .empty-state .empty-state-content p{color:#475569;margin:0 0 1.5rem}.settings-container{padding:1.5rem;max-width:1200px;margin:0 auto}@media (max-width: 768px){.settings-container{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}}.settings-container .settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.settings-container .settings-header{margin-bottom:1rem;flex-direction:column}.settings-container .settings-header .settings-title{font-size:1.5rem!important}.settings-container .settings-header .settings-subtitle{font-size:1rem!important}}.settings-container .settings-header .settings-title-section .settings-title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}@media (max-width: 768px){.settings-container .settings-header .settings-title-section .settings-title{font-size:1.5rem}}.settings-container .settings-header .settings-title-section .settings-subtitle{color:#475569;font-size:1.125rem;margin:0}@media (max-width: 768px){.settings-container .settings-header .settings-title-section .settings-subtitle{font-size:.875rem}}.settings-container .settings-header .settings-actions{display:flex;gap:.75rem}@media (max-width: 768px){.settings-container .settings-header .settings-actions{width:100%}.settings-container .settings-header .settings-actions button{flex:1;justify-content:center}}.settings-container .settings-content{display:grid;grid-template-columns:250px 1fr;gap:2rem}@media (max-width: 1024px){.settings-container .settings-content{gap:1.5rem}}@media (max-width: 768px){.settings-container .settings-content{grid-template-columns:1fr;gap:1rem}}@media (max-width: 768px){.settings-container .settings-sidebar{order:2;margin-top:1rem}}.settings-container .settings-sidebar .settings-nav{display:flex;flex-direction:column;gap:.25rem}@media (max-width: 768px){.settings-container .settings-sidebar .settings-nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.5rem}.settings-container .settings-sidebar .settings-nav::-webkit-scrollbar{display:none}}.settings-container .settings-sidebar .settings-nav .settings-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:none;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#475569;cursor:pointer;transition:.15s ease-in-out;text-align:left;white-space:nowrap}@media (max-width: 768px){.settings-container .settings-sidebar .settings-nav .settings-nav-item{padding:.5rem .75rem;min-width:fit-content;font-size:.75rem}}.settings-container .settings-sidebar .settings-nav .settings-nav-item:hover{background:#f8fafc;color:#0f172a}.settings-container .settings-sidebar .settings-nav .settings-nav-item.active{background:#4f46e5;color:#fff}.settings-container .settings-sidebar .settings-nav .settings-nav-item svg{width:16px;height:16px;flex-shrink:0}@media (max-width: 768px){.settings-container .settings-sidebar .settings-nav .settings-nav-item svg{width:14px;height:14px}}@media (max-width: 768px){.settings-container .settings-main{order:1}}.settings-container .settings-main .settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}@media (max-width: 768px){.settings-container .settings-main .settings-section{padding:1rem;margin-bottom:1rem;border-radius:.375rem}}.settings-container .settings-main .settings-section .section-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0 0 1.5rem}@media (max-width: 768px){.settings-container .settings-main .settings-section .section-title{font-size:1.125rem;margin:0 0 1rem}}.settings-container .settings-main .settings-section .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}@media (max-width: 768px){.settings-container .settings-main .settings-section .form-grid{grid-template-columns:1fr;gap:1rem}}.settings-container .settings-main .settings-section .form-group .form-label{display:block;font-size:.875rem;font-weight:500;color:#0f172a;margin-bottom:.5rem}.settings-container .settings-main .settings-section .form-group .form-input,.settings-container .settings-main .settings-section .form-group .form-select,.settings-container .settings-main .settings-section .form-group .form-textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.875rem;transition:.15s ease-in-out}.settings-container .settings-main .settings-section .form-group .form-input:focus,.settings-container .settings-main .settings-section .form-group .form-select:focus,.settings-container .settings-main .settings-section .form-group .form-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4a90e21a}.settings-container .settings-main .settings-section .form-group .form-textarea{resize:vertical;min-height:80px}.settings-container .settings-main .settings-section .form-group .password-input-group{position:relative}.settings-container .settings-main .settings-section .form-group .password-input-group .password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);border:none;background:none;cursor:pointer;color:#475569;padding:.25rem}.settings-container .settings-main .settings-section .form-group .password-input-group .password-toggle:hover{color:#0f172a}.settings-container .settings-main .settings-section .notification-settings .notification-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #e2e8f0}.settings-container .settings-main .settings-section .notification-settings .notification-item:last-child{border-bottom:none}.settings-container .settings-main .settings-section .notification-settings .notification-item .notification-info h4{font-size:1rem;font-weight:500;color:#0f172a;margin:0 0 .25rem}.settings-container .settings-main .settings-section .notification-settings .notification-item .notification-info p{font-size:.875rem;color:#475569;margin:0}.settings-container .settings-main .settings-section .notification-settings .notification-item .toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.settings-container .settings-main .settings-section .notification-settings .notification-item .toggle-switch input{opacity:0;width:0;height:0}.settings-container .settings-main .settings-section .notification-settings .notification-item .toggle-switch input:checked+.toggle-slider{background-color:#4f46e5}.settings-container .settings-main .settings-section .notification-settings .notification-item .toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.settings-container .settings-main .settings-section .notification-settings .notification-item .toggle-switch .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.15s ease-in-out;border-radius:24px}.settings-container .settings-main .settings-section .notification-settings .notification-item .toggle-switch .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.15s ease-in-out;border-radius:50%}.settings-container .settings-main .settings-section .data-settings .data-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #e2e8f0}.settings-container .settings-main .settings-section .data-settings .data-item:last-child{border-bottom:none}.settings-container .settings-main .settings-section .data-settings .data-item .data-info h4{font-size:1rem;font-weight:500;color:#0f172a;margin:0 0 .25rem}.settings-container .settings-main .settings-section .data-settings .data-item .data-info p{font-size:.875rem;color:#475569;margin:0}.corporate-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.corporate-dashboard .dashboard-header h1{margin:0;color:#0f172a}.corporate-dashboard .dashboard-header p{margin:.25rem 0 0;color:#475569}.quick-actions-section{margin-top:2rem;padding:1.5rem 0;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:.5rem;border:1px solid #e2e8f0}.quick-actions-container{max-width:100%;margin:0 auto;padding:0 1.5rem}.quick-actions-header{text-align:center;margin-bottom:1.5rem}.quick-actions-header .quick-actions-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.quick-actions-header .quick-actions-subtitle{font-size:.875rem;color:#475569;margin:0}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%}@media (max-width: 1024px){.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width: 640px){.quick-actions-grid{grid-template-columns:1fr;gap:.5rem}}.quick-action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;color:#0f172a;text-decoration:none;transition:all .25s ease-in-out;cursor:pointer;text-align:left}.quick-action-btn:hover{background:#f8fafc;border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.quick-action-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.quick-action-btn .quick-action-icon{width:1.5rem;height:1.5rem;color:#4f46e5;flex-shrink:0}.quick-action-btn .quick-action-text{font-weight:500;font-size:.875rem}.dashboard-main-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-top:1rem;margin-bottom:1.5rem}@media (max-width: 1024px){.dashboard-main-grid{grid-template-columns:1fr;gap:1rem}}.dashboard-main-content,.dashboard-sidebar-content{min-height:0}.dashboard-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 1024px){.dashboard-bottom-grid{grid-template-columns:1fr;gap:1rem}}.dashboard-bottom-content{min-height:0}.equal-height-card{height:100%;display:flex;flex-direction:column}.equal-height-card .card-body{flex:1;display:flex;flex-direction:column}.card-subtitle{font-size:.875rem;color:#475569;margin:0;margin-top:.25rem}.dashboard-bottom-content .quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;flex:1}@media (max-width: 768px){.dashboard-bottom-content .quick-actions-grid{grid-template-columns:1fr;gap:.5rem}}.dashboard-bottom-content .quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;cursor:pointer;transition:all .25s ease-in-out;text-decoration:none;color:#0f172a;min-height:100px}.dashboard-bottom-content .quick-action-btn:hover{background:#f8fafc;border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dashboard-bottom-content .quick-action-icon{width:1.5rem;height:1.5rem;color:#4f46e5;margin-bottom:.5rem}.dashboard-bottom-content .quick-action-text{font-size:.75rem;font-weight:500;text-align:center}.vendors-container .vendors-tabs{display:flex;border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem}.vendors-container .vendors-tabs .tab-button{padding:.75rem 1.5rem;border:none;background:none;color:#475569;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.vendors-container .vendors-tabs .tab-button:hover{color:#0f172a;background:#f8fafc}.vendors-container .vendors-tabs .tab-button.active{color:#4f46e5;border-bottom-color:#4f46e5;background:#6366f1}.vendors-container .invitations-table{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;margin-bottom:1.5rem}.vendors-container .invitations-table table{width:100%;border-collapse:collapse}.vendors-container .invitations-table table th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#0f172a;border-bottom:1px solid #e2e8f0;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.vendors-container .invitations-table table td{padding:1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.vendors-container .invitations-table table td:last-child{text-align:right}.vendors-container .invitations-table table tr:hover{background:#f8fafc}.vendors-container .invitations-table .invitation-vendor{display:flex;align-items:center;gap:.75rem}.vendors-container .invitations-table .invitation-vendor .vendor-avatar-small{width:2rem;height:2rem;border-radius:50%;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.vendors-container .invitations-table .invitation-actions{display:flex;gap:.5rem;align-items:center}.vendors-container .invitation-status{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.vendors-container .invitation-status.pending{background:#fef3c7;color:#92400e}.vendors-container .invitation-status.accepted{background:#d1fae5;color:#065f46}.vendors-container .invitation-status.expired{background:#fee2e2;color:#991b1b}.vendors-container .invitation-status.cancelled{background:#f1f5f9;color:#475569}.requests-page{padding:1.5rem;max-width:1400px;margin:0 auto}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.request-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:.25s ease-in-out}.request-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.request-card .request-image-container{position:relative;height:200px;overflow:hidden}.request-card .request-image-container .request-image{width:100%;height:100%;object-fit:cover}.request-card .request-image-container .request-status-badge{position:absolute;top:.75rem;right:.75rem}.request-card .request-image-container .request-status-badge .status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.request-card .request-image-container .request-status-badge .status-badge.status-pending{background:#f8e71c1a;color:#f59e0b}.request-card .request-image-container .request-status-badge .status-badge.status-approved{background:#7ed3211a;color:#22c55e}.request-card .request-image-container .request-status-badge .status-badge.status-rejected{background:#d0021b1a;color:#ef4444}.request-card .request-content{padding:1.5rem}.request-card .request-content .request-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 1rem;line-height:1.4}.request-card .request-content .request-details{margin-bottom:1.5rem}.request-card .request-content .request-details .detail-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:#475569}.request-card .request-content .request-details .detail-item svg{color:#475569;flex-shrink:0}.request-card .request-content .request-actions{display:flex;gap:.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1050;padding:1rem}.modal-content{background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-content .modal-header .modal-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0}.modal-content .modal-header .modal-close{background:none;border:none;color:#475569;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:.15s ease-in-out}.modal-content .modal-header .modal-close:hover{background:#f8fafc;color:#0f172a}.modal-content .modal-body{padding:1.5rem}.filters-section{margin-bottom:1.5rem;background-color:#fff;border-radius:.5rem;border:1px solid #e2e8f0;overflow:hidden}.filters-section .filters-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.filters-section .filters-header .btn{display:flex;align-items:center;gap:.5rem;position:relative}.filters-section .filters-header .btn .filter-badge{position:absolute;top:-8px;right:-8px;background-color:#4f46e5;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.filters-section .filters-panel{padding:1.25rem;background-color:#fff}.filters-section .filters-panel .filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.filters-section .filters-panel .filter-row:last-child{margin-bottom:0}.filters-section .filters-panel .filter-group{display:flex;flex-direction:column;gap:.5rem}.filters-section .filters-panel .filter-group .filter-label{font-size:.875rem;font-weight:500;color:#0f172a;margin-bottom:.25rem}.filters-section .filters-panel .filter-group .form-select,.filters-section .filters-panel .filter-group .form-input{width:100%;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.875rem;background-color:#fff;color:#0f172a;transition:all .15s ease-in-out}.filters-section .filters-panel .filter-group .form-select:focus,.filters-section .filters-panel .filter-group .form-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #6366f1}.filters-section .filters-panel .filter-group .form-select::placeholder,.filters-section .filters-panel .filter-group .form-input::placeholder{color:#475569}.filters-section .filters-panel .filter-group .form-input::-webkit-outer-spin-button,.filters-section .filters-panel .filter-group .form-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.filters-section .filters-panel .filter-group .form-input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){.filters-section .filters-header{padding:.75rem 1rem;flex-direction:column;gap:.75rem;align-items:stretch}.filters-section .filters-header .btn{justify-content:center}.filters-section .filters-panel{padding:1rem}.filters-section .filters-panel .filter-row{grid-template-columns:1fr;gap:.75rem}}@media (max-width: 1024px){.requests-page{padding:1rem}.page-header{flex-direction:column;align-items:stretch}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.requests-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.request-card .request-content{padding:1rem}}.proposals-page{padding:1.5rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-header .page-title-section .page-title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.page-header .page-title-section .page-subtitle{color:#475569;font-size:1.125rem;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:.25s ease-in-out}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.stat-card .stat-icon{width:48px;height:48px;background:#4f46e5;color:#fff;border-radius:.375rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.stat-card .stat-content .stat-value{font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:.25rem}.stat-card .stat-content .stat-label{font-size:.875rem;color:#475569;text-transform:uppercase;letter-spacing:.05em}.proposals-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden}.proposals-table-container .table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.proposals-table-container .table-header .table-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0}.proposals-table-container .table-header .table-actions{display:flex;gap:.75rem}.proposals-table-container .table-container{overflow-x:auto}.proposals-table{width:100%;border-collapse:collapse}.proposals-table th,.proposals-table td{padding:1rem;text-align:left;border-bottom:1px solid #e2e8f0}.proposals-table th{background:#f8fafc;font-weight:600;color:#475569;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.proposals-table tbody tr{transition:.15s ease-in-out}.proposals-table tbody tr:hover{background:#f8fafc}.proposals-table .proposal-info .proposal-title{font-weight:500;color:#0f172a;margin-bottom:.25rem}.proposals-table .proposal-info .proposal-id{font-size:.75rem;color:#475569}.proposals-table .request-info .request-name{font-weight:500;color:#0f172a}.proposals-table .price-info .price-value{font-weight:600;color:#0f172a;font-size:1.125rem}.proposals-table .unit-info .unit-name{color:#475569;font-size:.875rem}.proposals-table .criteria-info .criteria-progress{display:flex;flex-direction:column;gap:.5rem}.proposals-table .criteria-info .criteria-progress .progress-bar{width:100%;height:6px;background:#e2e8f0;border-radius:9999px;overflow:hidden}.proposals-table .criteria-info .criteria-progress .progress-bar .progress-fill{height:100%;background:#4f46e5;border-radius:9999px;transition:width .25s ease-in-out}.proposals-table .criteria-info .criteria-progress .progress-text{font-size:.75rem;color:#475569;text-align:center}.proposals-table .criteria-info .no-criteria{color:#475569;font-size:.875rem;font-style:italic}.proposals-table .status-info .status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.proposals-table .status-info .status-badge.status-success{background:#7ed3211a;color:#22c55e}.proposals-table .status-info .status-badge.status-error{background:#d0021b1a;color:#ef4444}.proposals-table .status-info .status-badge.status-warning{background:#f8e71c1a;color:#f59e0b}.proposals-table .action-buttons{display:flex;gap:.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.loading-container .loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container p{color:#475569;font-size:.875rem}@media (max-width: 1024px){.proposals-page{padding:1rem}.page-header{flex-direction:column;align-items:stretch}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.proposals-table-container .table-header{flex-direction:column;gap:1rem;align-items:stretch}.proposals-table th,.proposals-table td{padding:.75rem}.proposals-table .hide-tablet{display:none}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.proposals-table th,.proposals-table td{padding:.5rem;font-size:.875rem}.proposals-table .hide-mobile{display:none}.proposals-table .proposal-info .proposal-title{font-size:.875rem}.proposals-table .price-info .price-value{font-size:1rem}}@media (max-width: 640px){.proposals-table th,.proposals-table td{display:block;width:100%;text-align:left;padding:.5rem}.proposals-table th{background:#f1f5f9;font-weight:600;border-bottom:none}.proposals-table td{border-bottom:1px solid #e2e8f0;padding-left:1rem}.proposals-table tr{display:block;margin-bottom:1rem;border:1px solid #e2e8f0;border-radius:.375rem;overflow:hidden}}@media (max-width: 1024px){.hide-mobile{display:none!important}}@media (min-width: 1025px){.hide-desktop{display:none!important}}@media (max-width: 768px){.hide-tablet{display:none!important}}@media (max-width: 1024px){.show-mobile{display:block!important}}@media (min-width: 768px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.responsive-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px){.responsive-grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 640px){.responsive-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.responsive-grid-3{grid-template-columns:repeat(3,1fr)}}.responsive-span-2{grid-column:1/-1}@media (min-width: 1024px){.responsive-span-2{grid-column:span 2}}.responsive-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1rem;transition:all .15s ease-in-out}.responsive-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}@media (max-width: 768px){.responsive-card{padding:.75rem}}@media (max-width: 640px){.responsive-card{padding:.5rem}}.responsive-table{width:100%;border-collapse:collapse;background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.responsive-table th,.responsive-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0}.responsive-table th{background:#f8fafc;font-weight:600;color:#0f172a;font-size:.875rem}.responsive-table td{color:#475569;font-size:.875rem}.responsive-table tr:hover{background:#f8fafc}@media (max-width: 768px){.responsive-table th,.responsive-table td{padding:.5rem .75rem;font-size:.75rem}}@media (max-width: 640px){.responsive-table{overflow-x:auto;-webkit-overflow-scrolling:touch;display:block;width:100%}.responsive-table th,.responsive-table td{padding:.25rem .5rem;font-size:.75rem}.responsive-table .hide-mobile-column{display:none}.responsive-table thead,.responsive-table tbody,.responsive-table tr,.responsive-table th,.responsive-table td{display:block}.responsive-table thead{display:none}.responsive-table tr{margin-bottom:.5rem;border:1px solid #e2e8f0;border-radius:.375rem;background:#fff}.responsive-table td{border:none;padding:.5rem;text-align:right}.responsive-table td:before{content:attr(data-label) ": ";font-weight:600;color:#0f172a;float:left;text-align:left}}.responsive-form{display:grid;gap:1rem}.responsive-form .form-row{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 768px){.responsive-form .form-row{grid-template-columns:repeat(2,1fr)}}.responsive-form .form-group{display:flex;flex-direction:column;gap:.5rem}.responsive-form .form-group label{font-weight:500;color:#0f172a;font-size:.875rem}.responsive-form .form-group input,.responsive-form .form-group select,.responsive-form .form-group textarea{padding:.75rem;border:1px solid #cbd5e1;border-radius:.375rem;font-size:.875rem;transition:all .15s ease-in-out}.responsive-form .form-group input:focus,.responsive-form .form-group select:focus,.responsive-form .form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #4f46e51a}@media (max-width: 640px){.responsive-form .form-group input,.responsive-form .form-group select,.responsive-form .form-group textarea{padding:.5rem;font-size:.75rem}}.responsive-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.responsive-btn.btn-primary{background:#4f46e5;color:#fff}.responsive-btn.btn-primary:hover{background:#4338ca}.responsive-btn.btn-secondary{background:#f1f5f9;color:#0f172a}.responsive-btn.btn-secondary:hover{background:#e2e8f0}.responsive-btn.btn-outline{background:transparent;color:#4f46e5;border:1px solid #4f46e5}.responsive-btn.btn-outline:hover{background:#4f46e5;color:#fff}@media (max-width: 640px){.responsive-btn{padding:.5rem .75rem;font-size:.75rem}}.responsive-heading{font-weight:700;color:#0f172a;margin:0}.responsive-heading.h1{font-size:1.875rem}@media (max-width: 768px){.responsive-heading.h1{font-size:1.5rem}}@media (max-width: 640px){.responsive-heading.h1{font-size:1.25rem}}.responsive-heading.h2{font-size:1.5rem}@media (max-width: 768px){.responsive-heading.h2{font-size:1.25rem}}@media (max-width: 640px){.responsive-heading.h2{font-size:1.125rem}}.responsive-heading.h3{font-size:1.25rem}@media (max-width: 768px){.responsive-heading.h3{font-size:1.125rem}}@media (max-width: 640px){.responsive-heading.h3{font-size:1rem}}.responsive-text{color:#475569;line-height:1.5}.responsive-text.text-sm{font-size:.875rem}@media (max-width: 640px){.responsive-text.text-sm{font-size:.75rem}}.responsive-text.text-lg{font-size:1.125rem}@media (max-width: 768px){.responsive-text.text-lg{font-size:1rem}}.responsive-container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}@media (max-width: 768px){.responsive-container{padding:0 1rem}}@media (max-width: 640px){.responsive-container{padding:0 .75rem}}.responsive-section{padding:2rem 0}@media (max-width: 768px){.responsive-section{padding:1.5rem 0}}@media (max-width: 640px){.responsive-section{padding:1rem 0}}.p-mobile-xs{padding:.25rem}.m-mobile-xs{margin:.25rem}.px-mobile-xs{padding-left:.25rem;padding-right:.25rem}.py-mobile-xs{padding-top:.25rem;padding-bottom:.25rem}.p-mobile-sm{padding:.5rem}.m-mobile-sm{margin:.5rem}.px-mobile-sm{padding-left:.5rem;padding-right:.5rem}.py-mobile-sm{padding-top:.5rem;padding-bottom:.5rem}.p-mobile-md{padding:.75rem}.m-mobile-md{margin:.75rem}.px-mobile-md{padding-left:.75rem;padding-right:.75rem}.py-mobile-md{padding-top:.75rem;padding-bottom:.75rem}.p-mobile-lg{padding:1rem}.m-mobile-lg{margin:1rem}.px-mobile-lg{padding-left:1rem;padding-right:1rem}.py-mobile-lg{padding-top:1rem;padding-bottom:1rem}.p-mobile-xl{padding:1.5rem}.m-mobile-xl{margin:1.5rem}.px-mobile-xl{padding-left:1.5rem;padding-right:1.5rem}.py-mobile-xl{padding-top:1.5rem;padding-bottom:1.5rem}.p-mobile-2xl{padding:2rem}.m-mobile-2xl{margin:2rem}.px-mobile-2xl{padding-left:2rem;padding-right:2rem}.py-mobile-2xl{padding-top:2rem;padding-bottom:2rem}.p-mobile-3xl{padding:3rem}.m-mobile-3xl{margin:3rem}.px-mobile-3xl{padding-left:3rem;padding-right:3rem}.py-mobile-3xl{padding-top:3rem;padding-bottom:3rem}@media (min-width: 1024px){.p-desktop-xs{padding:.5rem}}@media (min-width: 1024px){.m-desktop-xs{margin:.5rem}}@media (min-width: 1024px){.p-desktop-sm{padding:.75rem}}@media (min-width: 1024px){.m-desktop-sm{margin:.75rem}}@media (min-width: 1024px){.p-desktop-md{padding:1rem}}@media (min-width: 1024px){.m-desktop-md{margin:1rem}}@media (min-width: 1024px){.p-desktop-lg{padding:1.5rem}}@media (min-width: 1024px){.m-desktop-lg{margin:1.5rem}}@media (min-width: 1024px){.p-desktop-xl{padding:2rem}}@media (min-width: 1024px){.m-desktop-xl{margin:2rem}}@media (min-width: 1024px){.p-desktop-2xl{padding:3rem}}@media (min-width: 1024px){.m-desktop-2xl{margin:3rem}}@media (min-width: 1024px){.p-desktop-3xl{padding:4rem}}@media (min-width: 1024px){.m-desktop-3xl{margin:4rem}}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;position:sticky;top:0;z-index:50}.mobile-header .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:#0f172a;border-radius:.375rem;cursor:pointer;transition:all .15s ease-in-out}.mobile-header .mobile-menu-toggle:hover{background:#f1f5f9}.mobile-header .mobile-header-title{font-size:1.125rem;font-weight:600;color:#0f172a;flex:1;text-align:center;margin:0 1rem}.mobile-header .mobile-header-actions{display:flex;gap:.5rem}.mobile-header .mobile-header-actions .mobile-header-action{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:#475569;border-radius:.375rem;cursor:pointer;transition:all .15s ease-in-out}.mobile-header .mobile-header-actions .mobile-header-action:hover{background:#f1f5f9;color:#0f172a}.mobile-main{padding-top:0}.mobile-main .main-content-wrapper{padding:1rem}.mobile-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:40;opacity:0;visibility:hidden;transition:all .15s ease-in-out}.mobile-sidebar-overlay.show{opacity:1;visibility:visible}.mobile-btn{min-height:44px;min-width:44px;padding:.75rem 1rem;font-size:1rem;border-radius:.375rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.mobile-btn.btn-primary{background:#4f46e5;color:#fff}.mobile-btn.btn-primary:hover{background:#4338ca}.mobile-btn.btn-secondary{background:#f1f5f9;color:#0f172a;border:1px solid #cbd5e1}.mobile-btn.btn-secondary:hover{background:#e2e8f0}.mobile-btn.btn-sm{min-height:36px;min-width:36px;padding:.5rem .75rem;font-size:.9rem}.mobile-btn.btn-lg{min-height:52px;min-width:52px;padding:1rem 1.5rem;font-size:1.1rem}.mobile-form .form-fields{display:flex;flex-direction:column;gap:1.5rem}.mobile-form .form-field{display:flex;flex-direction:column;gap:.5rem}.mobile-form .form-field .field-label{font-weight:500;color:#0f172a;font-size:1rem}.mobile-form .form-field .field-label .required{color:#ef4444;margin-left:.25rem}.mobile-form .form-field .field-input-container{position:relative}.mobile-form .form-field .field-input-container .field-input{width:100%;padding:.75rem;font-size:1rem;border:1px solid #cbd5e1;border-radius:.375rem;background:#fff;transition:all .15s ease-in-out}.mobile-form .form-field .field-input-container .field-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.mobile-form .form-field .field-input-container .field-input.error{border-color:#ef4444}.mobile-form .form-field .field-input-container .field-error{color:#ef4444;font-size:.875rem;margin-top:.25rem}.mobile-form .form-field .select-container{position:relative}.mobile-form .form-field .select-container .select-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#475569;pointer-events:none}.mobile-form .form-field .checkbox-container{display:flex;align-items:center;gap:.75rem}.mobile-form .form-field .checkbox-container .field-checkbox{width:20px;height:20px;accent-color:#4f46e5}.mobile-form .form-field .checkbox-container .checkbox-label{font-size:1rem;color:#0f172a;cursor:pointer}.mobile-form .form-field .radio-group{display:flex;flex-direction:column;gap:.75rem}.mobile-form .form-field .radio-group .radio-option{display:flex;align-items:center;gap:.75rem}.mobile-form .form-field .radio-group .radio-option .field-radio{width:20px;height:20px;accent-color:#4f46e5}.mobile-form .form-field .radio-group .radio-option .radio-label{font-size:1rem;color:#0f172a;cursor:pointer}.mobile-form .form-field .input-container{position:relative}.mobile-form .form-field .input-container .password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#475569;cursor:pointer;padding:.25rem;border-radius:.25rem}.mobile-form .form-field .input-container .password-toggle:hover{color:#0f172a;background:#f1f5f9}.mobile-form .additional-fields{margin-top:1rem;border:1px solid #e2e8f0;border-radius:.375rem;overflow:hidden}.mobile-form .additional-fields .additional-fields-summary{padding:1rem;background:#f8fafc;cursor:pointer;font-weight:500;color:#0f172a;border:none;width:100%;text-align:left;font-size:1rem}.mobile-form .additional-fields .additional-fields-summary:hover{background:#f1f5f9}.mobile-form .additional-fields .additional-fields-content{padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.mobile-form .form-actions{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.mobile-form .form-actions{flex-direction:row;justify-content:flex-end}}.mobile-table-container .mobile-card-list{display:flex;flex-direction:column;gap:1rem}.mobile-table-container .mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.mobile-table-container .mobile-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.mobile-table-container .mobile-card .card-header .card-title{flex:1;min-width:200px}.mobile-table-container .mobile-card .card-header .card-title .card-field{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.mobile-table-container .mobile-card .card-header .card-title .card-field:last-child{margin-bottom:0}.mobile-table-container .mobile-card .card-header .card-title .card-field .field-label{font-weight:500;color:#475569;font-size:.875rem}.mobile-table-container .mobile-card .card-header .card-title .card-field .field-value{color:#0f172a;font-weight:500;text-align:right;flex:1;margin-left:1rem}.mobile-table-container .mobile-card .card-header .card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.mobile-table-container .mobile-card .card-expanded{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.mobile-table-container .mobile-card .card-expanded h4{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 1rem}.mobile-table-container .mobile-card .card-expanded .expanded-content{margin-top:1rem}.mobile-navigation .mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff;border-bottom:1px solid #e2e8f0}.mobile-navigation .mobile-nav-header .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:#0f172a;border-radius:.375rem;cursor:pointer;transition:all .15s ease-in-out}.mobile-navigation .mobile-nav-header .mobile-menu-toggle:hover{background:#f1f5f9}.mobile-navigation .mobile-nav-header .mobile-nav-title{font-size:1.125rem;font-weight:600;color:#0f172a}.mobile-navigation .mobile-nav-header .mobile-nav-actions{display:flex;gap:.5rem}.mobile-navigation .mobile-nav-header .mobile-nav-actions .mobile-nav-action{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:#475569;border-radius:.375rem;cursor:pointer;transition:all .15s ease-in-out}.mobile-navigation .mobile-nav-header .mobile-nav-actions .mobile-nav-action:hover{background:#f1f5f9;color:#0f172a}.mobile-navigation .mobile-nav-sidebar{position:fixed;top:0;left:-100%;width:280px;height:100vh;background:#fff;border-right:1px solid #e2e8f0;z-index:50;transition:left .15s ease-in-out;overflow-y:auto}.mobile-navigation .mobile-nav-sidebar.open{left:0}.mobile-navigation .mobile-nav-sidebar .mobile-nav-content{padding:1rem}.mobile-navigation .mobile-nav-sidebar .mobile-nav-content .nav-section{margin-bottom:2rem}.mobile-navigation .mobile-nav-sidebar .mobile-nav-content .nav-section .nav-section-title{font-size:.875rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}.mobile-navigation .mobile-nav-sidebar .mobile-nav-content .nav-section .nav-items{display:flex;flex-direction:column;gap:.25rem}.mobile-navigation .mobile-nav-sidebar .mobile-nav-content .nav-section .nav-items .nav-item .nav-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem;border:none;background:transparent;color:#475569;text-align:left;border-radius:.375rem;cursor:pointer;transition:all .15s ease-in-out}.mobile-navigation .mobile-nav-sidebar .mobile-nav-content .nav-section .nav-items .nav-item .nav-link:hover{background:#f1f5f9;color:#0f172a}.mobile-navigation .mobile-nav-sidebar .mobile-nav-content .nav-section .nav-items .nav-item .nav-link.active{background:#4f46e5;color:#fff}.mobile-navigation .mobile-nav-sidebar .mobile-nav-content .nav-section .nav-items .nav-item .nav-link .nav-link-content{display:flex;align-items:center;gap:.75rem;flex:1}.mobile-navigation .mobile-nav-sidebar .mobile-nav-content .nav-section .nav-items .nav-item .nav-link .nav-link-content .nav-icon{width:1.25rem;height:1.25rem}.mobile-navigation .mobile-nav-sidebar .mobile-nav-content .nav-section .nav-items .nav-item .nav-link .nav-link-content .nav-label{font-size:1rem}.mobile-navigation .mobile-nav-sidebar .mobile-nav-content .nav-section .nav-items .nav-item .nav-link .nav-link-content .nav-badge{background:#ef4444;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem;margin-left:auto}.mobile-navigation .mobile-nav-sidebar .mobile-nav-content .nav-section .nav-items .nav-item .nav-link .nav-arrow{color:#475569}.mobile-navigation .mobile-nav-sidebar .mobile-nav-content .nav-section .nav-items .nav-item .nav-children{margin-left:2rem;margin-top:.5rem;border-left:1px solid #e2e8f0;padding-left:1rem}.mobile-navigation .mobile-nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:40}.mobile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#475569}.mobile-loading .loading-spinner{width:2rem;height:2rem;border:2px solid #e2e8f0;border-top:2px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.mobile-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#475569}.mobile-empty h3{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.mobile-alert{padding:1rem;border-radius:.375rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem}.mobile-alert.alert-success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.mobile-pagination .pagination-btn{min-width:44px;min-height:44px;padding:.5rem;border:1px solid #cbd5e1;background:#fff;color:#475569;border-radius:.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease-in-out}.mobile-pagination .pagination-btn:hover:not(:disabled){background:#f1f5f9;color:#0f172a}.mobile-pagination .pagination-btn.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.mobile-pagination .pagination-info{font-size:.9rem;color:#475569;margin:0 .5rem}.mobile-search .search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #cbd5e1;border-radius:.375rem;font-size:1rem;background:#fff;transition:all .15s ease-in-out}.mobile-search .search-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.mobile-search .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#475569;width:1.25rem;height:1.25rem}.mobile-filters .filters-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e2e8f0}.mobile-filters .filters-header h3{font-size:1.1rem;font-weight:600;color:#0f172a;margin:0}.mobile-filters .filters-content .filter-group label{display:block;font-weight:500;color:#0f172a;margin-bottom:.5rem;font-size:.9rem}@media (min-width: 768px){.mobile-filters .filters-content .filter-group .filter-row{grid-template-columns:1fr 1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Kadwa,serif;background-color:#f5f5f5;color:#333}.sidebar-container{width:250px;background-color:#0a1128;color:#f5f5f5;position:fixed;top:0;left:0;transition:transform .3s ease-in-out,width .3s ease-in-out;height:100vh;padding:20px;display:flex;flex-direction:column;justify-content:space-between;z-index:1000}.sidebar-container.collapsed{width:60px}.sidebar-container.collapsed .settings{display:none}@media (max-width: 1024px){.sidebar-container{transform:translate(-100%);width:250px}.sidebar-container.mobile-open{transform:translate(0)}}.logo{display:flex;justify-content:space-between;align-items:center;width:100%;height:6vh}.workspace-section{margin:1rem 0;padding:0 .5rem}.menu{display:flex;flex-direction:column;gap:20px}.menu .menu-wrapper{display:flex;justify-content:start;align-items:center;width:100%}.menu .menu-wrapper .menu-item{display:flex;align-items:center;width:100%;gap:10px;padding:10px;transition:background .2s ease-in-out;border-radius:5px}.menu .menu-wrapper .menu-item:hover{background:#ffffff1a}.menu .menu-wrapper .active{background-color:#1282a2;color:#fff;border-radius:8px}.menu .menu-wrapper a{color:#f5f5f5;text-decoration:none;width:100%}.footer{font-size:12px;display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.footer .contacts{display:flex;align-items:center;gap:10px;color:#f5f5f5;text-decoration:none;font-size:.9rem}.footer .contacts:hover{color:#1282a2}.sidebar-icon{width:20px}.sidebar-logo{width:70px}.settings{border-radius:21px;height:38%;padding-top:90%;padding-right:10%;background-repeat:no-repeat;padding-left:5%}.settings .settings-control{margin-top:20%}.settings .settings-control div{padding-left:10%;justify-content:space-between;display:flex;margin-top:5%}.burger-menu-btn{position:fixed;top:15px;left:15px;background:none;border:none;color:#fff;cursor:pointer;z-index:1050}.burger-menu-btn:hover{color:#1282a2}.header-container{width:calc(100% - 250px);height:60px;background-color:#0a1128;color:#fff;position:fixed;top:0;left:250px;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 20px;transition:width .3s ease,left .3s ease}.header-container.collapsed{width:calc(100% - 60px);left:60px}.header-left{display:flex;align-items:center}.header-title{font-size:1.5rem;font-weight:700;color:#fff}.header-right{display:flex;align-items:center;gap:15px}.notification-icon{cursor:pointer;color:#fff;transition:transform .2s ease-in-out}.notification-icon:hover{transform:scale(1.1)}.header-profile-section{display:flex;align-items:center;gap:8px;position:relative;cursor:pointer}.header-profile-icon{color:#fff}.user-info{display:flex;flex-direction:column;text-align:left}.user-name{font-weight:700;font-size:1rem}.user-role{font-size:.85rem;color:#b0c4de}.drop-down{cursor:pointer;transition:transform .2s ease}.drop-down.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:80px;right:0;background:#fff;border-radius:5px;box-shadow:0 4px 6px #0003;padding:10px;min-width:120px;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;display:flex;flex-direction:column}.profile-section:hover .dropdown-menu{opacity:1;transform:translateY(0)}.dropdown-menu button{background:none;border:none;color:#333;padding:10px;cursor:pointer;width:100%;display:flex;align-items:center;gap:6px;font-size:1rem}.dropdown-menu button:hover{background:#f5f5f5}.dropdown-divider{height:1px;background:#e0e0e0;margin:4px 0}.logout-btn-mobile{display:none;background:#e53935;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .3s ease}.logout-btn-mobile:hover{background:#c62828}@media (max-width: 1024px){.header-container{width:100%;left:0;padding:12px}.header-title{font-size:1.2rem}.profile-section{display:none}.logout-btn-mobile{display:flex;align-items:center;gap:8px}}@media (max-width: 480px){.header-container{height:50px;padding:8px}.header-right{gap:10px}.notification-icon{width:18px;height:18px}.logout-btn-mobile{font-size:.9rem;padding:6px 10px}}.dropdown-menu button+button{margin-left:0!important}.content-container{margin-top:60px;margin-left:250px;padding:20px;height:calc(100vh - 60px);transition:margin-left .3s ease;display:grid;grid-template-columns:repeat(2,1fr);gap:25px;background-color:#f4f4f4;align-items:stretch}.content-container section{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#cccccc40;border-radius:12px;padding:25px;box-shadow:0 4px 6px #0000001a;min-height:100%;width:100%;overflow:hidden}.content-container section h1{font-size:18px;font-weight:600;text-align:center;margin-bottom:15px;white-space:nowrap}.content-container .counter-container{display:flex;width:100%;justify-content:space-evenly;height:100%}.content-container .counter-container .counter{display:flex;flex-direction:column;justify-content:center;align-items:center;width:45%;padding:15px;background-color:#001f54;color:#fff;border-radius:12px;text-align:center;box-shadow:0 4px 8px #0000001a;white-space:nowrap}.content-container .leaderboard{width:100%;background-color:#f8f9fa;padding:15px;border-radius:12px;box-shadow:0 4px 8px #0000001a;height:100%;overflow:hidden}.content-container .leaderboard .company-info{display:flex;justify-content:space-between;padding:12px;background-color:#001f54;color:#fff;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:5px;white-space:nowrap}.content-container .chart-container{width:90%;max-width:400px;margin:auto;height:100%;overflow:hidden}.content-container .doughnut-chart{width:60%;max-width:250px;height:auto}.content-container.collapsed{margin-left:5vw}@media (max-width: 1024px){.content-container{grid-template-columns:repeat(1,1fr);margin-left:0}.counter-container{flex-direction:column;align-items:center;gap:15px}.counter-container .counter{width:90%;padding:0!important}section{height:auto;min-height:250px;max-width:100%;overflow:hidden}}@media (max-width: 768px){.content-container{margin-left:0;padding:10px}.leaderboard,.chart-container,.doughnut-chart{width:100%;max-width:100%;overflow:hidden}.counter-container{flex-direction:column;width:100%}.counter{width:100%;max-width:350px}.doughnut-chart{width:80%;max-width:220px}}.proposals-container{margin-top:60px;margin-left:250px;padding:20px;transition:margin-left .3s ease;display:flex;flex-direction:column;align-items:center;min-height:100vh;background:#f8f9fa}@media (max-width: 1024px){.proposals-container{margin-top:60px;margin-left:0}}.proposals-container.collapsed{margin-left:60px}.proposal-header{display:flex;justify-content:space-between;align-items:center;width:100%;background:#0a1128;color:#fff;padding:15px 20px;border-radius:8px;margin-bottom:20px}.proposal-header h2{margin:0;font-size:1.6rem}.mini-request{width:100%;max-width:1000px;overflow-x:auto;background:#fff;padding:20px;border-radius:10px;box-shadow:0 3px 6px #00000026}table{width:100%;border-collapse:collapse;font-size:1rem}th,td{padding:12px;border-bottom:1px solid #ddd;text-align:center}th{background:#1282a2;color:#fff;font-weight:700}tr:hover{background:#1282a21a}.status{font-weight:700;padding:4px 10px;border-radius:5px;display:inline-block;font-size:.85rem}.toggle-criteria-btn{padding:10px 15px;border:none;background:#0a1128;color:#fff;border-radius:6px;font-weight:700;cursor:pointer;transition:background .3s ease}.toggle-criteria-btn:hover{background:#1282a2}.loading-spinner{text-align:center;padding:20px;font-size:1rem;color:#1282a2;font-weight:700}@media (max-width: 768px){.proposal-container{margin-left:0;padding:15px}.proposal-header{flex-direction:column;text-align:center;padding:20px}.proposal-header h2{font-size:1.4rem;margin-bottom:10px}.mini-request{padding:15px}table{font-size:.9rem}}@media (max-width: 480px){.proposals-container{margin-top:50px;padding:10px}.proposal-header{padding:15px}.proposal-header h2{font-size:1.2rem}th,td{padding:8px;font-size:.85rem}.toggle-criteria-btn{padding:8px 12px;font-size:.9rem}}.product-details ul li:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:1.25vw;height:1.25vw;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="green"%3E%3Ccircle cx="16" cy="16" r="14" stroke="white" stroke-width="2" fill="green"/%3E%3Cpath d="M12 16l3 3 6-6" stroke="white" stroke-width="3" fill="none"/%3E%3C/svg%3E');background-size:contain;background-repeat:no-repeat;background-position:center}.approval-step-manager{background-color:var(--color-background-dark-alt);border-radius:var(--border-radius-medium);padding:var(--spacing-large);margin:var(--spacing-medium) 0}.approval-step-manager.loading{text-align:center;padding:var(--spacing-extra-large);color:var(--color-text-muted)}.approval-step-manager .manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-large);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-medium)}.approval-step-manager .manager-header h3{color:var(--color-text-light);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);margin:0}.approval-step-manager .manager-header .btn-add-step{display:flex;align-items:center;gap:var(--spacing-small);padding:var(--spacing-small) var(--spacing-medium);background-color:var(--color-primary);color:var(--color-text-inverted);border:none;border-radius:var(--border-radius-small);font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-speed-normal) var(--transition-ease)}.approval-step-manager .manager-header .btn-add-step:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.approval-step-manager .add-step-form{background-color:var(--color-background-dark);border:1px solid var(--color-border);border-radius:var(--border-radius-medium);padding:var(--spacing-large);margin-bottom:var(--spacing-large)}.approval-step-manager .add-step-form h4{color:var(--color-text-light);font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-medium) 0}.approval-step-manager .add-step-form .form-group{margin-bottom:var(--spacing-medium)}.approval-step-manager .add-step-form .form-group label{display:block;color:var(--color-text-light);font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-small)}.approval-step-manager .add-step-form .form-group input[type=text],.approval-step-manager .add-step-form .form-group select{width:100%;padding:var(--spacing-small);background-color:var(--color-background-dark-alt);border:1px solid var(--color-border);border-radius:var(--border-radius-small);color:var(--color-text-light);font-size:var(--font-size-medium)}.approval-step-manager .add-step-form .form-group input[type=text]:focus,.approval-step-manager .add-step-form .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #4a90e233}.approval-step-manager .add-step-form .form-group.checkbox-group label{display:flex;align-items:center;gap:var(--spacing-small);cursor:pointer}.approval-step-manager .add-step-form .form-group.checkbox-group label input[type=checkbox]{width:auto;margin:0}.approval-step-manager .add-step-form .form-actions{display:flex;gap:var(--spacing-small);justify-content:flex-end;margin-top:var(--spacing-large)}.approval-step-manager .add-step-form .form-actions button{padding:var(--spacing-small) var(--spacing-medium);border-radius:var(--border-radius-small);border:none;font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-speed-normal) var(--transition-ease)}.approval-step-manager .add-step-form .form-actions button.btn-cancel{background-color:var(--color-background-dark-alt);color:var(--color-text-light);border:1px solid var(--color-border)}.approval-step-manager .add-step-form .form-actions button.btn-cancel:hover{background-color:var(--color-text-muted)}.approval-step-manager .add-step-form .form-actions button.btn-save{background-color:var(--color-success);color:var(--color-text-inverted)}.approval-step-manager .add-step-form .form-actions button.btn-save:hover{background-color:#059669}.approval-step-manager .steps-list .no-steps{text-align:center;padding:var(--spacing-extra-large);color:var(--color-text-muted);font-style:italic}.approval-step-manager .steps-list .step-item{display:flex;align-items:center;background-color:var(--color-background-dark);border:1px solid var(--color-border);border-radius:var(--border-radius-medium);padding:var(--spacing-medium);margin-bottom:var(--spacing-medium)}.approval-step-manager .steps-list .step-item:last-child{margin-bottom:0}.approval-step-manager .steps-list .step-item .step-order{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-primary);color:var(--color-text-inverted);border-radius:var(--border-radius-round);font-weight:var(--font-weight-semibold);font-size:var(--font-size-medium);margin-right:var(--spacing-medium);flex-shrink:0}.approval-step-manager .steps-list .step-item .step-content{flex:1}.approval-step-manager .steps-list .step-item .step-content h4{color:var(--color-text-light);font-size:var(--font-size-large);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-small) 0}.approval-step-manager .steps-list .step-item .step-content .step-type{color:var(--color-text-muted);font-size:var(--font-size-small);margin:0}.approval-step-manager .steps-list .step-item .step-actions{display:flex;gap:var(--spacing-small);flex-shrink:0}.approval-step-manager .steps-list .step-item .step-actions button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--border-radius-small);cursor:pointer;transition:all var(--transition-speed-normal) var(--transition-ease)}.approval-step-manager .steps-list .step-item .step-actions button.btn-move{background-color:var(--color-background-dark-alt);color:var(--color-text-light);border:1px solid var(--color-border)}.approval-step-manager .steps-list .step-item .step-actions button.btn-move:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-text-inverted)}.approval-step-manager .steps-list .step-item .step-actions button.btn-move:disabled{opacity:.5;cursor:not-allowed}.approval-step-manager .steps-list .step-item .step-actions button.btn-delete{background-color:var(--color-danger);color:var(--color-text-inverted)}.approval-step-manager .steps-list .step-item .step-actions button.btn-delete:hover{background-color:#dc2626}@media (max-width: 768px){.approval-step-manager{padding:var(--spacing-medium)}.approval-step-manager .manager-header{flex-direction:column;gap:var(--spacing-medium);align-items:stretch}.approval-step-manager .manager-header .btn-add-step{justify-content:center}.approval-step-manager .add-step-form{padding:var(--spacing-medium)}.approval-step-manager .add-step-form .form-actions{flex-direction:column}.approval-step-manager .add-step-form .form-actions button{width:100%}.approval-step-manager .step-item{flex-direction:column;align-items:stretch;gap:var(--spacing-medium)}.approval-step-manager .step-item .step-order{align-self:flex-start}.approval-step-manager .step-item .step-actions{justify-content:center}}.role-manager{background-color:var(--color-background-dark-alt);border-radius:var(--border-radius-medium);padding:var(--spacing-large);margin:var(--spacing-medium) 0}.role-manager.loading{text-align:center;padding:var(--spacing-extra-large);color:var(--color-text-muted)}.role-manager .manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-large);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-medium)}.role-manager .manager-header h3{color:var(--color-text-light);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);margin:0}.role-manager .manager-header .btn-create-role{display:flex;align-items:center;gap:var(--spacing-small);padding:var(--spacing-small) var(--spacing-medium);background-color:var(--color-primary);color:var(--color-text-inverted);border:none;border-radius:var(--border-radius-small);font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-speed-normal) var(--transition-ease)}.role-manager .manager-header .btn-create-role:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.role-manager .create-role-form,.role-manager .edit-role-modal .modal-content{background-color:var(--color-background-dark);border:1px solid var(--color-border);border-radius:var(--border-radius-medium);padding:var(--spacing-large);margin-bottom:var(--spacing-large)}.role-manager .create-role-form h4,.role-manager .edit-role-modal .modal-content h4{color:var(--color-text-light);font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-medium) 0}.role-manager .create-role-form .form-group,.role-manager .edit-role-modal .modal-content .form-group{margin-bottom:var(--spacing-medium)}.role-manager .create-role-form .form-group label,.role-manager .edit-role-modal .modal-content .form-group label{display:block;color:var(--color-text-light);font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-small)}.role-manager .create-role-form .form-group input[type=text],.role-manager .create-role-form .form-group textarea,.role-manager .create-role-form .form-group select,.role-manager .edit-role-modal .modal-content .form-group input[type=text],.role-manager .edit-role-modal .modal-content .form-group textarea,.role-manager .edit-role-modal .modal-content .form-group select{width:100%;padding:var(--spacing-small);background-color:var(--color-background-dark-alt);border:1px solid var(--color-border);border-radius:var(--border-radius-small);color:var(--color-text-light);font-size:var(--font-size-medium)}.role-manager .create-role-form .form-group input[type=text]:focus,.role-manager .create-role-form .form-group textarea:focus,.role-manager .create-role-form .form-group select:focus,.role-manager .edit-role-modal .modal-content .form-group input[type=text]:focus,.role-manager .edit-role-modal .modal-content .form-group textarea:focus,.role-manager .edit-role-modal .modal-content .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #4a90e233}.role-manager .create-role-form .form-group textarea,.role-manager .edit-role-modal .modal-content .form-group textarea{resize:vertical;min-height:80px}.role-manager .create-role-form .form-group .permissions-grid,.role-manager .edit-role-modal .modal-content .form-group .permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-small);margin-top:var(--spacing-small)}.role-manager .create-role-form .form-group .permissions-grid .permission-item,.role-manager .edit-role-modal .modal-content .form-group .permissions-grid .permission-item{display:flex;align-items:center;gap:var(--spacing-small);padding:var(--spacing-small);background-color:var(--color-background-dark-alt);border-radius:var(--border-radius-small);cursor:pointer;transition:background-color var(--transition-speed-normal) var(--transition-ease)}.role-manager .create-role-form .form-group .permissions-grid .permission-item:hover,.role-manager .edit-role-modal .modal-content .form-group .permissions-grid .permission-item:hover{background-color:var(--color-primary-dark)}.role-manager .create-role-form .form-group .permissions-grid .permission-item input[type=checkbox],.role-manager .edit-role-modal .modal-content .form-group .permissions-grid .permission-item input[type=checkbox]{width:auto;margin:0}.role-manager .create-role-form .form-group .permissions-grid .permission-item .permission-name,.role-manager .edit-role-modal .modal-content .form-group .permissions-grid .permission-item .permission-name{color:var(--color-text-light);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.role-manager .create-role-form .form-actions,.role-manager .edit-role-modal .modal-content .form-actions{display:flex;gap:var(--spacing-small);justify-content:flex-end;margin-top:var(--spacing-large)}.role-manager .create-role-form .form-actions button,.role-manager .edit-role-modal .modal-content .form-actions button{padding:var(--spacing-small) var(--spacing-medium);border-radius:var(--border-radius-small);border:none;font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-speed-normal) var(--transition-ease)}.role-manager .create-role-form .form-actions button.btn-cancel,.role-manager .edit-role-modal .modal-content .form-actions button.btn-cancel{background-color:var(--color-background-dark-alt);color:var(--color-text-light);border:1px solid var(--color-border)}.role-manager .create-role-form .form-actions button.btn-cancel:hover,.role-manager .edit-role-modal .modal-content .form-actions button.btn-cancel:hover{background-color:var(--color-text-muted)}.role-manager .create-role-form .form-actions button.btn-save,.role-manager .edit-role-modal .modal-content .form-actions button.btn-save{background-color:var(--color-success);color:var(--color-text-inverted)}.role-manager .create-role-form .form-actions button.btn-save:hover,.role-manager .edit-role-modal .modal-content .form-actions button.btn-save:hover{background-color:#059669}.role-manager .edit-role-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal)}.role-manager .edit-role-modal .modal-content{max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.role-manager .edit-role-modal .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-medium);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-medium)}.role-manager .edit-role-modal .modal-content .modal-header h4{margin:0}.role-manager .edit-role-modal .modal-content .modal-header .btn-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-small);border-radius:var(--border-radius-small)}.role-manager .edit-role-modal .modal-content .modal-header .btn-close:hover{background-color:var(--color-background-dark-alt);color:var(--color-text-light)}.role-manager .roles-list .no-roles{text-align:center;padding:var(--spacing-extra-large);color:var(--color-text-muted);font-style:italic}.role-manager .roles-list .role-item{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-background-dark);border:1px solid var(--color-border);border-radius:var(--border-radius-medium);padding:var(--spacing-medium);margin-bottom:var(--spacing-medium)}.role-manager .roles-list .role-item:last-child{margin-bottom:0}.role-manager .roles-list .role-item .role-info{flex:1}.role-manager .roles-list .role-item .role-info h4{color:var(--color-text-light);font-size:var(--font-size-large);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-small) 0}.role-manager .roles-list .role-item .role-info .role-description{color:var(--color-text-muted);font-size:var(--font-size-small);margin:0 0 var(--spacing-small) 0}.role-manager .roles-list .role-item .role-info .role-stats{display:flex;gap:var(--spacing-medium)}.role-manager .roles-list .role-item .role-info .role-stats span{color:var(--color-text-muted);font-size:var(--font-size-small);background-color:var(--color-background-dark-alt);padding:var(--spacing-extra-small) var(--spacing-small);border-radius:var(--border-radius-small)}.role-manager .roles-list .role-item .role-actions{display:flex;gap:var(--spacing-small)}.role-manager .roles-list .role-item .role-actions button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--border-radius-small);cursor:pointer;transition:all var(--transition-speed-normal) var(--transition-ease)}.role-manager .roles-list .role-item .role-actions button.btn-edit{background-color:var(--color-primary);color:var(--color-text-inverted)}.role-manager .roles-list .role-item .role-actions button.btn-edit:hover{background-color:var(--color-primary-dark)}.role-manager .roles-list .role-item .role-actions button.btn-delete{background-color:var(--color-danger);color:var(--color-text-inverted)}.role-manager .roles-list .role-item .role-actions button.btn-delete:hover{background-color:#dc2626}.role-manager .members-section{margin-top:var(--spacing-extra-large);border-top:1px solid var(--color-border);padding-top:var(--spacing-large)}.role-manager .members-section h3{color:var(--color-text-light);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-large) 0}.role-manager .members-section .members-list .member-item{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-background-dark);border:1px solid var(--color-border);border-radius:var(--border-radius-medium);padding:var(--spacing-medium);margin-bottom:var(--spacing-medium)}.role-manager .members-section .members-list .member-item:last-child{margin-bottom:0}.role-manager .members-section .members-list .member-item .member-info{flex:1}.role-manager .members-section .members-list .member-item .member-info h5{color:var(--color-text-light);font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-extra-small) 0}.role-manager .members-section .members-list .member-item .member-info .member-email{color:var(--color-text-muted);font-size:var(--font-size-small);margin:0 0 var(--spacing-small) 0}.role-manager .members-section .members-list .member-item .member-info .current-role{color:var(--color-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);background-color:#4a90e233;padding:var(--spacing-extra-small) var(--spacing-small);border-radius:var(--border-radius-small);display:inline-block}.role-manager .members-section .members-list .member-item .member-actions select{padding:var(--spacing-small);background-color:var(--color-background-dark-alt);border:1px solid var(--color-border);border-radius:var(--border-radius-small);color:var(--color-text-light);font-size:var(--font-size-small)}.role-manager .members-section .members-list .member-item .member-actions select:focus{outline:none;border-color:var(--color-primary)}@media (max-width: 768px){.role-manager{padding:var(--spacing-medium)}.role-manager .manager-header{flex-direction:column;gap:var(--spacing-medium);align-items:stretch}.role-manager .manager-header .btn-create-role{justify-content:center}.role-manager .create-role-form,.role-manager .edit-role-modal .modal-content{padding:var(--spacing-medium)}.role-manager .create-role-form .permissions-grid,.role-manager .edit-role-modal .modal-content .permissions-grid{grid-template-columns:1fr}.role-manager .create-role-form .form-actions,.role-manager .edit-role-modal .modal-content .form-actions{flex-direction:column}.role-manager .create-role-form .form-actions button,.role-manager .edit-role-modal .modal-content .form-actions button{width:100%}.role-manager .edit-role-modal .modal-content{width:95%;margin:var(--spacing-medium)}.role-manager .role-item,.role-manager .member-item{flex-direction:column;align-items:stretch;gap:var(--spacing-medium)}.role-manager .role-item .role-actions,.role-manager .role-item .member-actions,.role-manager .member-item .role-actions,.role-manager .member-item .member-actions{justify-content:center}}.modern-request-form{background:transparent;border-radius:0;padding:0;color:#f1f5f9}.modern-request-form .form-header{margin-bottom:2rem;text-align:center}.modern-request-form .form-header h2{color:#f1f5f9;font-size:1.5rem;font-weight:600;margin:0}.modern-request-form .modern-progress-bar{display:flex;justify-content:space-between;margin-bottom:2rem;position:relative}.modern-request-form .modern-progress-bar:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background:#334155;z-index:1}.modern-request-form .modern-progress-bar .progress-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.modern-request-form .modern-progress-bar .progress-step .step-number{width:40px;height:40px;border-radius:50%;background:#334155;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s;margin-bottom:.5rem}.modern-request-form .modern-progress-bar .progress-step .step-label{font-size:.75rem;color:#94a3b8;text-align:center;transition:all .3s}.modern-request-form .modern-progress-bar .progress-step.active .step-number{background:#3b82f6;color:#fff}.modern-request-form .modern-progress-bar .progress-step.active .step-label{color:#3b82f6}.modern-request-form .modern-form .form-step{min-height:300px}.modern-request-form .modern-form .form-group{margin-bottom:1.5rem}.modern-request-form .modern-form .form-group .form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#e2e8f0;font-size:.875rem}.modern-request-form .modern-form .form-group .form-input,.modern-request-form .modern-form .form-group .form-select{width:100%;padding:.875rem 1rem;border:1px solid #475569;border-radius:.75rem;font-size:.875rem;color:#f1f5f9;background:#0f172a;transition:all .2s}.modern-request-form .modern-form .form-group .form-input:focus,.modern-request-form .modern-form .form-group .form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modern-request-form .modern-form .form-group .form-input::placeholder,.modern-request-form .modern-form .form-group .form-select::placeholder{color:#64748b}.modern-request-form .modern-form .form-group .file-upload .file-input{display:none}.modern-request-form .modern-form .form-group .file-upload .file-upload-label{display:inline-block;padding:.875rem 1rem;background:#475569;color:#e2e8f0;border-radius:.75rem;cursor:pointer;transition:all .2s;border:1px solid #475569}.modern-request-form .modern-form .form-group .file-upload .file-upload-label:hover{background:#64748b}.modern-request-form .modern-form .form-group .file-upload .file-selected{margin-top:.5rem;color:#10b981;font-size:.875rem}.modern-request-form .modern-form .form-group .criteria-list{margin-bottom:1rem}.modern-request-form .modern-form .form-group .criteria-list .criterion-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#0f172a;border:1px solid #475569;border-radius:.5rem;margin-bottom:.5rem}.modern-request-form .modern-form .form-group .criteria-list .criterion-item .criterion-content{flex:1}.modern-request-form .modern-form .form-group .criteria-list .criterion-item .criterion-content .criterion-title{font-weight:500;color:#f1f5f9;display:block}.modern-request-form .modern-form .form-group .criteria-list .criterion-item .criterion-content .criterion-description{color:#94a3b8;font-size:.875rem;display:block;margin-top:.25rem}.modern-request-form .modern-form .form-group .criteria-list .criterion-item .remove-criterion{background:#ef4444;color:#fff;border:none;border-radius:.375rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.125rem;transition:all .2s}.modern-request-form .modern-form .form-group .criteria-list .criterion-item .remove-criterion:hover{background:#dc2626}.modern-request-form .modern-form .form-group .add-criterion{display:flex;gap:.75rem;flex-wrap:wrap}.modern-request-form .modern-form .form-group .add-criterion .form-input{flex:1;min-width:200px}.modern-request-form .modern-form .form-group .add-criterion .btn-secondary{padding:.75rem 1rem;background:#475569;color:#e2e8f0;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s}.modern-request-form .modern-form .form-group .add-criterion .btn-secondary:hover{background:#64748b}.modern-request-form .modern-form .form-navigation{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #334155}.modern-request-form .modern-form .form-navigation .btn-primary,.modern-request-form .modern-form .form-navigation .btn-secondary{padding:.75rem 1.5rem;border-radius:.75rem;font-weight:500;font-size:.875rem;transition:all .2s;border:none;cursor:pointer}.modern-request-form .modern-form .form-navigation .btn-primary:disabled,.modern-request-form .modern-form .form-navigation .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.modern-request-form .modern-form .form-navigation .btn-primary{background:#3b82f6;color:#fff}.modern-request-form .modern-form .form-navigation .btn-primary:hover:not(:disabled){background:#2563eb}.modern-request-form .modern-form .form-navigation .btn-secondary{background:#475569;color:#e2e8f0}.modern-request-form .modern-form .form-navigation .btn-secondary:hover:not(:disabled){background:#64748b}.modern-request-modal{max-width:800px;width:90vw;background:#1e293b;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;position:relative;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}@media (max-width: 768px){.modern-request-modal{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0;margin:0}}@media (min-width: 769px) and (max-width: 1024px){.modern-request-modal{width:95vw;max-width:700px}}.modern-request-modal .modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid #334155;flex-shrink:0}@media (max-width: 768px){.modern-request-modal .modal-header{padding:1rem 1rem .75rem;padding-top:calc(1rem + env(safe-area-inset-top,0));position:sticky;top:0;background:#1e293b;z-index:10}}.modern-request-modal .modal-header .modal-title{color:#f1f5f9;font-size:1.5rem;font-weight:600;margin:0}@media (max-width: 768px){.modern-request-modal .modal-header .modal-title{font-size:1.25rem}}.modern-request-modal .modal-header .modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s;z-index:11}@media (max-width: 768px){.modern-request-modal .modal-header .modal-close{top:1rem;right:1rem;padding:.75rem}}.modern-request-modal .modal-header .modal-close:hover{color:#f1f5f9;background:#334155}.modern-request-modal .modal-body{padding:2rem;flex:1;overflow-y:auto}@media (max-width: 768px){.modern-request-modal .modal-body{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}}.modern-request-modal .modal-footer{padding:1.5rem 2rem;border-top:1px solid #334155;flex-shrink:0;display:flex;gap:1rem;justify-content:flex-end}@media (max-width: 768px){.modern-request-modal .modal-footer{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0));flex-direction:column-reverse}.modern-request-modal .modal-footer button{width:100%;justify-content:center}}.large-modal{max-width:1200px}@media (max-width: 1024px){.large-modal{max-width:95vw}}@media (max-width: 768px){.large-modal{max-width:100vw;height:100vh}}.mobile-only{display:none}@media (max-width: 768px){.mobile-only{display:block}}.desktop-only{display:block}@media (max-width: 768px){.desktop-only{display:none}}.responsive-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (max-width: 768px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1280px){.responsive-grid{grid-template-columns:repeat(4,1fr)}}.responsive-grid-2{display:grid;gap:1rem;grid-template-columns:1fr}@media (max-width: 768px){.responsive-grid-2{grid-template-columns:repeat(2,1fr)}}.responsive-grid-3{display:grid;gap:1rem;grid-template-columns:1fr}@media (max-width: 768px){.responsive-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.responsive-grid-3{grid-template-columns:repeat(3,1fr)}}.mobile-container{padding:1rem}@media (max-width: 768px){.mobile-container{padding:1.5rem}}@media (max-width: 1024px){.mobile-container{padding:2rem}}.mobile-btn{min-height:44px;min-width:44px;padding:.75rem 1rem;font-size:1rem;border-radius:.5rem}@media (max-width: 320px){.mobile-btn{padding:.5rem .75rem;font-size:.9rem}}.mobile-btn-sm{min-height:36px;min-width:36px;padding:.5rem .75rem;font-size:.9rem}.mobile-btn-lg{min-height:52px;min-width:52px;padding:1rem 1.5rem;font-size:1.1rem}.mobile-form .form-group{margin-bottom:1.5rem}.mobile-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:1rem}.mobile-form .form-group input,.mobile-form .form-group textarea,.mobile-form .form-group select{width:100%;padding:.75rem;font-size:1rem;border:1px solid #d1d5db;border-radius:.5rem}.mobile-form .form-group input:focus,.mobile-form .form-group textarea:focus,.mobile-form .form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.mobile-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-table table{min-width:600px;width:100%}.mobile-table table th,.mobile-table table td{padding:.75rem .5rem;text-align:left;border-bottom:1px solid #e5e7eb}@media (max-width: 320px){.mobile-table table th,.mobile-table table td{padding:.5rem .25rem;font-size:.9rem}}.mobile-table table th{background:#f9fafb;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}@media (max-width: 768px){.mobile-card{padding:1.5rem}}.mobile-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.mobile-card .card-header h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0;flex:1;min-width:200px}.mobile-card .card-header .card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.mobile-card .card-content .metric-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (max-width: 768px){.mobile-card .card-content .metric-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.mobile-card .card-content .metric-grid{grid-template-columns:repeat(3,1fr)}}.mobile-modal .modal-overlay{padding:1rem}.mobile-modal .modal-overlay .modal{width:100%;max-width:100%;max-height:90vh;margin:0}@media (max-width: 768px){.mobile-modal .modal-overlay .modal{max-width:500px;margin:2rem auto}}.mobile-modal .modal-overlay .modal .modal-header{padding:1rem}@media (max-width: 768px){.mobile-modal .modal-overlay .modal .modal-header{padding:1.5rem}}.mobile-modal .modal-overlay .modal .modal-header h2{font-size:1.25rem}@media (max-width: 768px){.mobile-modal .modal-overlay .modal .modal-header h2{font-size:1.5rem}}.mobile-modal .modal-overlay .modal .modal-body{padding:1rem;max-height:60vh;overflow-y:auto}@media (max-width: 768px){.mobile-modal .modal-overlay .modal .modal-body{padding:1.5rem}}.mobile-modal .modal-overlay .modal .modal-footer{padding:1rem;flex-direction:column;gap:.75rem}@media (max-width: 768px){.mobile-modal .modal-overlay .modal .modal-footer{flex-direction:row;justify-content:flex-end}}.mobile-modal .modal-overlay .modal .modal-footer .btn{width:100%}@media (max-width: 768px){.mobile-modal .modal-overlay .modal .modal-footer .btn{width:auto}}.mobile-nav .nav-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb}.mobile-nav .nav-header .nav-title{font-size:1.25rem;font-weight:600;color:#111827}.mobile-nav .nav-header .nav-actions{display:flex;gap:.5rem}.mobile-nav .nav-content{padding:1rem}.mobile-nav .nav-content .nav-section{margin-bottom:2rem}.mobile-nav .nav-content .nav-section h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.mobile-nav .nav-content .nav-section .nav-links{display:flex;flex-direction:column;gap:.5rem}.mobile-nav .nav-content .nav-section .nav-links a{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:#6b7280;text-decoration:none;border-radius:.5rem;transition:all .2s ease}.mobile-nav .nav-content .nav-section .nav-links a:hover{background:#f3f4f6;color:#111827}.mobile-nav .nav-content .nav-section .nav-links a.active{background:#6366f1;color:#fff}.mobile-nav .nav-content .nav-section .nav-links a svg{width:1.25rem;height:1.25rem}.mobile-filters .filters-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb}.mobile-filters .filters-header h3{font-size:1.1rem;font-weight:600;color:#111827;margin:0}.mobile-filters .filters-content{padding:1rem}.mobile-filters .filters-content .filter-group{margin-bottom:1.5rem}.mobile-filters .filters-content .filter-group label{display:block;font-weight:500;color:#111827;margin-bottom:.5rem;font-size:.9rem}.mobile-filters .filters-content .filter-group .filter-row{display:grid;grid-template-columns:1fr;gap:.75rem}@media (max-width: 768px){.mobile-filters .filters-content .filter-group .filter-row{grid-template-columns:1fr 1fr}}.mobile-search{position:relative;margin-bottom:1rem}.mobile-search .search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem}.mobile-search .search-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.mobile-search .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6b7280;width:1.25rem;height:1.25rem}.mobile-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;flex-wrap:wrap}.mobile-pagination .pagination-btn{min-width:44px;min-height:44px;padding:.5rem;border:1px solid #d1d5db;background:#fff;color:#6b7280;border-radius:.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.mobile-pagination .pagination-btn:hover:not(:disabled){background:#f3f4f6;color:#111827}.mobile-pagination .pagination-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.mobile-pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-pagination .pagination-info{font-size:.9rem;color:#6b7280;margin:0 .5rem}.mobile-alert{padding:1rem;border-radius:.5rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem}.mobile-alert.alert-success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.mobile-alert.alert-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.mobile-alert.alert-warning{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.mobile-alert.alert-info{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.mobile-alert .alert-icon{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem}.mobile-alert .alert-content{flex:1}.mobile-alert .alert-content h4{font-size:1rem;font-weight:600;margin:0 0 .25rem}.mobile-alert .alert-content p{font-size:.9rem;margin:0;line-height:1.5}.mobile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#6b7280}.mobile-loading .loading-spinner{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top:2px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.mobile-loading p{font-size:1rem;margin:0;text-align:center}.mobile-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#6b7280}.mobile-empty .empty-icon{width:4rem;height:4rem;color:#9ca3af;margin-bottom:1rem}.mobile-empty h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.mobile-empty p{font-size:1rem;margin:0 0 1.5rem;line-height:1.5}.touch-friendly{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mobile-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.mobile-no-scroll{overflow:hidden;-webkit-overflow-scrolling:touch}.mobile-text-xs{font-size:.75rem}@media (max-width: 768px){.mobile-text-xs{font-size:.8rem}}.mobile-text-sm{font-size:.875rem}@media (max-width: 768px){.mobile-text-sm{font-size:.9rem}}.mobile-text-base{font-size:1rem}@media (max-width: 768px){.mobile-text-base{font-size:1.1rem}}.mobile-text-lg{font-size:1.125rem}@media (max-width: 768px){.mobile-text-lg{font-size:1.25rem}}.mobile-text-xl{font-size:1.25rem}@media (max-width: 768px){.mobile-text-xl{font-size:1.5rem}}.mobile-space-xs{padding:.25rem}.mobile-space-sm{padding:.5rem}.mobile-space-md{padding:1rem}.mobile-space-lg{padding:1.5rem}.mobile-space-xl{padding:2rem}@media (max-width: 768px){.mobile-space-xs{padding:.5rem}.mobile-space-sm{padding:.75rem}.mobile-space-md{padding:1.5rem}.mobile-space-lg{padding:2rem}.mobile-space-xl{padding:3rem}}@keyframes mobile-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-fade-in{animation:mobile-fade-in .3s ease-out}.mobile-focus:focus{outline:2px solid #6366f1;outline-offset:2px}@media (max-width: 768px){.mobile-hidden{display:none}}.tablet-hidden{display:block}@media (max-width: 768px){.tablet-hidden{display:none}}@media (max-width: 1024px){.tablet-hidden{display:block}}.desktop-hidden{display:block}@media (max-width: 1024px){.desktop-hidden{display:none}}.modern-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);position:relative;overflow:hidden;padding:2rem}.login-background-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.05) 0%,transparent 50%);pointer-events:none}.login-content-wrapper{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;width:100%;background:#fff;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;z-index:1;position:relative}@media (max-width: 968px){.login-content-wrapper{grid-template-columns:1fr;max-width:500px}}.login-branding{background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:4rem;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden}.login-branding:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}@media (max-width: 968px){.login-branding{padding:3rem 2rem;min-height:300px}}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.branding-content{position:relative;z-index:1;text-align:center;width:100%}.logo-container{margin-bottom:2rem}.logo-container .login-logo{height:48px;width:auto;filter:brightness(0) invert(1)}.branding-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;letter-spacing:-.02em;line-height:1.2}@media (max-width: 968px){.branding-title{font-size:2rem}}.branding-subtitle{font-size:1rem;line-height:1.6;opacity:.95;max-width:400px;margin:0 auto 2.5rem;font-weight:400}.branding-features{display:flex;flex-direction:column;gap:1rem;text-align:left;max-width:350px;margin:0 auto}.branding-features .feature-item{display:flex;align-items:center;gap:.75rem;font-size:.95rem}.branding-features .feature-item .feature-icon{width:24px;height:24px;background:#fff3;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.login-form-section{padding:4rem;display:flex;align-items:center;justify-content:center;background:#fff}@media (max-width: 968px){.login-form-section{padding:3rem 2rem}}.login-card{width:100%;max-width:400px}.card-header{text-align:center;margin-bottom:2rem}.card-header .card-title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0 0 .5rem;letter-spacing:-.02em}.card-header .card-subtitle{font-size:.95rem;color:#475569;margin:0}.error-alert{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:1.5rem;color:#dc2626}.error-alert .error-icon{font-size:1.25rem;flex-shrink:0}.error-alert .error-text{font-size:.875rem;font-weight:500}.login-form .form-group{margin-bottom:1.5rem}.login-form .form-label{display:block;font-size:.875rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.login-form .input-wrapper{position:relative;display:flex;align-items:center}.login-form .input-wrapper .input-icon{position:absolute;left:1rem;color:#475569;width:20px;height:20px;z-index:1;pointer-events:none}.login-form .input-wrapper .form-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:1.5px solid #e2e8f0;border-radius:12px;font-size:.95rem;color:#0f172a;background:#fff;transition:all .2s ease}.login-form .input-wrapper .form-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #6366f11a}.login-form .input-wrapper .form-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.login-form .input-wrapper .form-input::placeholder{color:#475569}.login-button{width:100%;padding:1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem;position:relative;overflow:hidden}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #6366f14d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-button .button-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.login-button .button-icon{width:18px;height:18px;transition:transform .2s ease}.login-button:hover:not(:disabled) .button-icon{transform:translate(2px)}.login-button .button-loading{display:flex;align-items:center;justify-content:center;gap:.75rem}.login-button .button-loading .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card-footer{margin-top:2rem;text-align:center}.card-footer .footer-text{font-size:.75rem;color:#475569;margin:0}.request-container{min-height:100vh;margin-top:60px;margin-left:250px;padding:20px;transition:width .3s ease,left .3s ease;display:flex;flex-wrap:wrap;align-content:flex-start;overflow-y:auto}@media (max-width: 1024px){.request-container{margin-top:60px;margin-left:0}}.request-container.collapsed{margin-left:60px}.filters{height:fit-content;width:100%;display:flex;justify-content:space-between}.filters span{height:fit-content;display:flex;justify-content:center;align-items:center;gap:15px}.filters select{padding:10px;border-radius:18px;border:none;background-color:#d9d9d9}.gallery-image{height:180px;width:200px;object-fit:cover;border-radius:10px}section{height:fit-content;margin:2% 0}.search-input{min-width:250px;padding:10px;border-radius:18px;border:none;background-color:#d9d9d9}.filter-classes{display:flex;gap:1rem;height:fit-content;overflow:hidden;max-height:100px;transition:max-height .3s ease-in-out}.filter-classes span{padding:10px;background-color:#0a1128;border-radius:18px;color:#fffcf2}.gallery-item{margin-bottom:10px}.gallery{display:flex;flex-wrap:wrap;justify-content:start;gap:2%;width:100%}.gallery .gallery-adder{width:200px;height:400px;display:flex;justify-content:center;align-items:center;gap:10px;border:dashed black 2px;border-radius:19px}.data-container-gallery{padding:5px;background-color:#0a1128;color:#fffcf2;border-radius:10px;min-height:150px;width:200px;display:flex;flex-direction:column;gap:5px}.data-container-gallery p{font-size:.85rem;margin:3px 0;color:#fffcf2}.status{font-weight:700;text-transform:capitalize;padding:4px 10px;border-radius:5px;display:inline-block;font-size:.8rem}.loading-spinner{text-align:center;padding:20px;font-size:1rem;color:#1282a2}.status.pending{color:#fc0}.status.approved{color:#4caf50}.status.rejected{color:#e53935}.void-link{text-decoration:none;color:inherit;cursor:pointer}.filter-classes.hidden{max-height:0}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center}.popup-content{background-color:#0a1128;color:#fefcfb;padding:20px;border-radius:10px;width:500px;box-shadow:0 4px 10px #00000080;position:relative}.popup-content h2{color:#1282a2;margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #1282a2;border-radius:5px;background-color:#0a1128;color:#fefcfb;font-size:14px}.form-group input::placeholder,.form-group textarea::placeholder{color:#7f8fa6}.form-group input:disabled,.form-group textarea:disabled{border:1px solid #b0bec5;background-color:#eceff1;color:#546e7a}.form-group input:disabled::placeholder,.form-group textarea:disabled::placeholder{color:#546e7a}.tag-container,.criteria-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag,.criterion{background-color:#1282a2;color:#fefcfb;padding:5px 10px;border-radius:20px;display:flex;align-items:center;gap:8px;font-size:12px}.remove-tag,.remove-criterion{background:none;border:none;color:red;font-size:16px;cursor:pointer;margin-left:8px}.criteria-inputs{display:flex;gap:8px;margin-top:10px;width:100%}.criteria-inputs input{width:calc(50% - 4px)}button[type=submit]{width:100%;padding:10px;background-color:#1282a2;color:#fefcfb;font-size:16px;border:none;border-radius:5px;cursor:pointer}button[type=submit]:hover{background-color:#0a6a89}button{padding:12px 20px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background .3s ease,transform .2s ease}button[type=submit],button[type=button].next-btn{background-color:#1282a2;color:#fffcf2}button[type=submit]:hover,button[type=button].next-btn:hover{background-color:#0a6a89;transform:translateY(-2px)}button[type=submit]:disabled{background-color:#7f8fa6;cursor:not-allowed}button[type=button].back-btn{background-color:transparent;color:#1282a2;border:2px solid #1282A2}button[type=button].back-btn:hover{background-color:#1282a2;color:#fffcf2}button.add-criterion{background-color:#32cd32;color:#fff}button.add-criterion:hover{background-color:#28a428}button.remove-criterion{background:none;border:none;color:#e74c3c;font-size:14px;cursor:pointer}button.remove-criterion:hover{color:#c0392b}.form-navigation{display:flex;justify-content:space-between;margin-top:20px}button+button{margin-left:10px}.content-wrapper{margin-top:60px;margin-left:250px;padding:20px;transition:width .3s ease,left .3s ease;display:flex;flex-wrap:wrap;flex-direction:column}@media (max-width: 1024px){.content-wrapper{margin-top:60px;margin-left:0}}.content-wrapper.collapsed{margin-left:5vw}.proposal-handle{display:block;width:100%;margin-bottom:10px;padding:10px 15px;border:none;border-radius:5px;color:#fff;font-size:16px;cursor:pointer;transition:background .3s ease}.request-change-btn{display:block;margin:10px 0;padding:10px;background-color:#1282a2;color:#fff;border:none;border-radius:5px;cursor:pointer}.submit-change-btn{margin-top:10px;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}select,input{width:100%;padding:8px;margin:5px 0;border-radius:4px;border:1px solid #ccc}.tabs{display:flex;gap:2rem;margin-bottom:2vh}.tabs button{padding:1vh 2vw;border:none;border-bottom:.2vh solid transparent;background:none;font-size:1rem;cursor:pointer;color:#0a1128}.tabs button:hover{color:#1282a2;font-weight:700}.tabs button.active{border-bottom:.2vh solid #0a1128;font-weight:700}.product-info{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a1128;width:60%;max-width:800px;padding:2rem;border-radius:1rem;margin:auto;box-shadow:0 5px 15px #0003}.product-image img{max-width:200px;max-height:200px;width:auto;height:auto;border-radius:.5rem;object-fit:contain}.product-extra-info{margin-top:1rem;font-size:1rem;color:#fff;text-align:center;background:#ffffff1a;padding:.8rem;border-radius:.5rem}.product-extra-info p{margin:.3rem 0}.mini-request table{width:100%;border-collapse:collapse;margin-top:2vh}.mini-request table th,.mini-request table td{border:.1vh solid #ddd;padding:.8vh;text-align:left}.mini-request table th{background-color:#0a1128;color:#fefcfb}.mini-request table tr:nth-child(2n){background-color:#f2f2f2}.mini-request table tr:hover{background-color:#ddd}.toggle-criteria-btn{padding:.5vh 1vw;font-size:.9rem;background-color:#0a1128;color:#fff;border:none;border-radius:.5vh;cursor:pointer}.toggle-criteria-btn:hover{background-color:#0a1128}.criteria-list-single{list-style-type:none;padding:0;margin:1vh 0}.criteria-list-single li{padding:.5vh 0}.criteria-list-single li.fulfilled{color:green}.criteria-list-single li:not(.fulfilled){color:red}.send-proposal{width:fit-content;margin:auto}.send-proposal-btn{padding:.5vh 1vw;font-size:1.2rem;background-color:#1282a2;color:#f2f2f2;border:none;border-radius:.5vh;cursor:pointer;list-style:none;text-decoration:none}.product-details{text-align:left;color:#f2f2f2;width:100%;display:flex;flex-direction:column;gap:6vh}.product-details h3{width:fit-content;margin:auto;font-size:2rem;margin-bottom:1vh}.product-details ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:0;margin:1rem auto;list-style-type:none;text-align:left}.product-details ul li{list-style-type:none;position:relative;padding-left:2vw;margin:1vh;display:flex;justify-content:space-between;font-size:1.1rem;color:#f2f2f2}.product-details ul li:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:1.25vw;height:1.25vw;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="green"%3E%3Ccircle cx="16" cy="16" r="14" stroke="white" stroke-width="2" fill="green"/%3E%3Cpath d="M12 16l3 3 6-6" stroke="white" stroke-width="3" fill="none"/%3E%3C/svg%3E');background-size:contain;background-repeat:no-repeat;background-position:center}.progress-bar{display:flex;justify-content:center;margin-bottom:15px}.step{width:30px;height:30px;border-radius:50%;background-color:#ddd;display:flex;align-items:center;justify-content:center;margin:0 5px}.step.active{background-color:#1282a2;color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;overflow-y:auto}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-start;padding-top:env(safe-area-inset-top,0)}}.modal-content{background-color:#0a1128;color:#fefcfb;padding:40px 20px 20px;border-radius:10px;width:500px;max-width:100%;max-height:90vh;box-shadow:0 4px 10px #00000080;position:relative;overflow-y:auto}@media (max-width: 768px){.modal-content{width:100%;max-width:100%;max-height:100vh;height:100%;border-radius:0;padding:60px 16px 20px;padding-top:calc(60px + env(safe-area-inset-top,0));padding-bottom:calc(20px + env(safe-area-inset-bottom,0))}}@media (min-width: 769px) and (max-width: 1024px){.modal-content{width:90%;max-width:600px}}.modal-content h3{color:#1282a2;margin-bottom:20px;padding-top:10px}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:20px;color:#fefcfb;cursor:pointer;padding:5px}.modal-content table{width:100%;border-collapse:collapse}.modal-content th,.modal-content td{padding:10px;border-bottom:1px solid #1282a2;text-align:left}.modal-content th{background-color:#1282a2;color:#fefcfb}.modal-content button{padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-size:14px;margin-right:5px}.modal-content button:first-child{background-color:#1282a2;color:#fefcfb}.modal-content button:first-child:hover{background-color:#0a6a89}.modal-content button:last-child{background-color:#7f8fa6;color:#fefcfb}.modal-content button:last-child:hover{background-color:#5f6a76}.proposal-container{display:flex;justify-content:center;padding:20px;margin-top:60px;flex-direction:column;align-items:center;color:#fff}.proposal-card{background:#0a1128;padding:20px;border-radius:12px;box-shadow:0 5px 15px #0003;max-width:800px;width:100%;display:flex;flex-direction:column;gap:20px}.proposal-card h2{color:#fff}.proposal-card p{color:#fff;font-size:1rem;line-height:1.5;margin-bottom:8px}.proposal-card p strong{font-weight:700;color:#1282a2}.proposal-card .status{font-weight:700;padding:4px 8px;border-radius:5px}.proposal-card .status.approved{background-color:#4caf50;color:#fff}.proposal-card .status.rejected{background-color:#e53935;color:#fff}.proposal-card .status.pending{background-color:#fc0;color:#0a1128}.sample-requests-section p{font-weight:700;padding:4px 8px;border-radius:5px}.sample-requests-section .approved{color:#4caf50}.sample-requests-section .rejected{color:#e53935}.sample-requests-section .pending{color:#fc0}.proposal-details,.criteria-section,.change-requests-section,.sample-requests-section{padding:15px;border-radius:10px;box-shadow:none;background:transparent;display:flex;flex-direction:column}.criteria-section ul{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.criteria-section li{padding:10px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:8px;font-size:1rem}.criteria-section li.met{background-color:#4caf50;color:#fff}.criteria-section li.not-met{background-color:#e53935;color:#fff}.change-requests-section button,.sample-requests-section button{padding:12px 16px;background-color:#1282a2;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .3s ease}.change-requests-section button:hover{background-color:#0a1128}.action-buttons{display:flex;flex-direction:row;justify-content:center;gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1)}.action-buttons button{padding:12px 20px;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease;min-width:150px}.approve-btn{background-color:#4caf50;color:#fff}.reject-btn{background-color:#e53935;color:#fff}.request-change-btn{margin:0;background-color:#1282a2;color:#fff}.action-buttons button:hover{opacity:.8}@media (max-width: 768px){.proposal-container{padding:15px;margin-top:40px}.proposal-card{padding:15px;max-width:90%;width:100%}.criteria-section ul{flex-direction:column}.criteria-section li{font-size:.9rem;padding:8px}.action-buttons{flex-direction:column;align-items:center}.action-buttons button{width:100%;min-width:unset}}@media (max-width: 480px){.proposal-container{padding:10px;margin-top:30px}.proposal-card{padding:10px;max-width:100%}.proposal-card h2{font-size:1.2rem;text-align:center}.proposal-card p{font-size:.9rem}.criteria-section li{font-size:.85rem}.action-buttons{flex-direction:column;gap:10px}.action-buttons button{width:100%}}.approval-timeline{background-color:var(--color-background-dark-alt);border-radius:var(--border-radius-medium);padding:var(--spacing-large);margin:var(--spacing-medium) 0}.approval-timeline .timeline-title{color:var(--color-text-light);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-large);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-medium)}.approval-timeline .timeline-container{position:relative}.approval-timeline .timeline-item{position:relative;display:flex;margin-bottom:var(--spacing-large)}.approval-timeline .timeline-item.last{margin-bottom:0}.approval-timeline .timeline-item .timeline-marker{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-background-dark);border-radius:var(--border-radius-round);border:2px solid var(--color-border);margin-right:var(--spacing-medium);flex-shrink:0;z-index:2}.approval-timeline .timeline-item .timeline-marker .status-icon{font-size:20px}.approval-timeline .timeline-item .timeline-marker .status-icon.approved{color:var(--color-success)}.approval-timeline .timeline-item .timeline-marker .status-icon.rejected{color:var(--color-danger)}.approval-timeline .timeline-item .timeline-marker .status-icon.pending{color:var(--color-text-muted)}.approval-timeline .timeline-item .timeline-content{flex:1;background-color:var(--color-background-dark);border-radius:var(--border-radius-medium);padding:var(--spacing-medium);border:1px solid var(--color-border)}.approval-timeline .timeline-item .timeline-content .step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-medium)}.approval-timeline .timeline-item .timeline-content .step-header .step-name{color:var(--color-text-light);font-size:var(--font-size-large);font-weight:var(--font-weight-medium);margin:0}.approval-timeline .timeline-item .timeline-content .step-header .step-status{padding:var(--spacing-small) var(--spacing-medium);border-radius:var(--border-radius-small);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-transform:uppercase}.approval-timeline .timeline-item .timeline-content .step-header .step-status.approved{background-color:#10b98133;color:var(--color-success);border:1px solid var(--color-success)}.approval-timeline .timeline-item .timeline-content .step-header .step-status.rejected{background-color:#ef444433;color:var(--color-danger);border:1px solid var(--color-danger)}.approval-timeline .timeline-item .timeline-content .step-header .step-status.pending{background-color:#a0aec033;color:var(--color-text-muted);border:1px solid var(--color-text-muted)}.approval-timeline .timeline-item .timeline-content .step-details{margin-bottom:var(--spacing-medium)}.approval-timeline .timeline-item .timeline-content .step-details p{margin:var(--spacing-small) 0;color:var(--color-text-light);font-size:var(--font-size-medium)}.approval-timeline .timeline-item .timeline-content .step-details p strong{color:var(--color-text-light);font-weight:var(--font-weight-medium)}.approval-timeline .timeline-item .timeline-content .step-details .approver{font-size:var(--font-size-medium)}.approval-timeline .timeline-item .timeline-content .step-details .approver-details,.approval-timeline .timeline-item .timeline-content .step-details .approval-date{color:var(--color-text-muted);font-size:var(--font-size-small)}.approval-timeline .timeline-item .timeline-content .step-details .approval-comments{background-color:var(--color-background-dark-alt);padding:var(--spacing-small);border-radius:var(--border-radius-small);border-left:3px solid var(--color-primary);font-style:italic}.approval-timeline .timeline-item .timeline-content .approval-actions{display:flex;gap:var(--spacing-small)}.approval-timeline .timeline-item .timeline-content .approval-actions button{padding:var(--spacing-small) var(--spacing-medium);border-radius:var(--border-radius-small);border:none;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-speed-normal) var(--transition-ease)}.approval-timeline .timeline-item .timeline-content .approval-actions button.btn-approve{background-color:var(--color-success);color:var(--color-text-inverted)}.approval-timeline .timeline-item .timeline-content .approval-actions button.btn-approve:hover{background-color:#059669;transform:translateY(-1px)}.approval-timeline .timeline-item .timeline-content .approval-actions button.btn-reject{background-color:var(--color-danger);color:var(--color-text-inverted)}.approval-timeline .timeline-item .timeline-content .approval-actions button.btn-reject:hover{background-color:#dc2626;transform:translateY(-1px)}.approval-timeline .timeline-item .timeline-content .approval-actions button:disabled{background-color:var(--color-text-muted);cursor:not-allowed;transform:none}.approval-timeline .timeline-item .timeline-line{position:absolute;left:19px;top:40px;width:2px;height:calc(100% + var(--spacing-large));background-color:var(--color-border);z-index:1}@media (max-width: 768px){.approval-timeline{padding:var(--spacing-medium)}.approval-timeline .timeline-item .timeline-marker{width:32px;height:32px;margin-right:var(--spacing-small)}.approval-timeline .timeline-item .timeline-marker .status-icon{font-size:16px}.approval-timeline .timeline-item .timeline-content{padding:var(--spacing-small)}.approval-timeline .timeline-item .timeline-content .step-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-small)}.approval-timeline .timeline-item .timeline-content .step-header .step-status{align-self:flex-start}.approval-timeline .timeline-item .timeline-content .approval-actions{flex-direction:column}.approval-timeline .timeline-item .timeline-content .approval-actions button{width:100%}}.vendor-invitation-modal{max-width:600px;width:90vw;background:#1e293b;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040}.vendor-invitation-modal.company-modal{max-width:900px;width:95vw}.vendor-invitation-modal .modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid #334155}.vendor-invitation-modal .modal-header .modal-title{color:#f1f5f9;font-size:1.5rem;font-weight:600;margin:0}.vendor-invitation-modal .modal-header .modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s}.vendor-invitation-modal .modal-header .modal-close:hover{color:#f1f5f9;background:#334155}.vendor-invitation-modal .modal-body{padding:2rem}.company-form-grid .mobile-form .form-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.company-form-grid .mobile-form .form-fields .mobile-form-field{margin-bottom:0}.company-form-grid .mobile-form .form-fields .mobile-form-field:has(textarea),.company-form-grid .mobile-form .form-fields .mobile-form-field:has([name=description]){grid-column:1/-1}.company-form-grid .mobile-form .form-actions{grid-column:1/-1;margin-top:2rem}@media (max-width: 768px){.company-form-grid .mobile-form .form-fields{grid-template-columns:1fr}}.vendor-invitation-form{padding:2rem}.vendor-invitation-form .form-group{margin-bottom:1.5rem}.vendor-invitation-form .form-group .form-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500;color:#e2e8f0;font-size:.875rem}.vendor-invitation-form .form-group .form-input,.vendor-invitation-form .form-group .form-select,.vendor-invitation-form .form-group .form-textarea{width:100%;padding:.875rem 1rem;border:1px solid #475569;border-radius:.75rem;font-size:.875rem;color:#f1f5f9;background:#0f172a;transition:all .2s}.vendor-invitation-form .form-group .form-input:focus,.vendor-invitation-form .form-group .form-select:focus,.vendor-invitation-form .form-group .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.vendor-invitation-form .form-group .form-input:disabled,.vendor-invitation-form .form-group .form-select:disabled,.vendor-invitation-form .form-group .form-textarea:disabled{background-color:#1e293b;color:#64748b}.vendor-invitation-form .form-group .form-input::placeholder,.vendor-invitation-form .form-group .form-select::placeholder,.vendor-invitation-form .form-group .form-textarea::placeholder{color:#64748b}.vendor-invitation-form .form-group .form-textarea{resize:vertical;min-height:100px}.vendor-invitation-form .form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #334155;justify-content:flex-end}.vendor-invitation-form .form-actions .btn-primary,.vendor-invitation-form .form-actions .btn-secondary{padding:.75rem 1.5rem;border-radius:.75rem;font-weight:500;font-size:.875rem;transition:all .2s;display:flex;align-items:center;gap:.5rem;border:none;cursor:pointer}.vendor-invitation-form .form-actions .btn-primary:disabled,.vendor-invitation-form .form-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.vendor-invitation-form .form-actions .btn-primary{background:#3b82f6;color:#fff}.vendor-invitation-form .form-actions .btn-primary:hover:not(:disabled){background:#2563eb}.vendor-invitation-form .form-actions .btn-secondary{background:#475569;color:#e2e8f0}.vendor-invitation-form .form-actions .btn-secondary:hover:not(:disabled){background:#64748b}.vendor-registration-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem}.vendor-registration-page .loading-container,.vendor-registration-page .error-container{text-align:center;color:#fff}.vendor-registration-page .loading-container .spinner,.vendor-registration-page .error-container .spinner{width:2rem;height:2rem;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.vendor-registration-page .loading-container h2,.vendor-registration-page .error-container h2{margin:1rem 0;font-size:1.5rem}.vendor-registration-page .loading-container p,.vendor-registration-page .error-container p{margin:.5rem 0;opacity:.9}.vendor-registration-page .registration-container{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;max-width:800px;width:100%}.vendor-registration-page .registration-container .registration-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:2rem}.vendor-registration-page .registration-container .registration-header .invitation-info h1{margin:0 0 .5rem;font-size:2rem;font-weight:700}.vendor-registration-page .registration-container .registration-header .invitation-info p{margin:0 0 1rem;opacity:.9}.vendor-registration-page .registration-container .registration-header .invitation-info .invitation-details{background:#ffffff1a;padding:1rem;border-radius:.5rem;margin-top:1rem}.vendor-registration-page .registration-container .registration-header .invitation-info .invitation-details p{margin:.25rem 0;font-size:.875rem}.vendor-registration-page .registration-container .registration-form{padding:2rem}.vendor-registration-page .registration-container .registration-form .form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.vendor-registration-page .registration-container .registration-form .form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.vendor-registration-page .registration-container .registration-form .form-section h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:.5rem}.vendor-registration-page .registration-container .registration-form .form-section h3:before{content:"";width:4px;height:20px;background:#3b82f6;border-radius:2px}.vendor-registration-page .registration-container .registration-form .form-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.vendor-registration-page .registration-container .registration-form .form-section .form-row{grid-template-columns:1fr}}.vendor-registration-page .registration-container .registration-form .form-section .form-group{margin-bottom:1.5rem}.vendor-registration-page .registration-container .registration-form .form-section .form-group .form-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.vendor-registration-page .registration-container .registration-form .form-section .form-group .form-input,.vendor-registration-page .registration-container .registration-form .form-section .form-group .form-select,.vendor-registration-page .registration-container .registration-form .form-section .form-group .form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#374151;transition:all .2s}.vendor-registration-page .registration-container .registration-form .form-section .form-group .form-input:focus,.vendor-registration-page .registration-container .registration-form .form-section .form-group .form-select:focus,.vendor-registration-page .registration-container .registration-form .form-section .form-group .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.vendor-registration-page .registration-container .registration-form .form-section .form-group .form-input:disabled,.vendor-registration-page .registration-container .registration-form .form-section .form-group .form-select:disabled,.vendor-registration-page .registration-container .registration-form .form-section .form-group .form-textarea:disabled{background-color:#f9fafb;color:#6b7280}.vendor-registration-page .registration-container .registration-form .form-section .form-group .form-input::placeholder,.vendor-registration-page .registration-container .registration-form .form-section .form-group .form-select::placeholder,.vendor-registration-page .registration-container .registration-form .form-section .form-group .form-textarea::placeholder{color:#9ca3af}.vendor-registration-page .registration-container .registration-form .form-section .form-group .form-textarea{resize:vertical;min-height:80px}.vendor-registration-page .registration-container .registration-form .form-actions{margin-top:2rem;text-align:center}.vendor-registration-page .registration-container .registration-form .form-actions .btn-large{padding:1rem 2rem;font-size:1rem;font-weight:600}.alert{padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.alert.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.alert.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}@media (max-width: 768px){.vendor-registration-page{padding:1rem}.vendor-registration-page .registration-container .registration-header{padding:1.5rem}.vendor-registration-page .registration-container .registration-header .invitation-info h1{font-size:1.5rem}.vendor-registration-page .registration-container .registration-form{padding:1.5rem}}.vendor-card .vendor-actions-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #334155;display:flex;justify-content:center}.vendor-card .vendor-actions-footer .btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .2s;border:none;cursor:pointer}.vendor-card .vendor-actions-footer .btn.btn-primary{background:#3b82f6;color:#fff}.vendor-card .vendor-actions-footer .btn.btn-primary:hover{background:#2563eb}.vendor-card .vendor-actions-footer .btn.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.modern-landing-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fff;color:#0f172a;margin:0;padding:0;overflow-x:hidden}.landing-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;z-index:1000;padding:1rem 0}.landing-header .header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.landing-header .logo-section{display:flex;align-items:center;gap:.75rem}.landing-header .logo-section .header-logo{height:32px;width:auto}.landing-header .logo-section .logo-text{font-size:1.5rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.landing-header .header-nav .header-login-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:12px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s ease;box-shadow:0 4px 6px #6366f133}.landing-header .header-nav .header-login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 12px #6366f14d}.landing-header .header-nav .header-login-btn .btn-icon{width:16px;height:16px;transition:transform .2s ease}.landing-header .header-nav .header-login-btn:hover .btn-icon{transform:translate(2px)}.hero-section{position:relative;padding:6rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);overflow:hidden;min-height:600px;display:flex;align-items:center;justify-content:center}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.08) 0%,transparent 50%);pointer-events:none}.hero-section .hero-pattern{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.03;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.1) 10px,rgba(0,0,0,.1) 20px)}.hero-content{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:50px;color:#4f46e5;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.hero-badge .badge-icon{width:16px;height:16px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin:0 0 1.5rem;color:#0f172a;letter-spacing:-.03em}@media (max-width: 768px){.hero-title{font-size:2.5rem}}.hero-subtitle{font-size:1.25rem;line-height:1.7;color:#475569;margin:0 0 2.5rem;max-width:700px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.hero-subtitle{font-size:1.1rem}}.hero-actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:4rem;flex-wrap:wrap}.cta-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .2s ease;box-shadow:0 4px 6px #6366f133}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #6366f14d}.cta-primary .cta-icon{width:18px;height:18px;transition:transform .2s ease}.cta-primary:hover .cta-icon{transform:translate(3px)}.cta-secondary{display:inline-flex;align-items:center;padding:1rem 2rem;background:#fff;color:#0f172a;border:2px solid #e2e8f0;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .2s ease}.cta-secondary:hover{border-color:#4f46e5;color:#4f46e5;transform:translateY(-2px)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:2rem;padding-top:3rem;border-top:1px solid #e2e8f0;flex-wrap:wrap}@media (max-width: 768px){.hero-stats{gap:1.5rem}}.hero-stats .stat-item{text-align:center}.hero-stats .stat-item .stat-value{font-size:2rem;font-weight:800;color:#4f46e5;margin-bottom:.25rem}.hero-stats .stat-item .stat-label{font-size:.875rem;color:#475569;font-weight:500}.hero-stats .stat-divider{width:1px;height:40px;background:#e2e8f0}.section-container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-header .section-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 1rem;letter-spacing:-.02em}@media (max-width: 768px){.section-header .section-title{font-size:2rem}}.section-header .section-subtitle{font-size:1.125rem;color:#475569;line-height:1.7;max-width:600px;margin:0 auto}.features-section{padding:6rem 0;background:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}}.feature-card{padding:2.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:all .3s ease;text-align:center}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014;border-color:#4f46e5}.feature-card .feature-icon-wrapper{width:64px;height:64px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.feature-card .feature-icon-wrapper .feature-icon{width:32px;height:32px;color:#4f46e5}.feature-card .feature-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 1rem}.feature-card .feature-description{font-size:1rem;color:#475569;line-height:1.6;margin:0}.contact-section{padding:6rem 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.contact-icons{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.contact-icons .contact-link{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:16px;text-decoration:none;color:#0f172a;transition:all .3s ease;min-width:120px}.contact-icons .contact-link:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:#4f46e5;color:#4f46e5}.contact-icons .contact-link .contact-icon{width:32px;height:32px}.contact-icons .contact-link span{font-size:.875rem;font-weight:600}.contact-form-section{padding:6rem 0;background:#fff}.form-wrapper{max-width:700px;margin:0 auto;padding:3rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:24px;border:1px solid #e2e8f0}@media (max-width: 768px){.form-wrapper{padding:2rem}}.form-header{text-align:center;margin-bottom:2.5rem}.form-header .form-title{font-size:2rem;font-weight:800;color:#0f172a;margin:0 0 .5rem}.form-header .form-subtitle{font-size:1rem;color:#475569;margin:0}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 640px){.contact-form .form-row{grid-template-columns:1fr}}.contact-form .form-group{margin-bottom:1.5rem}.contact-form .form-group .form-label{display:block;font-size:.875rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.contact-form .form-group .form-input,.contact-form .form-group .form-textarea{width:100%;padding:.875rem 1rem;border:1.5px solid #e2e8f0;border-radius:12px;font-size:.95rem;color:#0f172a;background:#fff;transition:all .2s ease;font-family:inherit}.contact-form .form-group .form-input:focus,.contact-form .form-group .form-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #6366f11a}.contact-form .form-group .form-input::placeholder,.contact-form .form-group .form-textarea::placeholder{color:#475569}.contact-form .form-group .form-textarea{resize:vertical;min-height:120px}.contact-form .form-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.contact-form .form-submit-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #6366f14d}.contact-form .form-submit-btn .btn-icon{width:18px;height:18px;transition:transform .2s ease}.contact-form .form-submit-btn:hover .btn-icon{transform:translate(3px)}.contact-form .status-message{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:12px;margin-top:1.5rem;font-size:.95rem;font-weight:500}.contact-form .status-message.success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.contact-form .status-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.contact-form .status-message .status-icon{width:20px;height:20px;flex-shrink:0}.landing-footer{padding:3rem 2rem;background:#0f172a;color:#fff;text-align:center}.landing-footer .footer-content{max-width:1200px;margin:0 auto}.landing-footer .footer-content p{margin:0;font-size:.95rem;opacity:.8}.profile-page-container{margin-top:60px;margin-left:250px;padding:2rem;background-color:#f5f7fa;min-height:calc(100vh - 60px);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-sizing:border-box}@media (max-width: 1024px){.profile-page-container{margin-left:60px}}@media (max-width: 768px){.profile-page-container{margin-left:0;padding:1rem}}.profile-page-container.collapsed{margin-left:60px}@media (max-width: 768px){.profile-page-container.collapsed{margin-left:0}}.profile-loading,.profile-error{text-align:center;padding:3rem;font-size:18px;color:#666;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.profile-error{color:#e74c3c}.profile-header{margin-bottom:2rem}.profile-header .profile-title{font-size:2rem;font-weight:600;color:#1a202c;margin-bottom:.5rem}.profile-header .profile-subtitle{color:#718096;font-size:1rem}.profile-message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.profile-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.profile-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.profile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;overflow:hidden}.profile-card-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.profile-card-header .profile-card-title{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:.75rem}.profile-card-header .profile-card-title .profile-icon{color:#4299e1}.profile-card-body{padding:1.5rem}.profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.profile-info-grid .profile-info-item label{display:block;font-size:.875rem;font-weight:500;color:#718096;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.profile-info-grid .profile-info-item p{font-size:1rem;color:#1a202c;margin:0;word-break:break-word}.profile-info-grid .profile-info-item p a{color:#4299e1;text-decoration:none}.profile-info-grid .profile-info-item p a:hover{text-decoration:underline}.profile-info-grid .profile-info-item .profile-hint{font-size:.875rem;color:#a0aec0;margin-top:.25rem}.profile-tags{display:flex;flex-wrap:wrap;gap:.5rem}.profile-tags .profile-tag{display:inline-block;padding:.25rem .75rem;background-color:#edf2f7;color:#4a5568;border-radius:4px;font-size:.875rem;font-weight:500;text-transform:capitalize}.profile-form .form-group{margin-bottom:1.5rem}.profile-form .form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.profile-form .form-group .form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.profile-form .form-group .form-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.profile-form .form-group .form-input::placeholder{color:#9ca3af}.profile-form .form-group .password-input-wrapper{position:relative}.profile-form .form-group .password-input-wrapper .form-input{padding-right:3rem}.profile-form .form-group .password-input-wrapper .password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#718096;cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:color .2s}.profile-form .form-group .password-input-wrapper .password-toggle:hover{color:#4299e1}.profile-form .form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.profile-workspaces{display:flex;flex-direction:column;gap:1rem}.profile-workspaces .profile-workspace-item{padding:1rem;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s}.profile-workspaces .profile-workspace-item.active{border-color:#4299e1;background-color:#ebf8ff}.profile-workspaces .profile-workspace-item .workspace-name{font-weight:500;color:#1a202c;margin:0 0 .5rem}.profile-workspaces .profile-workspace-item .workspace-badge{display:inline-block;padding:.25rem .5rem;background-color:#4299e1;color:#fff;border-radius:4px;font-size:.75rem;font-weight:500}.btn{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;border:none;font-size:.875rem}.btn.btn-primary{background-color:#4299e1;color:#fff}.btn.btn-primary:hover:not(:disabled){background-color:#3182ce}.btn.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn.btn-outline{background-color:transparent;color:#4299e1;border:1px solid #4299e1}.btn.btn-outline:hover:not(:disabled){background-color:#ebf8ff}.btn.btn-outline:disabled{opacity:.6;cursor:not-allowed}.btn.btn-sm{padding:.5rem 1rem;font-size:.875rem}.workspace-management{min-height:calc(100vh - 80px);background-color:#f8fafc}.workspace-management .workspace-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.workspace-management .workspace-header .page-title{font-size:1.875rem;font-weight:600;color:#111827;margin:0 0 .5rem}.workspace-management .workspace-header .page-subtitle{font-size:.875rem;color:#6b7280;margin:0}.workspace-management .workspace-header .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s}.workspace-management .workspace-header .btn.btn-primary{background-color:#3b82f6;color:#fff}.workspace-management .workspace-header .btn.btn-primary:hover{background-color:#2563eb}.workspace-management .workspace-header .btn.btn-primary:disabled{opacity:.5;cursor:not-allowed}.workspace-management .workspace-header .btn.btn-outline{background-color:transparent;color:#374151;border:1px solid #d1d5db}.workspace-management .workspace-header .btn.btn-outline:hover{background-color:#f9fafb}.workspace-management .workspace-header .btn.btn-danger{background-color:#ef4444;color:#fff}.workspace-management .workspace-header .btn.btn-danger:hover{background-color:#dc2626}.workspace-management .workspace-header .btn.btn-icon{padding:.5rem;background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:.375rem;transition:all .2s}.workspace-management .workspace-header .btn.btn-icon:hover{background-color:#f3f4f6;color:#374151}.workspace-management .workspace-header .btn.btn-icon.btn-danger:hover{background-color:#fee2e2;color:#dc2626}.workspace-management .alert{padding:1rem;border-radius:.5rem;margin-bottom:1.5rem}.workspace-management .alert.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.workspace-management .alert.alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.workspace-management .loading-state,.workspace-management .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.workspace-management .loading-state .spinner,.workspace-management .empty-state .spinner{animation:spin 1s linear infinite}.workspace-management .loading-state .empty-icon,.workspace-management .empty-state .empty-icon{width:4rem;height:4rem;color:#9ca3af;margin-bottom:1rem}.workspace-management .loading-state h3,.workspace-management .empty-state h3{font-size:1.25rem;font-weight:600;color:#111827;margin:.5rem 0}.workspace-management .loading-state p,.workspace-management .empty-state p{color:#6b7280;margin:.5rem 0 1.5rem}.workspace-management .empty-state-small{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#9ca3af}.workspace-management .empty-state-small .empty-icon{width:2rem;height:2rem;margin-bottom:.5rem}.workspace-management .workspaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.workspace-management .workspace-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:all .2s}.workspace-management .workspace-card:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#d1d5db}.workspace-management .workspace-card.active{border-color:#3b82f6;background:linear-gradient(to bottom,#eff6ff,#fff)}.workspace-management .workspace-card .workspace-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.workspace-management .workspace-card .workspace-card-header .workspace-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff}.workspace-management .workspace-card .workspace-card-header .workspace-actions{display:flex;gap:.5rem}.workspace-management .workspace-card .workspace-card-body .workspace-name{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1rem}.workspace-management .workspace-card .workspace-card-body .workspace-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.workspace-management .workspace-card .workspace-card-body .workspace-meta .meta-item{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#6b7280}.workspace-management .workspace-card .workspace-card-body .workspace-meta .meta-item svg{width:1rem;height:1rem}.workspace-management .workspace-card .workspace-card-body .workspace-badge-current{display:inline-block;padding:.25rem .75rem;background-color:#dbeafe;color:#1e40af;border-radius:9999px;font-size:.75rem;font-weight:500}.workspace-management .members-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;margin-top:2rem}.workspace-management .data-table{width:100%;border-collapse:collapse}.workspace-management .data-table thead{background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.workspace-management .data-table thead th{padding:.875rem 1rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.workspace-management .data-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.workspace-management .data-table tbody tr:hover{background-color:#f9fafb}.workspace-management .data-table tbody tr:last-child{border-bottom:none}.workspace-management .data-table tbody td{padding:1rem;font-size:.875rem;color:#111827}.workspace-management .data-table .text-center{text-align:center}.workspace-management .data-table .text-secondary{color:#6b7280}.workspace-management .data-table .member-info{display:flex;align-items:center;gap:.75rem}.workspace-management .data-table .member-info .member-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.workspace-management .data-table .member-info .member-name{font-weight:500;color:#111827}.workspace-management .data-table .member-info .member-meta{font-size:.75rem;color:#6b7280}.workspace-management .data-table .role-badge{display:inline-block;padding:.25rem .75rem;background-color:#e0e7ff;color:#3730a3;border-radius:9999px;font-size:.75rem;font-weight:500}.workspace-management .data-table .role-badge.custom{background-color:#fef3c7;color:#92400e}.workspace-management .data-table .action-buttons{display:flex;gap:.5rem}.workspace-management .modal-overlay{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}.workspace-management .modal-content{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.workspace-management .modal-content.modal-large{max-width:600px}.workspace-management .modal-content.modal-danger .modal-header{border-bottom-color:#fee2e2}.workspace-management .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.workspace-management .modal-content .modal-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.workspace-management .modal-content .modal-body{padding:1.5rem}.workspace-management .modal-content .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.workspace-management .form-group{margin-bottom:1.5rem}.workspace-management .form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.workspace-management .form-group .form-input,.workspace-management .form-group select.form-input{width:100%;padding:.625rem .875rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.5rem;transition:all .2s}.workspace-management .form-group .form-input:focus,.workspace-management .form-group select.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.workspace-management .form-group .form-input:disabled,.workspace-management .form-group select.form-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.workspace-management .form-group .form-hint{margin-top:.5rem;font-size:.75rem;color:#6b7280}.workspace-management .text-warning{color:#92400e;font-size:.875rem;margin-top:.5rem}.workspace-management .approval-workflow{margin-top:2rem}.workspace-management .workflow-steps{display:flex;flex-direction:column;gap:1rem}.workspace-management .workflow-step{display:flex;align-items:flex-start;gap:1rem;position:relative}.workspace-management .workflow-step .step-number{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.workspace-management .workflow-step .step-content{flex:1;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.workspace-management .workflow-step .step-content .step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.workspace-management .workflow-step .step-content .step-header .step-name{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.workspace-management .workflow-step .step-content .step-header .step-actions{display:flex;gap:.5rem}.workspace-management .workflow-step .step-content .step-details{display:flex;justify-content:space-between;align-items:center}.workspace-management .workflow-step .step-content .step-details .step-approver{display:flex;align-items:center;gap:.75rem}.workspace-management .workflow-step .step-content .step-details .step-approver .approver-icon{width:2rem;height:2rem;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280}.workspace-management .workflow-step .step-content .step-details .step-approver .approver-info .approver-name{font-weight:500;color:#111827}.workspace-management .workflow-step .step-content .step-details .step-approver .approver-info .approver-type{font-size:.75rem;color:#6b7280}.workspace-management .workflow-step .step-content .step-details .step-stats{display:flex;gap:1rem}.workspace-management .workflow-step .step-content .step-details .step-stats .stat-item{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#6b7280}.workspace-management .workflow-step .step-content .step-details .step-stats .stat-item svg{width:1rem;height:1rem}.workspace-management .workflow-step .step-connector{position:absolute;left:1.25rem;top:2.5rem;width:2px;height:1rem;background:#d1d5db}.workspace-management .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#374151}.workspace-management .checkbox-label input[type=checkbox]{cursor:pointer}.workspace-management .filters-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.workspace-management .filters-section .filters-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem;align-items:end}@media (max-width: 768px){.workspace-management .filters-section .filters-row{grid-template-columns:1fr;gap:1rem}}.workspace-management .filters-section .filter-group{display:flex;flex-direction:column;gap:.5rem}.workspace-management .filters-section .filter-group label{font-size:.875rem;font-weight:500;color:#374151}.workspace-management .filters-section .filter-group .search-input-wrapper{position:relative}.workspace-management .filters-section .filter-group .search-input-wrapper .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:1rem;height:1rem}.workspace-management .filters-section .filter-group .search-input-wrapper .form-input{padding-left:2.5rem}.workspace-management .change-requests-list .requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.workspace-management .change-requests-list .request-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:all .2s}.workspace-management .change-requests-list .request-card:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#d1d5db}.workspace-management .change-requests-list .request-card .request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.workspace-management .change-requests-list .request-card .request-header .request-type{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#374151}.workspace-management .change-requests-list .request-card .request-header .request-type .type-name{text-transform:capitalize}.workspace-management .change-requests-list .request-card .request-header .request-status{display:flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.workspace-management .change-requests-list .request-card .request-content{margin-bottom:1rem}.workspace-management .change-requests-list .request-card .request-content .request-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem}.workspace-management .change-requests-list .request-card .request-content .request-description,.workspace-management .change-requests-list .request-card .request-content .request-value{font-size:.875rem;color:#6b7280;margin:.25rem 0}.workspace-management .change-requests-list .request-card .request-content .request-description strong,.workspace-management .change-requests-list .request-card .request-content .request-value strong{color:#374151}.workspace-management .change-requests-list .request-card .request-meta{display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.workspace-management .change-requests-list .request-card .request-meta .meta-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280}.workspace-management .change-requests-list .request-card .request-meta .meta-item svg{width:1rem;height:1rem}.workspace-management .change-requests-list .request-card .request-actions{display:flex;gap:.5rem;flex-wrap:wrap}.workspace-management .change-requests-list .request-card .request-actions .btn{font-size:.75rem;padding:.5rem .75rem}.workspace-management .change-requests-list .request-card .request-actions .btn.btn-success{background-color:#10b981;color:#fff;border-color:#10b981}.workspace-management .change-requests-list .request-card .request-actions .btn.btn-success:hover{background-color:#059669}.workspace-management .change-requests-list .request-card .request-actions .btn.btn-danger{background-color:#ef4444;color:#fff;border-color:#ef4444}.workspace-management .change-requests-list .request-card .request-actions .btn.btn-danger:hover{background-color:#dc2626}.workspace-management .details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.workspace-management .details-grid .detail-section h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.workspace-management .details-grid .detail-section .detail-item{margin-bottom:.75rem;font-size:.875rem}.workspace-management .details-grid .detail-section .detail-item strong{color:#374151;margin-right:.5rem}.workspace-management .details-grid .detail-section .detail-item .status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-transform:capitalize}.workspace-management .details-grid .detail-section .approval-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-bottom:.75rem}.workspace-management .details-grid .detail-section .approval-item .approval-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.workspace-management .details-grid .detail-section .approval-item .approval-header .approver-name{font-weight:500;color:#111827}.workspace-management .details-grid .detail-section .approval-item .approval-header .approval-status{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-transform:capitalize}.workspace-management .details-grid .detail-section .approval-item .approval-comments{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.workspace-management .details-grid .detail-section .approval-item .approval-comments strong{color:#374151}.workspace-management .details-grid .detail-section .approval-item .approval-date{font-size:.75rem;color:#9ca3af}.workspace-user-management{padding:1.5rem;max-width:1400px;margin:0 auto}.workspace-user-management .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.workspace-user-management .page-header .header-left h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.workspace-user-management .page-header .header-left .page-subtitle{color:#6b7280;margin:0;font-size:.875rem}.workspace-user-management .page-header .header-left .page-subtitle strong{color:#1f2937}.workspace-user-management .page-header .header-right{display:flex;gap:.75rem}.workspace-user-management .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.workspace-user-management .empty-state h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:1rem 0 .5rem}.workspace-user-management .empty-state p{color:#6b7280;margin:0}.workspace-user-management .message{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:500}.workspace-user-management .message.success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.workspace-user-management .message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.workspace-user-management .message button{background:none;border:none;color:inherit;cursor:pointer;padding:.25rem;border-radius:.25rem}.workspace-user-management .message button:hover{background-color:#0000001a}.workspace-user-management .search-section{margin-bottom:1.5rem}.workspace-user-management .search-section .search-input{position:relative;max-width:400px}.workspace-user-management .search-section .search-input svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6b7280;width:1rem;height:1rem}.workspace-user-management .search-section .search-input input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background-color:#fff}.workspace-user-management .search-section .search-input input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.workspace-user-management .table-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.workspace-user-management .user-info{display:flex;align-items:center;gap:.75rem}.workspace-user-management .user-info .user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280}.workspace-user-management .user-info .user-details .user-name{font-weight:500;color:#1f2937;font-size:.875rem}.workspace-user-management .user-info .user-details .user-email{color:#6b7280;font-size:.75rem}.workspace-user-management .role-cell .role-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-transform:capitalize}.workspace-user-management .role-cell .role-badge.admin{background-color:#dbeafe;color:#1e40af}.workspace-user-management .role-cell .role-badge.buyer{background-color:#dcfce7;color:#166534}.workspace-user-management .role-cell .role-badge.vendor{background-color:#fef3c7;color:#92400e}.workspace-user-management .role-cell .role-badge.member{background-color:#f3f4f6;color:#374151}.workspace-user-management .custom-role-badge{display:inline-block;padding:.25rem .5rem;background-color:#e0e7ff;color:#3730a3;border-radius:.375rem;font-size:.75rem;font-weight:500}.workspace-user-management .action-buttons{display:flex;gap:.5rem}.workspace-user-management .action-buttons .btn{padding:.375rem;border-radius:.375rem;border:1px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.workspace-user-management .action-buttons .btn:hover{background-color:#f9fafb;border-color:#9ca3af}.workspace-user-management .action-buttons .btn.btn-outline{border-color:#d1d5db;color:#374151}.workspace-user-management .action-buttons .btn.btn-outline:hover{background-color:#f3f4f6}.workspace-user-management .user-info-display{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;margin-bottom:1rem}.workspace-user-management .user-info-display .user-avatar{width:3rem;height:3rem;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#6b7280}.workspace-user-management .user-info-display .user-details .user-name{font-weight:600;color:#1f2937;font-size:1rem;margin-bottom:.25rem}.workspace-user-management .user-info-display .user-details .user-email{color:#6b7280;font-size:.875rem}.workspace-user-management .delete-warning{text-align:center;padding:1rem}.workspace-user-management .delete-warning svg{margin-bottom:1rem}.workspace-user-management .delete-warning h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.workspace-user-management .delete-warning p{color:#6b7280;margin:0;line-height:1.5}@media (max-width: 768px){.workspace-user-management{padding:1rem}.workspace-user-management .page-header{flex-direction:column;align-items:flex-start;gap:1rem}.workspace-user-management .page-header .header-right{width:100%;justify-content:flex-end}.workspace-user-management .search-section .search-input{max-width:none}.workspace-user-management .action-buttons{flex-direction:column;gap:.25rem}.workspace-user-management .action-buttons .btn{width:100%;justify-content:center}}.file-upload .upload-area{border:2px dashed #d1d5db;border-radius:.75rem;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background:#f9fafb;position:relative}.file-upload .upload-area:hover{border-color:#3b82f6;background:#eff6ff}.file-upload .upload-area.drag-active{border-color:#3b82f6;background:#eff6ff;transform:scale(1.02)}.file-upload .upload-area.uploading{border-color:#10b981;background:#ecfdf5;cursor:not-allowed}.file-upload .upload-area .upload-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.file-upload .upload-area .upload-content .upload-icon{width:3rem;height:3rem;color:#6b7280;transition:color .2s}.file-upload .upload-area .upload-content .upload-text .upload-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem}.file-upload .upload-area .upload-content .upload-text .upload-subtitle{font-size:.875rem;color:#6b7280;margin:0 0 .25rem}.file-upload .upload-area .upload-content .upload-text .upload-info{font-size:.75rem;color:#9ca3af;margin:0}.file-upload .upload-area:hover .upload-icon{color:#3b82f6}.file-upload .upload-error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem;margin-top:1rem}.file-upload .file-list{margin-top:1.5rem}.file-upload .file-list .file-list-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.file-upload .file-list .file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.file-upload .file-list .file-grid .file-item{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;transition:all .2s;position:relative}.file-upload .file-list .file-grid .file-item:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#d1d5db}.file-upload .file-list .file-grid .file-item .file-preview{width:100%;height:120px;margin-bottom:.75rem;border-radius:.375rem;overflow:hidden;background:#f9fafb;display:flex;align-items:center;justify-content:center}.file-upload .file-list .file-grid .file-item .file-preview .file-image{width:100%;height:100%;object-fit:cover}.file-upload .file-list .file-grid .file-item .file-preview .file-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f3f4f6}.file-upload .file-list .file-grid .file-item .file-info .file-name{font-size:.875rem;font-weight:500;color:#111827;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload .file-list .file-grid .file-item .file-info .file-size{font-size:.75rem;color:#6b7280;margin:0 0 .25rem}.file-upload .file-list .file-grid .file-item .file-info .file-description{font-size:.75rem;color:#9ca3af;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload .file-list .file-grid .file-item .file-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.file-upload .file-list .file-grid .file-item .file-actions .file-action-btn{padding:.25rem;border-radius:.25rem;background:#ffffffe6;border:1px solid #e5e7eb;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.file-upload .file-list .file-grid .file-item .file-actions .file-action-btn:hover{background:#fff;color:#374151;border-color:#d1d5db}.file-upload .file-list .file-grid .file-item .file-actions .file-action-btn.file-action-delete{color:#dc2626}.file-upload .file-list .file-grid .file-item .file-actions .file-action-btn.file-action-delete:hover{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.file-upload .file-list .file-grid .file-item:hover .file-actions{opacity:1}@media (max-width: 640px){.file-upload .upload-area{padding:1.5rem 1rem}.file-upload .upload-area .upload-content .upload-icon{width:2.5rem;height:2.5rem}.file-upload .upload-area .upload-content .upload-text .upload-title{font-size:1rem}.file-upload .upload-area .upload-content .upload-text .upload-subtitle{font-size:.8125rem}.file-upload .file-list .file-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.file-upload .file-list .file-grid .file-item{padding:.75rem}.file-upload .file-list .file-grid .file-item .file-preview{height:100px}.file-upload .file-list .file-grid .file-item .file-info .file-name{font-size:.8125rem}}.bulk-operations{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:1rem;transition:all .3s ease}.bulk-operations.expanded{box-shadow:0 4px 6px -1px #0000001a}.bulk-operations .bulk-selection-summary{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #f3f4f6}.bulk-operations .bulk-selection-summary .selection-controls{display:flex;align-items:center;gap:1rem}.bulk-operations .bulk-selection-summary .selection-controls .bulk-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#374151}.bulk-operations .bulk-selection-summary .selection-controls .bulk-checkbox-label .bulk-checkbox{display:none}.bulk-operations .bulk-selection-summary .selection-controls .bulk-checkbox-label .bulk-checkbox:checked+.checkbox-custom{background:#3b82f6;border-color:#3b82f6}.bulk-operations .bulk-selection-summary .selection-controls .bulk-checkbox-label .bulk-checkbox:checked+.checkbox-custom:after{opacity:1;transform:scale(1)}.bulk-operations .bulk-selection-summary .selection-controls .bulk-checkbox-label .bulk-checkbox:indeterminate+.checkbox-custom{background:#3b82f6;border-color:#3b82f6}.bulk-operations .bulk-selection-summary .selection-controls .bulk-checkbox-label .bulk-checkbox:indeterminate+.checkbox-custom:before{opacity:1;transform:scale(1)}.bulk-operations .bulk-selection-summary .selection-controls .bulk-checkbox-label .checkbox-custom{position:relative;width:1.25rem;height:1.25rem;border:2px solid #d1d5db;border-radius:.25rem;background:#fff;transition:all .2s}.bulk-operations .bulk-selection-summary .selection-controls .bulk-checkbox-label .checkbox-custom:after{content:"";position:absolute;top:2px;left:6px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);opacity:0;transition:all .2s}.bulk-operations .bulk-selection-summary .selection-controls .bulk-checkbox-label .checkbox-custom:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:2px;background:#fff;transform:translate(-50%,-50%) scale(0);opacity:0;transition:all .2s}.bulk-operations .bulk-selection-summary .selection-controls .bulk-checkbox-label .selection-text{font-size:.875rem}.bulk-operations .bulk-selection-summary .selection-controls .selection-info{display:flex;align-items:center;gap:.5rem}.bulk-operations .bulk-selection-summary .selection-controls .selection-info .selected-count{font-size:.875rem;color:#6b7280;font-weight:500}.bulk-operations .bulk-selection-summary .selection-controls .selection-info .clear-selection-btn{padding:.25rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;color:#6b7280;cursor:pointer;transition:all .2s}.bulk-operations .bulk-selection-summary .selection-controls .selection-info .clear-selection-btn:hover{background:#e5e7eb;color:#374151}.bulk-operations .bulk-selection-summary .bulk-actions .bulk-actions-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.bulk-operations .bulk-selection-summary .bulk-actions .bulk-actions-toggle:hover{background:#2563eb}.bulk-operations .bulk-selection-summary .bulk-actions .bulk-actions-toggle .rotated{transform:rotate(180deg)}.bulk-operations .bulk-operations-menu{padding:1.5rem;background:#f9fafb}.bulk-operations .bulk-operations-menu .operations-header{margin-bottom:1rem}.bulk-operations .bulk-operations-menu .operations-header h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#111827}.bulk-operations .bulk-operations-menu .operations-header p{margin:0;font-size:.875rem;color:#6b7280}.bulk-operations .bulk-operations-menu .operations-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.bulk-operations .bulk-operations-menu .operations-list .bulk-operation{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s;text-align:left}.bulk-operations .bulk-operations-menu .operations-list .bulk-operation:hover:not(.disabled){border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.bulk-operations .bulk-operations-menu .operations-list .bulk-operation.disabled{opacity:.5;cursor:not-allowed}.bulk-operations .bulk-operations-menu .operations-list .bulk-operation.processing{opacity:.7;cursor:not-allowed}.bulk-operations .bulk-operations-menu .operations-list .bulk-operation .operation-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;color:#fff}.bulk-operations .bulk-operations-menu .operations-list .bulk-operation .operation-icon .spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.bulk-operations .bulk-operations-menu .operations-list .bulk-operation .operation-content{flex:1}.bulk-operations .bulk-operations-menu .operations-list .bulk-operation .operation-content .operation-label{display:block;font-size:.875rem;font-weight:500;color:#111827;margin-bottom:.25rem}.bulk-operations .bulk-operations-menu .operations-list .bulk-operation .operation-content .operation-count{display:block;font-size:.75rem;color:#6b7280}.bulk-operations .bulk-operations-menu .operations-list .bulk-operation.bulk-operation-primary .operation-icon{background:#3b82f6}.bulk-operations .bulk-operations-menu .operations-list .bulk-operation.bulk-operation-success .operation-icon{background:#10b981}.bulk-operations .bulk-operations-menu .operations-list .bulk-operation.bulk-operation-danger .operation-icon{background:#ef4444}.bulk-operations .bulk-operations-menu .operations-list .bulk-operation.bulk-operation-secondary .operation-icon{background:#6b7280}.bulk-operations .bulk-operations-menu .no-operations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#6b7280}.bulk-operations .bulk-operations-menu .no-operations p{margin:.5rem 0 0;font-size:.875rem}.bulk-operations .bulk-processing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;border-radius:.75rem}.bulk-operations .bulk-processing-overlay .processing-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.bulk-operations .bulk-processing-overlay .processing-content .spinner{width:2rem;height:2rem;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.bulk-operations .bulk-processing-overlay .processing-content p{margin:0;font-size:.875rem;color:#374151;font-weight:500}@media (max-width: 768px){.bulk-operations .bulk-selection-summary{flex-direction:column;gap:1rem;align-items:stretch}.bulk-operations .bulk-selection-summary .selection-controls{justify-content:space-between}.bulk-operations .bulk-operations-menu .operations-list{grid-template-columns:1fr}}.bulk-selectable-list .selectable-items{display:flex;flex-direction:column;gap:.5rem}.bulk-selectable-list .selectable-items .selectable-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s}.bulk-selectable-list .selectable-items .selectable-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.bulk-selectable-list .selectable-items .selectable-item.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 1px #3b82f6}.bulk-selectable-list .selectable-items .selectable-item .item-selection{flex-shrink:0;padding-top:.25rem}.bulk-selectable-list .selectable-items .selectable-item .item-selection .item-checkbox-label{display:flex;align-items:center;cursor:pointer}.bulk-selectable-list .selectable-items .selectable-item .item-selection .item-checkbox-label .item-checkbox{display:none}.bulk-selectable-list .selectable-items .selectable-item .item-selection .item-checkbox-label .item-checkbox:checked+.checkbox-custom{background:#3b82f6;border-color:#3b82f6;color:#fff}.bulk-selectable-list .selectable-items .selectable-item .item-selection .item-checkbox-label .checkbox-custom{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:2px solid #d1d5db;border-radius:.25rem;background:#fff;transition:all .2s}.bulk-selectable-list .selectable-items .selectable-item .item-selection .item-checkbox-label .checkbox-custom:hover{border-color:#9ca3af}.bulk-selectable-list .selectable-items .selectable-item .item-content{flex:1;min-width:0}.bulk-selectable-list .empty-state{display:flex;align-items:center;justify-content:center;padding:3rem;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem}.bulk-selectable-list .empty-state p{margin:0;color:#6b7280;font-size:1rem}@media (max-width: 768px){.bulk-selectable-list .selectable-items .selectable-item{padding:.75rem;gap:.75rem}.bulk-selectable-list .selectable-items .selectable-item .item-selection{padding-top:0}}.file-management{padding:2rem;max-width:1200px;margin:0 auto}.file-management .file-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.file-management .file-header .page-title{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.file-management .file-header .page-subtitle{font-size:1rem;color:#6b7280;margin:0}.file-management .file-header .view-controls{display:flex;gap:.5rem;background:#f3f4f6;border-radius:.5rem;padding:.25rem}.file-management .file-header .view-controls .view-btn{padding:.5rem;border-radius:.375rem;background:transparent;border:none;color:#6b7280;cursor:pointer;transition:all .2s}.file-management .file-header .view-controls .view-btn:hover{color:#374151}.file-management .file-header .view-controls .view-btn.active{background:#fff;color:#111827;box-shadow:0 1px 2px #0000000d}.file-management .file-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.file-management .file-stats .stat-item{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;text-align:center}.file-management .file-stats .stat-item .stat-value{display:block;font-size:2rem;font-weight:700;color:#111827;margin-bottom:.5rem}.file-management .file-stats .stat-item .stat-label{font-size:.875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.file-management .upload-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.file-management .upload-section h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1rem}.file-management .filters-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.file-management .filters-section .filters-row{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;align-items:end}@media (max-width: 768px){.file-management .filters-section .filters-row{grid-template-columns:1fr;gap:1rem}}.file-management .filters-section .filter-group{display:flex;flex-direction:column;gap:.5rem}.file-management .filters-section .filter-group label{font-size:.875rem;font-weight:500;color:#374151}.file-management .filters-section .filter-group .search-input-wrapper{position:relative}.file-management .filters-section .filter-group .search-input-wrapper .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:1rem;height:1rem}.file-management .filters-section .filter-group .search-input-wrapper .form-input{padding-left:2.5rem}.file-management .files-section .files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.file-management .files-section .files-list{display:flex;flex-direction:column;gap:1rem}.file-management .files-section .files-list .file-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s}.file-management .files-section .files-list .file-item:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#d1d5db}.file-management .files-section .files-list .file-item .file-preview{width:60px;height:60px;border-radius:.375rem;overflow:hidden;background:#f9fafb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-management .files-section .files-list .file-item .file-preview .file-image{width:100%;height:100%;object-fit:cover}.file-management .files-section .files-list .file-item .file-preview .file-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.file-management .files-section .files-list .file-item .file-info{flex:1;min-width:0}.file-management .files-section .files-list .file-item .file-info .file-name{font-size:.875rem;font-weight:600;color:#111827;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-management .files-section .files-list .file-item .file-info .file-size{font-size:.75rem;color:#6b7280;margin:0 0 .25rem}.file-management .files-section .files-list .file-item .file-info .file-description{font-size:.75rem;color:#9ca3af;margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-management .files-section .files-list .file-item .file-info .file-meta{display:flex;gap:1rem;font-size:.75rem;color:#9ca3af}.file-management .files-section .files-list .file-item .file-info .file-meta span{display:flex;align-items:center;gap:.25rem}.file-management .files-section .files-list .file-item .file-actions{display:flex;gap:.5rem;flex-shrink:0}.file-management .files-section .files-list .file-item .file-actions .file-action-btn{padding:.5rem;border-radius:.375rem;background:#f9fafb;border:1px solid #e5e7eb;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.file-management .files-section .files-list .file-item .file-actions .file-action-btn:hover{background:#f3f4f6;color:#374151}.file-management .files-section .files-list .file-item .file-actions .file-action-btn.file-action-delete{color:#dc2626}.file-management .files-section .files-list .file-item .file-actions .file-action-btn.file-action-delete:hover{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.file-management .files-section .file-item{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:all .2s;position:relative}.file-management .files-section .file-item:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#d1d5db}.file-management .files-section .file-item .file-preview{width:100%;height:150px;margin-bottom:1rem;border-radius:.5rem;overflow:hidden;background:#f9fafb;display:flex;align-items:center;justify-content:center}.file-management .files-section .file-item .file-preview .file-image{width:100%;height:100%;object-fit:cover}.file-management .files-section .file-item .file-preview .file-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.file-management .files-section .file-item .file-info .file-name{font-size:.875rem;font-weight:600;color:#111827;margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-management .files-section .file-item .file-info .file-size{font-size:.75rem;color:#6b7280;margin:0 0 .5rem}.file-management .files-section .file-item .file-info .file-description{font-size:.75rem;color:#9ca3af;margin:0 0 .75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-management .files-section .file-item .file-info .file-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:#9ca3af}.file-management .files-section .file-item .file-info .file-meta span{display:flex;align-items:center;gap:.25rem}.file-management .files-section .file-item .file-actions{position:absolute;top:1rem;right:1rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.file-management .files-section .file-item .file-actions .file-action-btn{padding:.5rem;border-radius:.375rem;background:#ffffffe6;border:1px solid #e5e7eb;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.file-management .files-section .file-item .file-actions .file-action-btn:hover{background:#fff;color:#374151;border-color:#d1d5db}.file-management .files-section .file-item .file-actions .file-action-btn.file-action-delete{color:#dc2626}.file-management .files-section .file-item .file-actions .file-action-btn.file-action-delete:hover{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.file-management .files-section .file-item:hover .file-actions{opacity:1}.file-management .files-section .load-more{text-align:center;margin-top:2rem}.file-management .loading-state,.file-management .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.file-management .loading-state .spinner,.file-management .empty-state .spinner{animation:spin 1s linear infinite}.file-management .loading-state .empty-icon,.file-management .empty-state .empty-icon{width:4rem;height:4rem;color:#9ca3af;margin-bottom:1rem}.file-management .loading-state h3,.file-management .empty-state h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.file-management .loading-state p,.file-management .empty-state p{color:#6b7280;margin:0}@media (max-width: 768px){.file-management{padding:1rem}.file-management .file-header{flex-direction:column;align-items:flex-start;gap:1rem}.file-management .file-header .view-controls{align-self:flex-end}.file-management .file-stats{grid-template-columns:1fr}.file-management .files-section .files-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.file-management .files-section .files-list .file-item{flex-direction:column;align-items:flex-start;text-align:left}.file-management .files-section .files-list .file-item .file-preview{width:100%;height:120px}.file-management .files-section .files-list .file-item .file-actions{position:static;opacity:1;margin-top:1rem;align-self:flex-end}}.advanced-search{position:relative;width:100%;max-width:800px;margin:0 auto}.advanced-search .search-input-container{display:flex;gap:1rem;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;padding:.75rem;transition:all .2s}.advanced-search .search-input-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.advanced-search .search-input-container .search-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.advanced-search .search-input-container .search-input-wrapper .search-icon{position:absolute;left:.75rem;color:#9ca3af;width:1.25rem;height:1.25rem;z-index:1}.advanced-search .search-input-container .search-input-wrapper .search-input{width:100%;padding:.75rem .75rem .75rem 3rem;border:none;outline:none;font-size:1rem;background:transparent}.advanced-search .search-input-container .search-input-wrapper .search-input::placeholder{color:#9ca3af}.advanced-search .search-input-container .search-input-wrapper .clear-button{position:absolute;right:.75rem;padding:.25rem;background:#f3f4f6;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;transition:all .2s}.advanced-search .search-input-container .search-input-wrapper .clear-button:hover{background:#e5e7eb;color:#374151}.advanced-search .search-input-container .search-actions{display:flex;gap:.5rem;align-items:center}.advanced-search .search-input-container .search-actions .filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s}.advanced-search .search-input-container .search-actions .filter-toggle:hover{background:#f3f4f6;border-color:#d1d5db}.advanced-search .search-input-container .search-actions .filter-toggle.active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.advanced-search .search-input-container .search-actions .preset-menu{position:relative}.advanced-search .search-input-container .search-actions .preset-menu .preset-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s}.advanced-search .search-input-container .search-actions .preset-menu .preset-button:hover{background:#f3f4f6;border-color:#d1d5db}.advanced-search .search-input-container .search-actions .preset-menu .preset-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;min-width:300px;z-index:50}.advanced-search .search-input-container .search-actions .preset-menu .preset-dropdown .preset-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb}.advanced-search .search-input-container .search-actions .preset-menu .preset-dropdown .preset-header h4{margin:0;font-size:1rem;font-weight:600;color:#111827}.advanced-search .search-input-container .search-actions .preset-menu .preset-dropdown .preset-header .preset-save{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.75rem;cursor:pointer;transition:all .2s}.advanced-search .search-input-container .search-actions .preset-menu .preset-dropdown .preset-header .preset-save:hover:not(:disabled){background:#2563eb}.advanced-search .search-input-container .search-actions .preset-menu .preset-dropdown .preset-header .preset-save:disabled{background:#9ca3af;cursor:not-allowed}.advanced-search .search-input-container .search-actions .preset-menu .preset-dropdown .preset-list{max-height:300px;overflow-y:auto}.advanced-search .search-input-container .search-actions .preset-menu .preset-dropdown .preset-list .preset-item{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;transition:background .2s}.advanced-search .search-input-container .search-actions .preset-menu .preset-dropdown .preset-list .preset-item:hover{background:#f9fafb}.advanced-search .search-input-container .search-actions .preset-menu .preset-dropdown .preset-list .preset-item:last-child{border-bottom:none}.advanced-search .search-input-container .search-actions .preset-menu .preset-dropdown .preset-list .preset-item .preset-info{flex:1;cursor:pointer}.advanced-search .search-input-container .search-actions .preset-menu .preset-dropdown .preset-list .preset-item .preset-info h5{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#111827}.advanced-search .search-input-container .search-actions .preset-menu .preset-dropdown .preset-list .preset-item .preset-info p{margin:0 0 .25rem;font-size:.75rem;color:#6b7280}.advanced-search .search-input-container .search-actions .preset-menu .preset-dropdown .preset-list .preset-item .preset-info .preset-count{font-size:.75rem;color:#9ca3af}.advanced-search .search-input-container .search-actions .preset-menu .preset-dropdown .preset-list .preset-item .preset-delete{padding:.25rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;color:#dc2626;cursor:pointer;transition:all .2s}.advanced-search .search-input-container .search-actions .preset-menu .preset-dropdown .preset-list .preset-item .preset-delete:hover{background:#fee2e2;border-color:#fca5a5}.advanced-search .search-input-container .search-actions .search-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.advanced-search .search-input-container .search-actions .search-button:hover:not(:disabled){background:#2563eb}.advanced-search .search-input-container .search-actions .search-button:disabled{background:#9ca3af;cursor:not-allowed}.advanced-search .search-input-container .search-actions .search-button .spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.advanced-search .suggestions-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;z-index:40}.advanced-search .suggestions-dropdown .suggestion-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s}.advanced-search .suggestions-dropdown .suggestion-item:hover{background:#f9fafb}.advanced-search .suggestions-dropdown .suggestion-item:first-child{border-radius:.75rem .75rem 0 0}.advanced-search .suggestions-dropdown .suggestion-item:last-child{border-radius:0 0 .75rem .75rem}.advanced-search .suggestions-dropdown .suggestion-item span{color:#374151;font-size:.875rem}.advanced-search .filters-panel{margin-top:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.advanced-search .filters-panel .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.advanced-search .filters-panel .filters-header h4{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.advanced-search .filters-panel .filters-header .add-filter-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s}.advanced-search .filters-panel .filters-header .add-filter-button:hover{background:#059669}.advanced-search .filters-panel .filters-list{display:flex;flex-direction:column;gap:1rem}.advanced-search .filters-panel .filters-list .filter-item{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:.75rem;align-items:center;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem}.advanced-search .filters-panel .filters-list .filter-item .filter-field select,.advanced-search .filters-panel .filters-list .filter-item .filter-field input,.advanced-search .filters-panel .filters-list .filter-item .filter-operator select,.advanced-search .filters-panel .filters-list .filter-item .filter-operator input,.advanced-search .filters-panel .filters-list .filter-item .filter-value select,.advanced-search .filters-panel .filters-list .filter-item .filter-value input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff}.advanced-search .filters-panel .filters-list .filter-item .filter-field select:focus,.advanced-search .filters-panel .filters-list .filter-item .filter-field input:focus,.advanced-search .filters-panel .filters-list .filter-item .filter-operator select:focus,.advanced-search .filters-panel .filters-list .filter-item .filter-operator input:focus,.advanced-search .filters-panel .filters-list .filter-item .filter-value select:focus,.advanced-search .filters-panel .filters-list .filter-item .filter-value input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.advanced-search .filters-panel .filters-list .filter-item .remove-filter-button{padding:.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;color:#dc2626;cursor:pointer;transition:all .2s}.advanced-search .filters-panel .filters-list .filter-item .remove-filter-button:hover{background:#fee2e2;border-color:#fca5a5}.advanced-search .filters-panel .no-filters{text-align:center;padding:2rem;color:#6b7280}.advanced-search .filters-panel .no-filters p{margin:0;font-size:.875rem}@media (max-width: 768px){.advanced-search .search-input-container{flex-direction:column;gap:.75rem}.advanced-search .search-input-container .search-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.advanced-search .filters-panel .filters-list .filter-item{grid-template-columns:1fr;gap:.5rem}}.search-results .results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.search-results .results-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.search-results .results-header .results-count{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.25rem .75rem;border-radius:9999px}.search-results .results-list{display:flex;flex-direction:column;gap:1rem}.search-results .results-list .result-item{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;cursor:pointer;transition:all .2s;position:relative}.search-results .results-list .result-item:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#d1d5db;transform:translateY(-1px)}.search-results .results-list .result-item .result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.search-results .results-list .result-item .result-header .result-type{display:flex;align-items:center;gap:.5rem}.search-results .results-list .result-item .result-header .result-type .type-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.search-results .results-list .result-item .result-header .result-score{display:flex;flex-direction:column;align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;padding:.5rem .75rem}.search-results .results-list .result-item .result-header .result-score .score-value{font-size:.875rem;font-weight:700;color:#0369a1}.search-results .results-list .result-item .result-header .result-score .score-label{font-size:.625rem;color:#0284c7;text-transform:uppercase;letter-spacing:.05em}.search-results .results-list .result-item .result-content .result-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem;line-height:1.4}.search-results .results-list .result-item .result-content .result-description{font-size:.875rem;color:#6b7280;margin:0 0 1rem;line-height:1.5}.search-results .results-list .result-item .result-content .result-metadata{display:flex;flex-wrap:wrap;gap:1rem}.search-results .results-list .result-item .result-content .result-metadata .metadata-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem}.search-results .results-list .result-item .result-content .result-metadata .metadata-item .metadata-label{color:#6b7280;font-weight:500}.search-results .results-list .result-item .result-content .result-metadata .metadata-item .metadata-value{color:#374151;font-weight:600}.search-results .results-list .result-item .result-content .result-metadata .metadata-item.status-pending .metadata-value{color:#d97706;background:#fef3c7;padding:.125rem .375rem;border-radius:.25rem}.search-results .results-list .result-item .result-content .result-metadata .metadata-item.status-approved .metadata-value{color:#059669;background:#d1fae5;padding:.125rem .375rem;border-radius:.25rem}.search-results .results-list .result-item .result-content .result-metadata .metadata-item.status-rejected .metadata-value{color:#dc2626;background:#fee2e2;padding:.125rem .375rem;border-radius:.25rem}.search-results .results-list .result-item .result-content .result-metadata .metadata-item.status-active .metadata-value{color:#059669;background:#d1fae5;padding:.125rem .375rem;border-radius:.25rem}.search-results .results-list .result-item .result-content .result-metadata .metadata-item.status-inactive .metadata-value{color:#6b7280;background:#f3f4f6;padding:.125rem .375rem;border-radius:.25rem}.search-results .results-list .result-item .result-actions{position:absolute;top:1rem;right:1rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.search-results .results-list .result-item .result-actions .action-button{padding:.5rem;background:#ffffffe6;border:1px solid #e5e7eb;border-radius:.375rem;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.search-results .results-list .result-item .result-actions .action-button:hover{background:#fff;color:#374151;border-color:#d1d5db;box-shadow:0 1px 2px #0000000d}.search-results .results-list .result-item:hover .result-actions{opacity:1}.search-results .loading-state,.search-results .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.search-results .loading-state .spinner,.search-results .empty-state .spinner{width:2rem;height:2rem;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.search-results .loading-state .empty-icon,.search-results .empty-state .empty-icon{width:4rem;height:4rem;color:#9ca3af;margin-bottom:1rem}.search-results .loading-state h3,.search-results .empty-state h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.search-results .loading-state p,.search-results .empty-state p{color:#6b7280;margin:0}@media (max-width: 768px){.search-results .results-header{flex-direction:column;align-items:flex-start;gap:.5rem}.search-results .results-list .result-item{padding:1rem}.search-results .results-list .result-item .result-header{flex-direction:column;align-items:flex-start;gap:.75rem}.search-results .results-list .result-item .result-metadata{flex-direction:column;gap:.5rem}.search-results .results-list .result-item .result-actions{position:static;opacity:1;margin-top:1rem;justify-content:flex-end}}.global-search{padding:2rem;max-width:1200px;margin:0 auto}.global-search .search-header{margin-bottom:2rem}.global-search .search-header .page-title{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.global-search .search-header .page-subtitle{font-size:1rem;color:#6b7280;margin:0}.global-search .search-container .empty-state{display:flex;align-items:center;justify-content:center;padding:3rem;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem}.global-search .search-container .empty-state p{color:#6b7280;margin:0;font-size:1rem}@media (max-width: 768px){.global-search{padding:1rem}.global-search .search-header .page-title{font-size:1.5rem}}.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-top:1rem}.pagination .pagination-items-per-page{display:flex;align-items:center;gap:.5rem}.pagination .pagination-items-per-page label{font-size:.875rem;color:#374151;font-weight:500}.pagination .pagination-items-per-page .pagination-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s}.pagination .pagination-items-per-page .pagination-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pagination .pagination-items-per-page .pagination-select:hover{border-color:#9ca3af}.pagination .pagination-info{font-size:.875rem;color:#6b7280;font-weight:500}.pagination .pagination-controls,.pagination .pagination-controls .pagination-pages{display:flex;align-items:center;gap:.25rem}.pagination .pagination-controls .pagination-button{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.pagination .pagination-controls .pagination-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#111827}.pagination .pagination-controls .pagination-button:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pagination .pagination-controls .pagination-button:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.pagination .pagination-controls .pagination-button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.pagination .pagination-controls .pagination-button.active:hover{background:#2563eb;border-color:#2563eb}.pagination .pagination-controls .pagination-button.pagination-button-page,.pagination .pagination-controls .pagination-button.pagination-button-first,.pagination .pagination-controls .pagination-button.pagination-button-last,.pagination .pagination-controls .pagination-button.pagination-button-prev,.pagination .pagination-controls .pagination-button.pagination-button-next{min-width:2.5rem}.pagination .pagination-controls .pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;color:#9ca3af;font-size:.875rem;font-weight:500}.pagination .pagination-jump{display:flex;align-items:center;gap:.5rem}.pagination .pagination-jump label{font-size:.875rem;color:#374151;font-weight:500}.pagination .pagination-jump .pagination-input{width:4rem;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;text-align:center;font-size:.875rem;color:#374151;transition:all .2s}.pagination .pagination-jump .pagination-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pagination .pagination-jump .pagination-input:hover{border-color:#9ca3af}@media (max-width: 768px){.pagination{flex-direction:column;gap:1rem;align-items:stretch}.pagination .pagination-items-per-page,.pagination .pagination-info,.pagination .pagination-jump{justify-content:center}.pagination .pagination-controls{justify-content:center;flex-wrap:wrap}}@media (max-width: 640px){.pagination .pagination-controls .pagination-pages .pagination-button{min-width:2rem;height:2rem;font-size:.75rem}.pagination .pagination-controls .pagination-button{min-width:2rem;height:2rem}.pagination .pagination-controls .pagination-button.pagination-button-first,.pagination .pagination-controls .pagination-button.pagination-button-last,.pagination .pagination-controls .pagination-button.pagination-button-prev,.pagination .pagination-controls .pagination-button.pagination-button-next{min-width:2rem}.pagination .pagination-controls .pagination-ellipsis{min-width:2rem;height:2rem;font-size:.75rem}}@media (prefers-color-scheme: dark){.pagination{background:#1f2937;border-color:#374151}.pagination .pagination-items-per-page label,.pagination .pagination-jump label{color:#d1d5db}.pagination .pagination-items-per-page .pagination-select,.pagination .pagination-items-per-page .pagination-input,.pagination .pagination-jump .pagination-select,.pagination .pagination-jump .pagination-input{background:#374151;border-color:#4b5563;color:#d1d5db}.pagination .pagination-items-per-page .pagination-select:focus,.pagination .pagination-items-per-page .pagination-input:focus,.pagination .pagination-jump .pagination-select:focus,.pagination .pagination-jump .pagination-input:focus{border-color:#3b82f6}.pagination .pagination-items-per-page .pagination-select:hover,.pagination .pagination-items-per-page .pagination-input:hover,.pagination .pagination-jump .pagination-select:hover,.pagination .pagination-jump .pagination-input:hover{border-color:#6b7280}.pagination .pagination-info{color:#9ca3af}.pagination .pagination-button{background:#374151;border-color:#4b5563;color:#d1d5db}.pagination .pagination-button:hover:not(:disabled){background:#4b5563;border-color:#6b7280;color:#f9fafb}.pagination .pagination-button:disabled{background:#1f2937;color:#6b7280;border-color:#374151}.pagination .pagination-button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.pagination .pagination-ellipsis{color:#6b7280}}.paginated-list .paginated-list-content{min-height:200px}.paginated-list .paginated-list-item{margin-bottom:1rem}.paginated-list .paginated-list-item:last-child{margin-bottom:0}.paginated-list .paginated-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.paginated-list .paginated-list-loading .loading-spinner{width:2rem;height:2rem;color:#3b82f6;animation:spin 1s linear infinite;margin-bottom:1rem}.paginated-list .paginated-list-loading p{color:#6b7280;margin:0;font-size:1rem}.paginated-list .paginated-list-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.paginated-list .paginated-list-error .error-icon{font-size:3rem;margin-bottom:1rem}.paginated-list .paginated-list-error h3{color:#dc2626;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.paginated-list .paginated-list-error p{color:#6b7280;margin:0 0 1.5rem;font-size:1rem}.paginated-list .paginated-list-error .retry-button{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.paginated-list .paginated-list-error .retry-button:hover{background:#2563eb}.paginated-list .paginated-list-error .retry-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.paginated-list .paginated-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.paginated-list .paginated-list-empty .empty-icon{font-size:3rem;margin-bottom:1rem}.paginated-list .paginated-list-empty h3{color:#374151;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.paginated-list .paginated-list-empty p{color:#6b7280;margin:0;font-size:1rem}@media (max-width: 768px){.paginated-list .paginated-list-loading,.paginated-list .paginated-list-error,.paginated-list .paginated-list-empty{padding:2rem 1rem}}.audit-log-viewer{padding:2rem;max-width:1200px;margin:0 auto}.audit-log-viewer .audit-header{margin-bottom:2rem}.audit-log-viewer .audit-header .page-title{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#111827}.audit-log-viewer .audit-header .page-description{margin:0;font-size:1rem;color:#6b7280}.audit-log-viewer .loading-spinner{display:flex;align-items:center;justify-content:center;padding:3rem;font-size:1.125rem;color:#6b7280}.audit-log-viewer .error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:.5rem;text-align:center}.audit-log-viewer .stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.audit-log-viewer .stats-overview .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s}.audit-log-viewer .stats-overview .stat-card:hover{box-shadow:0 4px 6px -1px #0000001a}.audit-log-viewer .stats-overview .stat-card .stat-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#f3f4f6;border-radius:.75rem;color:#6b7280}.audit-log-viewer .stats-overview .stat-card .stat-content h3{margin:0 0 .25rem;font-size:.875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.audit-log-viewer .stats-overview .stat-card .stat-content p{margin:0;font-size:1.5rem;font-weight:700;color:#111827}.audit-log-viewer .filters-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:2rem;overflow:hidden}.audit-log-viewer .filters-section .filters-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #f3f4f6}.audit-log-viewer .filters-section .filters-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.audit-log-viewer .filters-section .filters-header .filter-actions{display:flex;gap:.75rem}.audit-log-viewer .filters-section .filters-header .filter-actions .filter-toggle,.audit-log-viewer .filters-section .filters-header .filter-actions .export-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.audit-log-viewer .filters-section .filters-header .filter-actions .filter-toggle:hover,.audit-log-viewer .filters-section .filters-header .filter-actions .export-button:hover{background:#f9fafb;border-color:#9ca3af}.audit-log-viewer .filters-section .filters-header .filter-actions .export-button{background:#3b82f6;color:#fff;border-color:#3b82f6}.audit-log-viewer .filters-section .filters-header .filter-actions .export-button:hover{background:#2563eb;border-color:#2563eb}.audit-log-viewer .filters-section .filters-content{padding:1.5rem}.audit-log-viewer .filters-section .filters-content .filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.audit-log-viewer .filters-section .filters-content .filter-row:last-child{margin-bottom:0}.audit-log-viewer .filters-section .filters-content .filter-group{display:flex;flex-direction:column;gap:.5rem}.audit-log-viewer .filters-section .filters-content .filter-group label{font-size:.875rem;font-weight:500;color:#374151}.audit-log-viewer .filters-section .filters-content .filter-group .form-input,.audit-log-viewer .filters-section .filters-content .filter-group .form-select{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;font-size:.875rem;color:#374151}.audit-log-viewer .filters-section .filters-content .filter-group .form-input:focus,.audit-log-viewer .filters-section .filters-content .filter-group .form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.audit-log-viewer .filters-section .filters-content .filter-group .search-input-wrapper{position:relative}.audit-log-viewer .filters-section .filters-content .filter-group .search-input-wrapper .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:1rem;height:1rem}.audit-log-viewer .filters-section .filters-content .filter-group .search-input-wrapper .form-input{padding-left:2.5rem}.audit-log-viewer .filters-section .filters-content .filter-group .clear-filters-button{padding:.75rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.audit-log-viewer .filters-section .filters-content .filter-group .clear-filters-button:hover{background:#e5e7eb}.audit-log-viewer .audit-logs-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}.audit-log-viewer .audit-logs-section .audit-log-item{padding:1.5rem;border-bottom:1px solid #f3f4f6;transition:background .2s}.audit-log-viewer .audit-logs-section .audit-log-item:last-child{border-bottom:none}.audit-log-viewer .audit-logs-section .audit-log-item:hover{background:#f9fafb}.audit-log-viewer .audit-logs-section .audit-log-item .log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.audit-log-viewer .audit-logs-section .audit-log-item .log-header .log-action{display:flex;align-items:center;gap:.75rem}.audit-log-viewer .audit-logs-section .audit-log-item .log-header .log-action .action-badge{padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.audit-log-viewer .audit-logs-section .audit-log-item .log-header .log-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#6b7280}.audit-log-viewer .audit-logs-section .audit-log-item .log-header .log-meta .log-time,.audit-log-viewer .audit-logs-section .audit-log-item .log-header .log-meta .log-resource{display:flex;align-items:center;gap:.25rem}.audit-log-viewer .audit-logs-section .audit-log-item .log-content{margin-bottom:1rem}.audit-log-viewer .audit-logs-section .audit-log-item .log-content .log-description{margin:0 0 .75rem;font-size:1rem;color:#111827;line-height:1.5}.audit-log-viewer .audit-logs-section .audit-log-item .log-content .log-user{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.audit-log-viewer .audit-logs-section .audit-log-item .log-content .log-user .user-email{color:#9ca3af}.audit-log-viewer .audit-logs-section .audit-log-item .log-changes{margin-bottom:1rem}.audit-log-viewer .audit-logs-section .audit-log-item .log-changes h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#374151}.audit-log-viewer .audit-logs-section .audit-log-item .log-changes .changes-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem}.audit-log-viewer .audit-logs-section .audit-log-item .log-changes .changes-list .change-item{display:flex;gap:.5rem;margin-bottom:.25rem;font-size:.875rem}.audit-log-viewer .audit-logs-section .audit-log-item .log-changes .changes-list .change-item:last-child{margin-bottom:0}.audit-log-viewer .audit-logs-section .audit-log-item .log-changes .changes-list .change-item .change-key{font-weight:500;color:#374151;min-width:100px}.audit-log-viewer .audit-logs-section .audit-log-item .log-changes .changes-list .change-item .change-value{color:#6b7280;font-family:Courier New,monospace}.audit-log-viewer .audit-logs-section .audit-log-item .log-metadata h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#374151}.audit-log-viewer .audit-logs-section .audit-log-item .log-metadata .metadata-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;font-size:.75rem;color:#6b7280;overflow-x:auto;margin:0}@media (max-width: 768px){.audit-log-viewer{padding:1rem}.audit-log-viewer .stats-overview,.audit-log-viewer .filters-section .filters-content .filter-row{grid-template-columns:1fr}.audit-log-viewer .audit-logs-section .audit-log-item .log-header{flex-direction:column;align-items:flex-start;gap:.75rem}.audit-log-viewer .audit-logs-section .audit-log-item .log-header .log-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}.email-notification-settings{padding:2rem;max-width:1000px;margin:0 auto}.email-notification-settings .settings-header{margin-bottom:2rem}.email-notification-settings .settings-header .page-title{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#111827}.email-notification-settings .settings-header .page-description{margin:0;font-size:1rem;color:#6b7280}.email-notification-settings .loading-spinner{display:flex;align-items:center;justify-content:center;padding:3rem;font-size:1.125rem;color:#6b7280}.email-notification-settings .alert{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:.5rem;margin-bottom:2rem}.email-notification-settings .alert.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.email-notification-settings .alert.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.email-notification-settings .alert .close-alert-btn{background:none;border:none;color:inherit;cursor:pointer;padding:.25rem;border-radius:.25rem}.email-notification-settings .alert .close-alert-btn:hover{background:#0000001a}.email-notification-settings .tab-navigation{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid #e5e7eb}.email-notification-settings .tab-navigation .tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.email-notification-settings .tab-navigation .tab-button:hover{color:#374151;background:#f9fafb}.email-notification-settings .tab-navigation .tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#eff6ff}.email-notification-settings .settings-tab .settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}.email-notification-settings .settings-tab .settings-section .section-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #f3f4f6}.email-notification-settings .settings-tab .settings-section .section-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.email-notification-settings .settings-tab .settings-section .section-header .section-actions{display:flex;gap:.75rem}.email-notification-settings .settings-tab .settings-section .section-header .section-actions .test-email-button,.email-notification-settings .settings-tab .settings-section .section-header .section-actions .save-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.email-notification-settings .settings-tab .settings-section .section-header .section-actions .test-email-button:hover:not(:disabled),.email-notification-settings .settings-tab .settings-section .section-header .section-actions .save-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.email-notification-settings .settings-tab .settings-section .section-header .section-actions .test-email-button:disabled,.email-notification-settings .settings-tab .settings-section .section-header .section-actions .save-button:disabled{opacity:.5;cursor:not-allowed}.email-notification-settings .settings-tab .settings-section .section-header .section-actions .test-email-button .spinner,.email-notification-settings .settings-tab .settings-section .section-header .section-actions .save-button .spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.email-notification-settings .settings-tab .settings-section .section-header .section-actions .save-button{background:#3b82f6;color:#fff;border-color:#3b82f6}.email-notification-settings .settings-tab .settings-section .section-header .section-actions .save-button:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.email-notification-settings .settings-tab .settings-section .settings-list .setting-item{padding:1.5rem;border-bottom:1px solid #f3f4f6}.email-notification-settings .settings-tab .settings-section .settings-list .setting-item:last-child{border-bottom:none}.email-notification-settings .settings-tab .settings-section .settings-list .setting-item .setting-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.email-notification-settings .settings-tab .settings-section .settings-list .setting-item .setting-header .setting-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#f3f4f6;border-radius:.5rem}.email-notification-settings .settings-tab .settings-section .settings-list .setting-item .setting-header .setting-info{flex:1}.email-notification-settings .settings-tab .settings-section .settings-list .setting-item .setting-header .setting-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#111827}.email-notification-settings .settings-tab .settings-section .settings-list .setting-item .setting-header .setting-info p{margin:0;font-size:.875rem;color:#6b7280}.email-notification-settings .settings-tab .settings-section .settings-list .setting-item .setting-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.email-notification-settings .settings-tab .settings-section .settings-list .setting-item .setting-controls .control-group{display:flex;flex-direction:column;gap:.5rem}.email-notification-settings .settings-tab .settings-section .settings-list .setting-item .setting-controls .control-group .control-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer}.email-notification-settings .settings-tab .settings-section .settings-list .setting-item .setting-controls .control-group .control-label input[type=checkbox]{margin:0}.email-notification-settings .settings-tab .settings-section .settings-list .setting-item .setting-controls .control-group .frequency-select,.email-notification-settings .settings-tab .settings-section .settings-list .setting-item .setting-controls .control-group .time-input{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;font-size:.875rem;color:#374151}.email-notification-settings .settings-tab .settings-section .settings-list .setting-item .setting-controls .control-group .frequency-select:focus,.email-notification-settings .settings-tab .settings-section .settings-list .setting-item .setting-controls .control-group .time-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.email-notification-settings .settings-tab .settings-section .settings-list .setting-item .setting-controls .control-group .frequency-select:disabled,.email-notification-settings .settings-tab .settings-section .settings-list .setting-item .setting-controls .control-group .time-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.email-notification-settings .history-tab .history-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.email-notification-settings .history-tab .history-section h3{margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;color:#111827}.email-notification-settings .history-tab .history-section .history-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#6b7280}.email-notification-settings .history-tab .history-section .history-list .empty-state p{margin:1rem 0 0;font-size:1rem}.email-notification-settings .history-tab .history-section .history-list .history-item{padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem}.email-notification-settings .history-tab .history-section .history-list .history-item:last-child{margin-bottom:0}.email-notification-settings .history-tab .history-section .history-list .history-item .history-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.email-notification-settings .history-tab .history-section .history-list .history-item .history-header .history-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#f3f4f6;border-radius:.375rem}.email-notification-settings .history-tab .history-section .history-list .history-item .history-header .history-info{flex:1}.email-notification-settings .history-tab .history-section .history-list .history-item .history-header .history-info h4{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#111827}.email-notification-settings .history-tab .history-section .history-list .history-item .history-header .history-info p{margin:0;font-size:.75rem;color:#6b7280}.email-notification-settings .history-tab .history-section .history-list .history-item .history-header .history-status .status-badge{padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.email-notification-settings .history-tab .history-section .history-list .history-item .history-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#6b7280}.email-notification-settings .history-tab .history-section .history-list .history-item .history-meta .history-error{color:#dc2626}.email-notification-settings .stats-tab .stats-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.email-notification-settings .stats-tab .stats-section h3{margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;color:#111827}.email-notification-settings .stats-tab .stats-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.email-notification-settings .stats-tab .stats-section .stats-grid .stat-card{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.email-notification-settings .stats-tab .stats-section .stats-grid .stat-card .stat-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.email-notification-settings .stats-tab .stats-section .stats-grid .stat-card .stat-header .stat-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#f3f4f6;border-radius:.375rem}.email-notification-settings .stats-tab .stats-section .stats-grid .stat-card .stat-header h4{margin:0;font-size:.875rem;font-weight:600;color:#111827}.email-notification-settings .stats-tab .stats-section .stats-grid .stat-card .stat-content .stat-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.email-notification-settings .stats-tab .stats-section .stats-grid .stat-card .stat-content .stat-item:last-child{margin-bottom:0}.email-notification-settings .stats-tab .stats-section .stats-grid .stat-card .stat-content .stat-item .stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.email-notification-settings .stats-tab .stats-section .stats-grid .stat-card .stat-content .stat-item .stat-value{font-size:.875rem;font-weight:600;color:#111827}.email-notification-settings .stats-tab .stats-section .stats-grid .stat-card .stat-content .stat-item .stat-value.sent{color:#059669}.email-notification-settings .stats-tab .stats-section .stats-grid .stat-card .stat-content .stat-item .stat-value.failed{color:#dc2626}@media (max-width: 768px){.email-notification-settings{padding:1rem}.email-notification-settings .tab-navigation{flex-direction:column;gap:0}.email-notification-settings .tab-navigation .tab-button{border-bottom:1px solid #e5e7eb;border-radius:0}.email-notification-settings .tab-navigation .tab-button.active{border-bottom-color:#3b82f6}.email-notification-settings .settings-tab .settings-section .section-header{flex-direction:column;gap:1rem;align-items:stretch}.email-notification-settings .settings-tab .settings-section .section-header .section-actions{justify-content:stretch}.email-notification-settings .settings-tab .settings-section .section-header .section-actions .test-email-button,.email-notification-settings .settings-tab .settings-section .section-header .section-actions .save-button{flex:1;justify-content:center}.email-notification-settings .settings-tab .settings-section .settings-list .setting-item .setting-controls,.email-notification-settings .stats-tab .stats-section .stats-grid{grid-template-columns:1fr}}.request-template-management{padding:1.5rem;max-width:1400px;margin:0 auto}.request-template-management .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.request-template-management .page-header .header-content h1{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.request-template-management .page-header .header-content p{color:#6b7280;margin:0}.request-template-management .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280}.request-template-management .loading-container .loading-spinner{width:2rem;height:2rem;animation:spin 1s linear infinite;margin-bottom:1rem}.request-template-management .loading-container p{font-size:1.1rem}.request-template-management .filters-section{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.request-template-management .filters-section .search-box{position:relative;flex:1;max-width:400px}.request-template-management .filters-section .search-box .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6b7280;width:1.25rem;height:1.25rem}.request-template-management .filters-section .search-box input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem;background:#fff}.request-template-management .filters-section .search-box input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.request-template-management .filters-section .filter-group{display:flex;gap:.75rem}.request-template-management .filters-section .filter-group select{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem;background:#fff;min-width:150px}.request-template-management .filters-section .filter-group select:focus{outline:none;border-color:#6366f1}.request-template-management .templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.request-template-management .templates-grid{grid-template-columns:1fr}}.request-template-management .template-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.request-template-management .template-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.request-template-management .template-card .template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.request-template-management .template-card .template-header .template-title{flex:1}.request-template-management .template-card .template-header .template-title h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.request-template-management .template-card .template-header .template-title .template-meta{display:flex;gap:.5rem;align-items:center}.request-template-management .template-card .template-header .template-title .template-meta .priority-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:uppercase}.request-template-management .template-card .template-header .template-title .template-meta .priority-badge.priority-high{background:#ef44441a;color:#ef4444}.request-template-management .template-card .template-header .template-title .template-meta .priority-badge.priority-medium{background:#f59e0b1a;color:#f59e0b}.request-template-management .template-card .template-header .template-title .template-meta .priority-badge.priority-low{background:#10b9811a;color:#10b981}.request-template-management .template-card .template-header .template-title .template-meta .public-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#6366f11a;color:#6366f1;border-radius:.25rem;font-size:.75rem;font-weight:500}.request-template-management .template-card .template-header .template-actions{display:flex;gap:.5rem}.request-template-management .template-card .template-content .template-description{color:#6b7280;margin-bottom:1rem;line-height:1.5}.request-template-management .template-card .template-content .template-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:1rem}.request-template-management .template-card .template-content .template-details .detail-item{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem}.request-template-management .template-card .template-content .template-details .detail-item svg{width:1rem;height:1rem;color:#9ca3af}.request-template-management .template-card .template-content .template-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e5e7eb}.request-template-management .template-card .template-content .template-footer .template-category,.request-template-management .template-card .template-content .template-footer .template-usage{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem}.request-template-management .template-card .template-content .template-footer .template-category svg,.request-template-management .template-card .template-content .template-footer .template-usage svg{width:1rem;height:1rem;color:#9ca3af}.request-template-management .empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#6b7280}.request-template-management .empty-state .empty-icon{width:4rem;height:4rem;color:#9ca3af;margin-bottom:1rem}.request-template-management .empty-state h3{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .5rem}.request-template-management .empty-state p{margin:0 0 1.5rem;font-size:1.1rem}.request-template-management .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;padding:1rem}.request-template-management .modal-overlay .modal{background:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.request-template-management .modal-overlay .modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.request-template-management .modal-overlay .modal .modal-header h2{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.request-template-management .modal-overlay .modal .modal-body{padding:1.5rem}.request-template-management .modal-overlay .modal .modal-body .form-group{margin-bottom:1rem}.request-template-management .modal-overlay .modal .modal-body .form-group label{display:block;font-weight:500;color:#111827;margin-bottom:.5rem}.request-template-management .modal-overlay .modal .modal-body .form-group input,.request-template-management .modal-overlay .modal .modal-body .form-group textarea,.request-template-management .modal-overlay .modal .modal-body .form-group select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem;background:#fff}.request-template-management .modal-overlay .modal .modal-body .form-group input:focus,.request-template-management .modal-overlay .modal .modal-body .form-group textarea:focus,.request-template-management .modal-overlay .modal .modal-body .form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.request-template-management .modal-overlay .modal .modal-body .form-group textarea{resize:vertical;min-height:80px}.request-template-management .modal-overlay .modal .modal-body .form-group .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.request-template-management .modal-overlay .modal .modal-body .form-group .checkbox-label input[type=checkbox]{width:auto;margin:0}.request-template-management .modal-overlay .modal .modal-body .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.request-template-management .modal-overlay .modal .modal-body .form-row{grid-template-columns:1fr}}.request-template-management .modal-overlay .modal .modal-body .requirements-input{display:flex;gap:.5rem;margin-bottom:.75rem}.request-template-management .modal-overlay .modal .modal-body .requirements-input input{flex:1}.request-template-management .modal-overlay .modal .modal-body .requirements-list{display:flex;flex-direction:column;gap:.5rem}.request-template-management .modal-overlay .modal .modal-body .requirements-list .requirement-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#f9fafb;border-radius:.375rem;font-size:.9rem}.request-template-management .modal-overlay .modal .modal-body .requirements-list .requirement-item span{color:#111827}.request-template-management .modal-overlay .modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.request-template-management .alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1rem;font-size:.9rem}.request-template-management .alert.alert-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.request-template-management .alert.alert-success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.request-template-management .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.request-template-management .btn:disabled{opacity:.5;cursor:not-allowed}.request-template-management .btn.btn-primary{background:#6366f1;color:#fff}.request-template-management .btn.btn-primary:hover:not(:disabled){background:#4f46e5}.request-template-management .btn.btn-secondary{background:#f9fafb;color:#111827;border:1px solid #d1d5db}.request-template-management .btn.btn-secondary:hover:not(:disabled){background:#f3f4f6}.request-template-management .btn.btn-danger{background:#ef4444;color:#fff}.request-template-management .btn.btn-danger:hover:not(:disabled){background:#dc2626}.request-template-management .btn.btn-sm{padding:.25rem .5rem;font-size:.8rem}.request-template-management .text-warning{color:#f59e0b;font-size:.9rem;margin-top:.5rem}.budget-management{padding:1.5rem;max-width:1400px;margin:0 auto}.budget-management .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.budget-management .page-header .header-content h1{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.budget-management .page-header .header-content p{color:#6b7280;margin:0}.budget-management .page-header .header-actions{display:flex;gap:.75rem}.budget-management .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280}.budget-management .loading-container .loading-spinner{width:2rem;height:2rem;animation:spin 1s linear infinite;margin-bottom:1rem}.budget-management .loading-container p{font-size:1.1rem}.budget-management .filters-section{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.budget-management .filters-section .search-box{position:relative;flex:1;max-width:400px}.budget-management .filters-section .search-box .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6b7280;width:1.25rem;height:1.25rem}.budget-management .filters-section .search-box input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem;background:#fff}.budget-management .filters-section .search-box input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.budget-management .filters-section .filter-group{display:flex;gap:.75rem}.budget-management .filters-section .filter-group select{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem;background:#fff;min-width:150px}.budget-management .filters-section .filter-group select:focus{outline:none;border-color:#6366f1}.budget-management .budgets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.budget-management .budgets-grid{grid-template-columns:1fr}}.budget-management .budget-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.budget-management .budget-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.budget-management .budget-card .budget-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.budget-management .budget-card .budget-header .budget-title{flex:1}.budget-management .budget-card .budget-header .budget-title h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.budget-management .budget-card .budget-header .budget-title .budget-meta{display:flex;gap:.5rem;align-items:center}.budget-management .budget-card .budget-header .budget-title .budget-meta .status-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:uppercase}.budget-management .budget-card .budget-header .budget-title .budget-meta .status-badge.status-active{background:#10b9811a;color:#10b981}.budget-management .budget-card .budget-header .budget-title .budget-meta .status-badge.status-completed{background:#6366f11a;color:#6366f1}.budget-management .budget-card .budget-header .budget-title .budget-meta .status-badge.status-cancelled{background:#ef44441a;color:#ef4444}.budget-management .budget-card .budget-header .budget-title .budget-meta .category-badge{padding:.25rem .5rem;background:#6b72801a;color:#6b7280;border-radius:.25rem;font-size:.75rem;font-weight:500}.budget-management .budget-card .budget-header .budget-actions{display:flex;gap:.5rem}.budget-management .budget-card .budget-content .budget-description{color:#6b7280;margin-bottom:1rem;line-height:1.5}.budget-management .budget-card .budget-content .budget-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.budget-management .budget-card .budget-content .budget-amounts .amount-item{text-align:center}.budget-management .budget-card .budget-content .budget-amounts .amount-item .amount-label{display:block;font-size:.75rem;color:#6b7280;margin-bottom:.25rem;text-transform:uppercase;font-weight:500}.budget-management .budget-card .budget-content .budget-amounts .amount-item .amount-value{font-size:1.1rem;font-weight:600;color:#111827}.budget-management .budget-card .budget-content .budget-amounts .amount-item .amount-value.spent{color:#ef4444}.budget-management .budget-card .budget-content .budget-amounts .amount-item .amount-value.remaining{color:#10b981}.budget-management .budget-card .budget-content .budget-progress{margin-bottom:1rem}.budget-management .budget-card .budget-content .budget-progress .progress-bar{width:100%;height:.5rem;background:#f3f4f6;border-radius:.25rem;overflow:hidden;margin-bottom:.5rem}.budget-management .budget-card .budget-content .budget-progress .progress-bar .progress-fill{height:100%;transition:width .3s ease}.budget-management .budget-card .budget-content .budget-progress .progress-bar .progress-fill.utilization-good{background:#10b981}.budget-management .budget-card .budget-content .budget-progress .progress-bar .progress-fill.utilization-caution{background:#f59e0b}.budget-management .budget-card .budget-content .budget-progress .progress-bar .progress-fill.utilization-warning{background:#f97316}.budget-management .budget-card .budget-content .budget-progress .progress-bar .progress-fill.utilization-exceeded{background:#ef4444}.budget-management .budget-card .budget-content .budget-progress .progress-text{display:flex;justify-content:space-between;font-size:.8rem;color:#6b7280}.budget-management .budget-card .budget-content .budget-dates{display:flex;gap:1rem;margin-bottom:1rem}.budget-management .budget-card .budget-content .budget-dates .date-item{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem}.budget-management .budget-card .budget-content .budget-dates .date-item svg{width:1rem;height:1rem}.budget-management .budget-card .budget-items{border-top:1px solid #e5e7eb;padding-top:1rem}.budget-management .budget-card .budget-items h4{font-size:.9rem;font-weight:600;color:#111827;margin:0 0 .75rem}.budget-management .budget-card .budget-items .items-list .item-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem}.budget-management .budget-card .budget-items .items-list .item-row .item-name{color:#111827;flex:1}.budget-management .budget-card .budget-items .items-list .item-row .item-amount{color:#6b7280;font-weight:500}.budget-management .budget-card .budget-items .items-list .item-row.more{color:#6b7280;font-style:italic}.budget-management .empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#6b7280}.budget-management .empty-state .empty-icon{width:4rem;height:4rem;color:#9ca3af;margin-bottom:1rem}.budget-management .empty-state h3{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .5rem}.budget-management .empty-state p{margin:0 0 1.5rem;font-size:1.1rem}.budget-management .analytics-section .analytics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.budget-management .analytics-section .analytics-overview .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;display:flex;align-items:center;gap:1rem}.budget-management .analytics-section .analytics-overview .stat-card .stat-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:#6366f11a;color:#6366f1}.budget-management .analytics-section .analytics-overview .stat-card .stat-content h3{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .25rem}.budget-management .analytics-section .analytics-overview .stat-card .stat-content p{color:#6b7280;margin:0;font-size:.9rem}.budget-management .analytics-section .analytics-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.budget-management .analytics-section .analytics-charts .chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.budget-management .analytics-section .analytics-charts .chart-card h3{font-size:1.1rem;font-weight:600;color:#111827;margin:0 0 1rem}.budget-management .analytics-section .analytics-charts .chart-card .status-chart .status-item{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.budget-management .analytics-section .analytics-charts .chart-card .status-chart .status-item .status-label{min-width:80px;font-size:.9rem;color:#6b7280}.budget-management .analytics-section .analytics-charts .chart-card .status-chart .status-item .status-bar{flex:1;height:.5rem;background:#f3f4f6;border-radius:.25rem;overflow:hidden}.budget-management .analytics-section .analytics-charts .chart-card .status-chart .status-item .status-bar .status-fill{height:100%;transition:width .3s ease}.budget-management .analytics-section .analytics-charts .chart-card .status-chart .status-item .status-bar .status-fill.active{background:#10b981}.budget-management .analytics-section .analytics-charts .chart-card .status-chart .status-item .status-bar .status-fill.completed{background:#6366f1}.budget-management .analytics-section .analytics-charts .chart-card .status-chart .status-item .status-bar .status-fill.cancelled{background:#ef4444}.budget-management .analytics-section .analytics-charts .chart-card .status-chart .status-item .status-count{min-width:30px;text-align:right;font-size:.9rem;color:#111827;font-weight:500}.budget-management .analytics-section .analytics-charts .chart-card .category-chart .category-item{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.budget-management .analytics-section .analytics-charts .chart-card .category-chart .category-item .category-label{min-width:120px;font-size:.9rem;color:#6b7280}.budget-management .analytics-section .analytics-charts .chart-card .category-chart .category-item .category-bar{flex:1;height:.5rem;background:#f3f4f6;border-radius:.25rem;overflow:hidden}.budget-management .analytics-section .analytics-charts .chart-card .category-chart .category-item .category-bar .category-fill{height:100%;background:#6366f1;transition:width .3s ease}.budget-management .analytics-section .analytics-charts .chart-card .category-chart .category-item .category-amount{min-width:80px;text-align:right;font-size:.9rem;color:#111827;font-weight:500}.budget-management .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;padding:1rem}.budget-management .modal-overlay .modal{background:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.budget-management .modal-overlay .modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.budget-management .modal-overlay .modal .modal-header h2{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.budget-management .modal-overlay .modal .modal-body{padding:1.5rem}.budget-management .modal-overlay .modal .modal-body .form-group{margin-bottom:1rem}.budget-management .modal-overlay .modal .modal-body .form-group label{display:block;font-weight:500;color:#111827;margin-bottom:.5rem}.budget-management .modal-overlay .modal .modal-body .form-group input,.budget-management .modal-overlay .modal .modal-body .form-group textarea,.budget-management .modal-overlay .modal .modal-body .form-group select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem;background:#fff}.budget-management .modal-overlay .modal .modal-body .form-group input:focus,.budget-management .modal-overlay .modal .modal-body .form-group textarea:focus,.budget-management .modal-overlay .modal .modal-body .form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.budget-management .modal-overlay .modal .modal-body .form-group textarea{resize:vertical;min-height:80px}.budget-management .modal-overlay .modal .modal-body .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.budget-management .modal-overlay .modal .modal-body .form-row{grid-template-columns:1fr}}.budget-management .modal-overlay .modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.budget-management .alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1rem;font-size:.9rem}.budget-management .alert.alert-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.budget-management .alert.alert-success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.budget-management .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.budget-management .btn:disabled{opacity:.5;cursor:not-allowed}.budget-management .btn.btn-primary{background:#6366f1;color:#fff}.budget-management .btn.btn-primary:hover:not(:disabled){background:#4f46e5}.budget-management .btn.btn-secondary{background:#f9fafb;color:#111827;border:1px solid #d1d5db}.budget-management .btn.btn-secondary:hover:not(:disabled){background:#f3f4f6}.budget-management .btn.btn-danger{background:#ef4444;color:#fff}.budget-management .btn.btn-danger:hover:not(:disabled){background:#dc2626}.budget-management .btn.btn-sm{padding:.25rem .5rem;font-size:.8rem}.budget-management .text-warning{color:#f59e0b;font-size:.9rem;margin-top:.5rem}.reporting-container{padding:1.5rem;max-width:1600px;margin:0 auto}.reporting-container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.reporting-container .page-header .header-content h1{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.reporting-container .page-header .header-content p{color:#6b7280;margin:0}.reporting-container .page-header .header-actions{display:flex;gap:.75rem}.reporting-container .filters-panel{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.reporting-container .filters-panel .filters-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.reporting-container .filters-panel .filters-header h3{font-size:1.1rem;font-weight:600;color:#111827;margin:0}.reporting-container .filters-panel .filters-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem}.reporting-container .filters-panel .filters-content .filter-group label{display:block;font-weight:500;color:#111827;margin-bottom:.5rem;font-size:.9rem}.reporting-container .filters-panel .filters-content .filter-group select,.reporting-container .filters-panel .filters-content .filter-group input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem;background:#fff}.reporting-container .filters-panel .filters-content .filter-group select:focus,.reporting-container .filters-panel .filters-content .filter-group input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.reporting-container .alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1rem;font-size:.9rem}.reporting-container .alert.alert-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.reporting-container .reports-section .reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.reporting-container .reports-section .reports-header .search-box{position:relative;flex:1;max-width:400px}.reporting-container .reports-section .reports-header .search-box .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6b7280;width:1.25rem;height:1.25rem}.reporting-container .reports-section .reports-header .search-box input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem;background:#fff}.reporting-container .reports-section .reports-header .search-box input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.reporting-container .reports-section .reports-header .view-controls{display:flex;gap:.5rem}.reporting-container .reports-section .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280}.reporting-container .reports-section .loading-container .loading-spinner{width:2rem;height:2rem;animation:spin 1s linear infinite;margin-bottom:1rem}.reporting-container .reports-section .loading-container p{font-size:1.1rem}.reporting-container .reports-section .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#6b7280}.reporting-container .reports-section .empty-state .empty-icon{width:4rem;height:4rem;color:#9ca3af;margin-bottom:1rem}.reporting-container .reports-section .empty-state h3{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .5rem}.reporting-container .reports-section .empty-state p{margin:0 0 1.5rem;font-size:1.1rem}.reporting-container .reports-section .reports-grid{display:grid;gap:1.5rem}.reporting-container .reports-section .reports-grid.list-view{grid-template-columns:1fr}.reporting-container .reports-section .reports-grid:not(.list-view){grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}@media (max-width: 768px){.reporting-container .reports-section .reports-grid:not(.list-view){grid-template-columns:1fr}}.reporting-container .reports-section .report-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.reporting-container .reports-section .report-card:hover{box-shadow:0 4px 6px -1px #0000001a}.reporting-container .reports-section .report-card .report-header{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-bottom:1px solid #e5e7eb}.reporting-container .reports-section .report-card .report-header .report-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:#6366f11a;color:#6366f1;flex-shrink:0}.reporting-container .reports-section .report-card .report-header .report-info{flex:1}.reporting-container .reports-section .report-card .report-header .report-info h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.reporting-container .reports-section .report-card .report-header .report-info .report-period{color:#6b7280;font-size:.9rem;margin:0 0 .25rem}.reporting-container .reports-section .report-card .report-header .report-info .report-generated{color:#9ca3af;font-size:.8rem;margin:0}.reporting-container .reports-section .report-card .report-header .report-actions{display:flex;gap:.5rem;flex-shrink:0}.reporting-container .reports-section .report-card .report-content{padding:1.5rem;border-top:1px solid #e5e7eb}.reporting-container .reports-section .report-card .report-content .report-section{margin-bottom:2rem}.reporting-container .reports-section .report-card .report-content .report-section:last-child{margin-bottom:0}.reporting-container .reports-section .report-card .report-content .report-section h4{font-size:1.1rem;font-weight:600;color:#111827;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.reporting-container .reports-section .report-card .report-content .report-section h5{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .75rem}.reporting-container .reports-section .report-card .report-content .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.reporting-container .reports-section .report-card .report-content .metrics-grid .metric-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem}.reporting-container .reports-section .report-card .report-content .metrics-grid .metric-card .metric-title{font-size:.8rem;color:#6b7280;margin-bottom:.5rem;text-transform:uppercase;font-weight:500}.reporting-container .reports-section .report-card .report-content .metrics-grid .metric-card .metric-value{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.25rem}.reporting-container .reports-section .report-card .report-content .metrics-grid .metric-card .metric-change{font-size:.8rem;font-weight:500}.reporting-container .reports-section .report-card .report-content .metrics-grid .metric-card .metric-change.positive{color:#10b981}.reporting-container .reports-section .report-card .report-content .metrics-grid .metric-card .metric-change.negative{color:#ef4444}.reporting-container .reports-section .report-card .report-content .metrics-grid .metric-card .metric-change.neutral{color:#6b7280}.reporting-container .reports-section .report-card .report-content .metrics-grid .metric-card .metric-change .metric-change-label{display:block;font-size:.7rem;color:#9ca3af;margin-top:.25rem}.reporting-container .reports-section .report-card .report-content .charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.reporting-container .reports-section .report-card .report-content .charts-container .chart-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem}.reporting-container .reports-section .report-card .report-content .charts-container .chart-container h5{font-size:.9rem;font-weight:600;color:#111827;margin:0 0 1rem}.reporting-container .reports-section .report-card .report-content .charts-container .chart-container .chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#6b7280;background:#fff;border-radius:.25rem;border:1px solid #e5e7eb}.reporting-container .reports-section .report-card .report-content .charts-container .chart-container .chart-placeholder svg{margin-bottom:.5rem;color:#9ca3af}.reporting-container .reports-section .report-card .report-content .charts-container .chart-container .chart-placeholder p{margin:0 0 .25rem;font-size:.9rem}.reporting-container .reports-section .report-card .report-content .charts-container .chart-container .chart-placeholder small{font-size:.8rem;color:#9ca3af}.reporting-container .reports-section .report-card .report-content .table-container{margin-bottom:1.5rem}.reporting-container .reports-section .report-card .report-content .table-container h5{font-size:.9rem;font-weight:600;color:#111827;margin:0 0 .75rem}.reporting-container .reports-section .report-card .report-content .table-container .table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:.375rem}.reporting-container .reports-section .report-card .report-content .table-container .table-wrapper .data-table{width:100%;border-collapse:collapse;background:#fff}.reporting-container .reports-section .report-card .report-content .table-container .table-wrapper .data-table thead{background:#f9fafb}.reporting-container .reports-section .report-card .report-content .table-container .table-wrapper .data-table thead th{padding:.75rem;text-align:left;font-weight:600;color:#111827;font-size:.8rem;text-transform:uppercase;border-bottom:1px solid #e5e7eb}.reporting-container .reports-section .report-card .report-content .table-container .table-wrapper .data-table tbody tr{border-bottom:1px solid #e5e7eb}.reporting-container .reports-section .report-card .report-content .table-container .table-wrapper .data-table tbody tr:last-child{border-bottom:none}.reporting-container .reports-section .report-card .report-content .table-container .table-wrapper .data-table tbody tr:hover{background:#f9fafb}.reporting-container .reports-section .report-card .report-content .table-container .table-wrapper .data-table tbody tr td{padding:.75rem;font-size:.9rem;color:#111827}.reporting-container .reports-section .report-card .report-content .table-container .table-wrapper .table-more{padding:.75rem;text-align:center;color:#6b7280;font-size:.8rem;margin:0;background:#f9fafb;border-top:1px solid #e5e7eb}.reporting-container .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.reporting-container .btn:disabled{opacity:.5;cursor:not-allowed}.reporting-container .btn.btn-primary{background:#6366f1;color:#fff}.reporting-container .btn.btn-primary:hover:not(:disabled){background:#4f46e5}.reporting-container .btn.btn-secondary{background:#f9fafb;color:#111827;border:1px solid #d1d5db}.reporting-container .btn.btn-secondary:hover:not(:disabled){background:#f3f4f6}.reporting-container .btn.btn-sm{padding:.25rem .5rem;font-size:.8rem}.reporting-container .animate-spin{animation:spin 1s linear infinite}.company-user-management{padding:1.5rem;max-width:1400px;margin:0 auto}.company-user-management .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.company-user-management .page-header .header-left h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.company-user-management .page-header .header-left .page-subtitle{color:#6b7280;margin:0;font-size:.875rem}.company-user-management .page-header .header-right{display:flex;gap:.75rem}.company-user-management .message{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:500}.company-user-management .message.success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.company-user-management .message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.company-user-management .message button{background:none;border:none;color:inherit;cursor:pointer;padding:.25rem;border-radius:.25rem}.company-user-management .message button:hover{background-color:#0000001a}.company-user-management .search-section{margin-bottom:1.5rem}.company-user-management .search-section .search-input{position:relative;max-width:400px}.company-user-management .search-section .search-input svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6b7280;width:1rem;height:1rem}.company-user-management .search-section .search-input input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background-color:#fff}.company-user-management .search-section .search-input input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.company-user-management .table-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.company-user-management .user-info{display:flex;align-items:center;gap:.75rem}.company-user-management .user-info .user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280}.company-user-management .user-info .user-details .user-name{font-weight:500;color:#1f2937;font-size:.875rem}.company-user-management .user-info .user-details .user-email{color:#6b7280;font-size:.75rem}.company-user-management .role-cell .role-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-transform:capitalize}.company-user-management .role-cell .role-badge.owner{background-color:#fef3c7;color:#92400e}.company-user-management .role-cell .role-badge.admin{background-color:#dbeafe;color:#1e40af}.company-user-management .role-cell .role-badge.member{background-color:#f3f4f6;color:#374151}.company-user-management .status-badge{padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-transform:capitalize}.company-user-management .status-badge.active{background-color:#d1fae5;color:#065f46}.company-user-management .status-badge.inactive{background-color:#fee2e2;color:#991b1b}.company-user-management .action-buttons{display:flex;gap:.5rem}.company-user-management .action-buttons .btn{padding:.375rem;border-radius:.375rem;border:1px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.company-user-management .action-buttons .btn:hover{background-color:#f9fafb;border-color:#9ca3af}.company-user-management .action-buttons .btn.btn-outline{border-color:#d1d5db;color:#374151}.company-user-management .action-buttons .btn.btn-outline:hover{background-color:#f3f4f6}.company-user-management .user-info-display{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;margin-bottom:1rem}.company-user-management .user-info-display .user-avatar{width:3rem;height:3rem;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#6b7280}.company-user-management .user-info-display .user-details .user-name{font-weight:600;color:#1f2937;font-size:1rem;margin-bottom:.25rem}.company-user-management .user-info-display .user-details .user-email{color:#6b7280;font-size:.875rem}.company-user-management .delete-warning{text-align:center;padding:1rem}.company-user-management .delete-warning svg{margin-bottom:1rem}.company-user-management .delete-warning h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.company-user-management .delete-warning p{color:#6b7280;margin:0;line-height:1.5}@media (max-width: 768px){.company-user-management{padding:1rem}.company-user-management .page-header{flex-direction:column;align-items:flex-start;gap:1rem}.company-user-management .page-header .header-right{width:100%;justify-content:flex-end}.company-user-management .search-section .search-input{max-width:none}.company-user-management .action-buttons{flex-direction:column;gap:.25rem}.company-user-management .action-buttons .btn{width:100%;justify-content:center}}.company-management{padding:1.5rem;max-width:1400px;margin:0 auto}.company-management .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.company-management .page-header .header-content h1{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.company-management .page-header .header-content p{color:#6b7280;font-size:1rem;margin:0}.company-management .page-header .header-actions{display:flex;gap:1rem;align-items:center}.company-management .alert{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;font-weight:500}.company-management .alert.alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.company-management .alert.alert-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.company-management .alert.alert-warning{background:#fffbeb;color:#d97706;border:1px solid #fed7aa}.company-management .alert.alert-info{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.company-management .search-section{margin-bottom:2rem}.company-management .search-section .search-box{position:relative;max-width:400px}.company-management .search-section .search-box .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;width:1.25rem;height:1.25rem}.company-management .search-section .search-box input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;background:#fff;transition:all .2s ease}.company-management .search-section .search-box input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.company-management .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#6b7280}.company-management .loading-container .loading-spinner{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top:2px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.company-management .loading-container p{font-size:1rem;margin:0;text-align:center}.company-management .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center;color:#6b7280}.company-management .empty-state .empty-icon{width:4rem;height:4rem;color:#9ca3af;margin-bottom:1rem}.company-management .empty-state h3{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .5rem}.company-management .empty-state p{font-size:1rem;margin:0 0 2rem;line-height:1.5}.company-management .companies-section .company-details{margin-top:1rem}.company-management .companies-section .company-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.company-management .companies-section .company-card .company-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.company-management .companies-section .company-card .company-header .company-info{flex:1}.company-management .companies-section .company-card .company-header .company-info h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.company-management .companies-section .company-card .company-header .company-info .company-industry{color:#6b7280;font-size:.875rem;margin:0 0 1rem}.company-management .companies-section .company-card .company-header .company-info .company-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.company-management .companies-section .company-card .company-header .company-info .company-stats .stat{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.company-management .companies-section .company-card .company-header .company-info .company-stats .stat svg{width:1rem;height:1rem}.company-management .companies-section .company-card .company-header .company-actions{display:flex;gap:.5rem;flex-wrap:wrap}.company-management .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.company-management .modal-overlay .modal{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.company-management .modal-overlay .modal.large-modal{max-width:800px}.company-management .modal-overlay .modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.company-management .modal-overlay .modal .modal-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.company-management .modal-overlay .modal .modal-body{padding:1.5rem}.company-management .modal-overlay .modal .modal-body .delete-warning{text-align:center;padding:2rem 1rem}.company-management .modal-overlay .modal .modal-body .delete-warning svg{margin-bottom:1rem}.company-management .modal-overlay .modal .modal-body .delete-warning h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1rem}.company-management .modal-overlay .modal .modal-body .delete-warning p{color:#6b7280;line-height:1.5;margin:0}.company-management .modal-overlay .modal .modal-body .delete-warning p strong{color:#111827}.company-management .modal-overlay .modal .modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb}.company-management .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.company-management .btn:disabled{opacity:.5;cursor:not-allowed}.company-management .btn.btn-primary{background:#6366f1;color:#fff}.company-management .btn.btn-primary:hover:not(:disabled){background:#5856eb}.company-management .btn.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.company-management .btn.btn-secondary:hover:not(:disabled){background:#e5e7eb}.company-management .btn.btn-danger{background:#dc2626;color:#fff}.company-management .btn.btn-danger:hover:not(:disabled){background:#b91c1c}.company-management .btn.btn-sm{padding:.375rem .75rem;font-size:.75rem}.company-management .btn.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.company-management .status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.company-management .status-badge.status-active{background:#dcfce7;color:#166534}.company-management .status-badge.status-inactive{background:#fef2f2;color:#dc2626}.company-management .status-badge.status-pending{background:#fef3c7;color:#92400e}.company-management .status-badge.status-approved{background:#dcfce7;color:#166534}.company-management .status-badge.status-rejected{background:#fef2f2;color:#dc2626}.company-management .role-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.company-management .role-badge.role-owner{background:#fef3c7;color:#92400e}.company-management .role-badge.role-admin{background:#dbeafe;color:#1e40af}.company-management .role-badge.role-member{background:#f3f4f6;color:#374151}@media (max-width: 768px){.company-management{padding:1rem}.company-management .page-header{flex-direction:column;gap:1rem;align-items:stretch}.company-management .page-header .header-actions{justify-content:stretch}.company-management .page-header .header-actions .btn{flex:1}.company-management .company-card .company-header{flex-direction:column;gap:1rem}.company-management .company-card .company-header .company-actions{justify-content:stretch}.company-management .company-card .company-header .company-actions .btn{flex:1}.company-management .modal-overlay{padding:.5rem}.company-management .modal-overlay .modal{max-height:95vh}.company-management .modal-overlay .modal .modal-header,.company-management .modal-overlay .modal .modal-body,.company-management .modal-overlay .modal .modal-footer{padding:1rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.company-management .animate-spin{animation:spin 1s linear infinite}