body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary-lavender:#2d8cff;--color-primary-sky:#86bae4;--color-primary-blush:#639bc7;--color-primary-main:#2463b1;--color-primary-red:#ff6b6b;--color-secondary-mint:#20c997;--color-secondary-peach:#d36666;--color-secondary-gold:#b9be6f;--color-neutral-white:#fff;--color-neutral-light:#f8f9fa;--color-neutral-gray:#a3a8ad;--color-neutral-dark:#212529;--color-neutral-surface:#e0e5eb;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-xxl:32px;--spacing-xxxl:48px;--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:16px;--border-radius-xl:22px;--border-radius-pill:50px;--shadow-sm:0 1px 3px #2d8cff1a;--shadow-md:0 3px 6px #2d8cff26;--shadow-lg:0 6px 10px #2d8cff33}.app{background:linear-gradient(135deg,#fff,#f8f9fa);background:linear-gradient(135deg,var(--color-neutral-white) 0,var(--color-neutral-light) 100%);display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:250px;min-height:100vh}.loading-fullscreen{align-items:center;color:#2463b1;color:var(--color-primary-main);display:flex;font-size:1.2em;height:100vh;justify-content:center}@media (max-width:768px){.main-content{margin-left:0}}.mobile-menu-toggle{background:#2463b1;background:var(--color-primary-main);border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:18px;left:20px;padding:12px;position:fixed;top:20px;z-index:1001}.sidebar-overlay{background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}@media (max-width:768px){.mobile-menu-toggle{display:block}}.card{background:var(--color-white);border:1px solid var(--color-neutral-light)}.card-sm{box-shadow:0 1px 3px #2d8cff1a}.card-md{box-shadow:0 3px 6px #2d8cff26}.card-lg{box-shadow:0 6px 10px #2d8cff33}.card:hover{transform:translateY(-2px);transition:all .3s ease}.login-container{align-items:center;background:linear-gradient(135deg,var(--color-primary-main) 0,var(--color-primary-lavender) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-xl);position:relative}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-neutral-white);border:1px solid var(--color-neutral-light);max-width:440px;position:relative;width:100%;z-index:2}.login-header{margin-bottom:var(--spacing-xxl);text-align:center}.login-logo{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.logo-icon{background:linear-gradient(135deg,var(--color-primary-lavender) 0,var(--color-primary-main) 100%);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);color:var(--color-neutral-white);font-size:3em;padding:var(--spacing-lg)}.logo-image{height:70px;width:80px}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-main) 0,var(--color-primary-lavender) 100%);-webkit-background-clip:text;background-clip:text;color:var(--color-primary-main);font-size:32px;font-weight:800;margin:0 0 var(--spacing-xs) 0}.login-subtitle{color:var(--color-primary-sky);font-size:16px;font-weight:500;margin:0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.error-message{align-items:flex-start;background:#ff6b6b1a;border:1px solid var(--color-primary-red);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.error-icon{flex-shrink:0;font-size:1.2em}.error-content strong{display:block;font-size:14px;margin-bottom:var(--spacing-xs)}.error-content p{font-size:13px;margin:0;opacity:.9}.form-group{gap:8px}.input-container{margin-left:20px;position:relative;width:95%}.input-icon{color:var(--color-primary-sky);font-size:20px;left:-30px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.form-input{background:var(--color-neutral-white);border:2px solid var(--color-neutral-light);border-radius:12px;box-sizing:border-box;color:var(--color-neutral-dark);font-size:15px;font-weight:500;padding:16px;transition:all .3s ease;width:100%}.form-input:focus{border-color:var(--color-primary-lavender);box-shadow:0 0 0 3px #2d8cff1a;outline:none;transform:translateY(-1px)}.form-input:disabled{background:var(--color-neutral-light);cursor:not-allowed;opacity:.7}.login-button{align-items:center;background:linear-gradient(135deg,var(--color-primary-lavender) 0,var(--color-primary-main) 100%);border:none;border-radius:var(--border-radius-lg);color:var(--color-neutral-white);cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all .3s ease}.login-button:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.button-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:18px;width:18px}.button-icon{font-size:1.2em}.login-footer{border-top:1px solid var(--color-neutral-light);margin-top:var(--spacing-xxl);padding-top:var(--spacing-lg);text-align:center}.security-info{align-items:center;color:var(--color-neutral-gray);display:flex;font-size:13px;font-weight:500;gap:var(--spacing-sm);justify-content:center}.security-icon{font-size:1.1em}.loading-screen{align-items:center;color:var(--color-neutral-white);display:flex;flex-direction:column;gap:var(--spacing-lg)}.loading-spinner{border:3px solid #ffffff4d;border-top:3px solid var(--color-neutral-white)}.loading-text{font-size:16px;font-weight:500;margin:0}.login-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.bg-shape{animation:float 6s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:200px;right:-50px;top:-50px;width:200px}.shape-2{animation-delay:2s;bottom:100px;height:150px;left:-50px;width:150px}.shape-3{animation-delay:4s;bottom:-30px;height:100px;right:30%;width:100px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@media (max-width:768px){.login-container{padding:var(--spacing-lg)}.login-card{max-width:100%}.login-title{font-size:28px}.logo-icon{font-size:2.5em;padding:var(--spacing-md)}}.btn{align-items:center;border:none;border-radius:var(--border-radius-lg);cursor:pointer;display:inline-flex;font-weight:600;gap:var(--spacing-sm);justify-content:center;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#2d8cff,#1e7ae8);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1e7ae8,#2d8cff);transform:translateY(-1px)}.btn-secondary{background:#86bae4;color:#fff}.btn-danger{background:#ff6b6b;color:#fff}.btn-sm{font-size:13px;padding:8px 16px}.btn-md{font-size:15px;padding:12px 24px}.btn-lg{font-size:16px;padding:16px 32px}.dashboard{background:linear-gradient(135deg,var(--color-neutral-white) 0,var(--color-neutral-light) 100%);margin-left:10px;min-height:100vh;padding:var(--spacing-xl);transition:margin-left .3s ease}.dashboard-filters{align-items:center;display:flex;gap:var(--spacing-md)}.preoffers-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.preoffer-card{background:var(--color-neutral-white);border:1px solid var(--color-neutral-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.preoffer-card:before{background:linear-gradient(135deg,var(--color-primary-lavender) 0,var(--color-primary-main) 100%);content:"";height:5px;left:0;opacity:.9;position:absolute;right:0;top:0}.preoffer-card:hover{border-color:var(--color-primary-sky);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.preoffer-header{align-items:flex-start;border-bottom:1px solid var(--color-neutral-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.preoffer-category{align-items:center;background:#2d8cff1a;border-radius:var(--border-radius-pill);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.preoffer-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-main) 0,var(--color-primary-lavender) 100%);-webkit-background-clip:text;background-clip:text;color:var(--color-primary-main);font-size:20px;font-weight:700;line-height:1.3;margin:0 0 var(--spacing-md) 0}.preoffer-description{color:var(--color-neutral-dark);font-size:14px;line-height:1.6;margin-bottom:var(--spacing-lg);opacity:.9}.preoffer-partner{align-items:center;background:var(--color-neutral-light);border:1px solid var(--color-neutral-surface);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.partner-label{color:var(--color-neutral-gray);font-size:12px;font-weight:500}.partner-name{color:var(--color-primary-main);font-size:14px;font-weight:700}.preoffer-benefit{align-items:center;background:linear-gradient(135deg,#20c9971a 100%,#20c9970d 0);border-radius:var(--border-radius-pill);box-shadow:0 4px 12px #2d8cff4d;color:var(--color-neutral-white);display:inline-flex;font-size:14px;font-weight:800;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:10px 20px}.benefit-icon{font-size:1.2em}.benefit-text{color:var(--color-neutral-dark);font-size:14px;font-weight:600}.preoffer-interest{background:linear-gradient(135deg,#20c9971a,#20c9970d);border:1px solid #20c99733;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.interest-stats{align-items:center;display:flex;justify-content:space-between}.stat-icon{font-size:1em}.stat-text{color:var(--color-neutral-gray);font-size:13px;font-weight:500}.preoffer-actions{border-top:1px solid var(--color-neutral-light);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;padding-top:var(--spacing-md)}@media (max-width:768px){.dashboard{padding:var(--spacing-lg)}.page-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.preoffers-grid{grid-template-columns:1fr}.dashboard-filters{justify-content:stretch}.filter-select{flex:1 1;min-width:auto}}.company-info{margin-top:8px}.company-info small{color:var(--color-primary-sky);font-size:12px}.interest-confirmed{align-items:center;background:rgba(52,219,10,.829);border:1px solid #20c9974d;border-radius:var(--border-radius-md);color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px}.interest-confirmed .icon{font-size:16px}.login-required small{color:var(--color-primary-red)}@media (max-width:768px){.dashboard-filters{flex-direction:column;gap:12px}.dashboard-filters .filter-select{width:100%}.dashboard-filters button{margin-left:0!important;width:100%}}.error-content{flex:1 1}.retry-button{background:#2d8cff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:8px;padding:8px 16px}.retry-button:hover{background:#1a7ae6}.login-required{margin-top:8px;text-align:center}.login-required small{color:#ff6b6b;font-style:italic}.status-badge.active{border-radius:12px;color:#20c997;font-size:11px;padding:4px 8px}.preoffer-image{border:1px solid #e0e0e0;border-radius:8px;height:200px;margin-bottom:15px;overflow:hidden;width:100%}.preoffer-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.preoffer-image img:hover{transform:scale(1.05)}.preoffer-conditions{border:1px solid var(--color-neutral-light);border-radius:var(--border-radius-md);margin:15px 0;overflow:hidden}.conditions-header{align-items:center;background:var(--color-neutral-light);cursor:pointer;display:flex;gap:10px;padding:12px 15px;transition:background-color .2s ease}.conditions-header:hover{background:var(--color-neutral-surface)}.conditions-icon{font-size:1.1em}.conditions-label{color:var(--color-primary-main);flex:1 1;font-size:.9rem;font-weight:600}.conditions-toggle{color:var(--color-primary-sky);font-size:.8rem}.conditions-content{background:var(--color-neutral-white);padding:15px}.conditions-list{list-style:none;padding:0}.condition-item{align-items:flex-start;border-bottom:1px solid var(--color-neutral-light);color:var(--color-neutral-dark);display:flex;font-size:.85rem;gap:8px;line-height:1.4;padding:8px 0}.condition-item:last-child{border-bottom:none}.condition-item:before{color:var(--color-primary-main);content:"•";flex-shrink:0;font-weight:700}.employees{background:linear-gradient(135deg,var(--color-neutral-white) 0,var(--color-neutral-light) 100%);margin-left:10px;min-height:100vh;padding:var(--spacing-xl);transition:margin-left .3s ease}.page-header{align-items:flex-start}.page-title h1{font-size:28px;margin:0 0 var(--spacing-xs) 0}.employees-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.employee-card{border:1px solid var(--color-neutral-light);overflow:hidden;position:relative;transition:all .3s ease}.employee-card:before{background:linear-gradient(135deg,var(--color-primary-lavender) 0,var(--color-primary-main) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.employee-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.employee-header{align-items:flex-start;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.employee-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary-lavender) 0,var(--color-primary-main) 100%);border-radius:var(--border-radius-lg);display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.avatar-icon{color:var(--color-neutral-white);font-size:1.5em}.employee-info{flex:1 1}.employee-name{font-size:18px;line-height:1.3;margin:0 0 var(--spacing-xs) 0}.role-badge{border-radius:var(--border-radius-pill);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.role-badge.employee{background:#2d8cff1a;border:1px solid #2d8cff4d;color:var(--color-primary-lavender)}.role-badge.manager{background:#f39c121a;border:1px solid #f39c124d;color:#f39c12}.role-badge.admin{background:#ff6b6b1a;border:1px solid #ff6b6b4d;color:var(--color-primary-red)}.employee-details{margin-bottom:var(--spacing-lg)}.detail-item{align-items:center!important;background:#0000!important;border:none!important;box-shadow:none!important;display:flex!important;justify-content:space-between!important;margin:0!important;padding:var(--spacing-sm) 0!important}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--color-neutral-gray);font-weight:500}.detail-value{font-weight:600}.detail-value.savings{color:var(--color-secondary-mint);font-weight:700}.employee-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;padding:var(--spacing-xl)}.modal{border:1px solid var(--color-neutral-light);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.modal-header h2{color:var(--color-primary-main);font-size:22px}.close-button{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--color-neutral-gray);cursor:pointer;font-size:1.5em;padding:var(--spacing-xs);transition:all .3s ease}.close-button:hover{background:var(--color-neutral-light);color:var(--color-primary-red)}.employee-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{color:var(--color-primary-main);font-size:14px;font-weight:600}.form-input,.form-select{background:var(--color-neutral-white);border:2px solid var(--color-neutral-light);border-radius:var(--border-radius-lg);box-sizing:border-box;color:var(--color-neutral-dark);font-size:15px;font-weight:500;padding:var(--spacing-md);transition:all .3s ease}.form-input:focus,.form-select:focus{border-color:var(--color-primary-lavender);box-shadow:0 0 0 3px #2d8cff1a;outline:none}.form-actions{border-top:1px solid var(--color-neutral-light);display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.empty-state{padding:var(--spacing-xxl)}.empty-icon{font-size:4em;margin-bottom:var(--spacing-lg);opacity:.5}.empty-title{font-size:20px;margin-bottom:var(--spacing-sm)}.empty-text{color:var(--color-neutral-gray);font-size:15px;margin-bottom:var(--spacing-lg)}@media (max-width:768px){.employees{padding:var(--spacing-lg)}.page-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.employees-grid,.form-row{grid-template-columns:1fr}.modal-overlay{padding:var(--spacing-lg)}.employee-actions{flex-direction:column}}.loading-state{color:var(--color-neutral-gray);padding:3rem}.loading-spinner{height:40px;margin:0 auto 1rem;width:40px}.error-card{background:#ff6b6b1a;border:1px solid var(--color-primary-red);margin-bottom:1.5rem}.error-message{font-weight:500;gap:.5rem}.error-close{margin-left:auto;padding:.25rem}.status-badge.active{background:#20c9971a}.status-badge.active,.status-badge.inactive{border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:600;padding:.25rem .5rem}.status-badge.inactive{background:#ff6b6b1a}.password-field{align-items:center;display:flex;gap:8px}.search-card{margin-bottom:24px}.search-container{align-items:center;display:flex;position:relative}.search-icon{color:#666;font-size:16px;left:12px;position:absolute}.search-input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px 40px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.clear-search{background:none;border:none;color:#666;cursor:pointer;font-size:16px;padding:4px;position:absolute;right:12px}.clear-search:hover{color:#333}.search-results-info{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.results-count{color:#666;font-size:14px;font-weight:500}.clear-filter{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;text-decoration:underline}.clear-filter:hover{color:#0056b3}.offers{background:linear-gradient(135deg,var(--color-neutral-white) 0,var(--color-neutral-light) 100%);margin-left:10px;min-height:100vh;padding:var(--spacing-xl);transition:margin-left .3s ease}.offers-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--spacing-xxl)}.offers-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.offer-card{background:var(--color-neutral-white);border:1px solid var(--color-neutral-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.offer-card:before{background:linear-gradient(135deg,var(--color-primary-lavender) 0,var(--color-primary-main) 100%);content:"";height:5px;left:0;opacity:.9;position:absolute;right:0;top:0}.offer-card:hover{border-color:var(--color-primary-sky);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.offer-header{align-items:flex-start;border-bottom:1px solid var(--color-neutral-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.offer-category{align-items:center;background:#2d8cff1a;border-radius:var(--border-radius-pill);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.category-icon{filter:drop-shadow(0 2px 3px rgba(0,0,0,.2));font-size:1.3em}.category-name{color:var(--color-primary-main);font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.offer-badges{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-xs)}.exclusive-badge{background:linear-gradient(135deg,var(--color-secondary-gold) 0,gold 100%);border-radius:var(--border-radius-pill);box-shadow:0 2px 4px #b9be6f4d;color:var(--color-neutral-white);font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge.inactive{background:#ff6b6b26;border:1px solid #ff6b6b4d;color:var(--color-primary-red)}.offer-title-section{margin-bottom:var(--spacing-lg)}.offer-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-main) 0,var(--color-primary-lavender) 100%);-webkit-background-clip:text;background-clip:text;color:var(--color-primary-main);font-size:20px;font-weight:700;line-height:1.3;margin:0 0 var(--spacing-md) 0}.offer-description{color:var(--color-neutral-dark);font-size:14px;line-height:1.6;margin-bottom:var(--spacing-lg);opacity:.9}.offer-type-section{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.type-badge{align-items:center;border-radius:var(--border-radius-pill);box-shadow:var(--shadow-sm);color:var(--color-neutral-white);display:inline-flex;font-size:12px;font-weight:700;gap:var(--spacing-xs);letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:transform .2s ease}.type-badge:hover{transform:scale(1.05)}.discount-badge{background:linear-gradient(135deg,var(--color-primary-lavender) 0,var(--color-primary-main) 100%);border-radius:var(--border-radius-pill);box-shadow:0 4px 12px #2d8cff4d;color:var(--color-neutral-white);display:inline-block;font-size:14px;font-weight:800;padding:10px 20px;transition:all .3s ease}.discount-badge:hover{box-shadow:0 6px 16px #2d8cff66;transform:translateY(-2px)}.offer-essentials{background:var(--color-neutral-light);border:1px solid var(--color-neutral-surface);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.essential-row{align-items:center;border-bottom:1px solid #ffffff80;display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.essential-row:last-child{border-bottom:none}.essential-label{color:var(--color-primary-sky);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.essential-value{color:var(--color-primary-main);font-size:13px;font-weight:700;text-align:right}.offer-usage{background:linear-gradient(135deg,#20c9971a,#20c9970d);border:1px solid #20c99733;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.usage-info{align-items:center;display:flex;justify-content:space-between}.available-coupons{font-weight:600}.available-coupons,.usage-percentage{color:var(--color-secondary-mint);font-size:12px}.usage-percentage{background:#fffc;border-radius:var(--border-radius-sm);font-weight:700;padding:2px 8px}.offer-actions{border-top:1px solid var(--color-neutral-light);flex-wrap:wrap;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.modal-overlay,.offer-actions{display:flex;justify-content:center}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--color-neutral-white);border:1px solid var(--color-neutral-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,var(--color-primary-lavender) 0,var(--color-primary-main) 100%);border-bottom:1px solid var(--color-neutral-light);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;color:var(--color-neutral-white);display:flex;justify-content:space-between;padding:var(--spacing-xl)}.modal-header h2{font-size:1.5rem;font-weight:700;margin:0}.modal-close{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--color-neutral-white);cursor:pointer;font-size:1.5rem;padding:var(--spacing-xs);transition:background-color .2s}.modal-close:hover{background-color:#fff3}.modal-body{padding:var(--spacing-xl)}.modal-footer{border-top:1px solid var(--color-neutral-light);display:flex;justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-xl)}.details-section{border-bottom:1px solid var(--color-neutral-light);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.details-section:last-child{border-bottom:none;margin-bottom:0}.details-section h3{border-bottom:2px solid var(--color-primary-sky);color:var(--color-primary-main);font-size:1.2rem;font-weight:700;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm)}.details-grid{grid-gap:var(--spacing-lg);align-items:start;display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.detail-item{background:var(--color-neutral-light);border:1px solid var(--color-neutral-surface);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;min-height:60px;padding:var(--spacing-md)}.detail-item.full-width{border:1px solid var(--color-neutral-light);grid-column:1/-1}.detail-item label{color:var(--color-primary-sky);font-size:.8rem;font-weight:700;letter-spacing:.8px;margin-bottom:2px;text-transform:uppercase}.detail-item span{align-items:center;color:var(--color-primary-main);display:flex;flex-wrap:wrap;font-size:.95rem;font-weight:600;gap:var(--spacing-sm);min-height:24px}.code-value{background:var(--color-neutral-surface);border:1px solid var(--color-neutral-light);border-radius:var(--border-radius-sm);display:inline-block;font-family:Monaco,Consolas,Courier New,monospace;font-size:.85rem;padding:6px 12px}.discount-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-lavender) 0,var(--color-primary-main) 100%);-webkit-background-clip:text;background-clip:text;color:var(--color-primary-main);font-size:1rem;font-weight:800}.available-highlight{color:var(--color-secondary-mint);font-weight:700}.status.active,.status.inactive{align-items:center;border-radius:var(--border-radius-pill);display:inline-flex;font-size:.8rem;font-weight:700;gap:6px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status.active{background:#20c99726;border:1px solid #20c9974d;color:var(--color-secondary-mint)}.status.inactive{background:#ff6b6b26;border:1px solid #ff6b6b4d;color:var(--color-primary-red)}.category-icon,.type-icon{font-size:1.2rem}.conditions-list{background:var(--color-neutral-light);border:1px solid var(--color-neutral-surface);border-radius:var(--border-radius-md);margin:0;padding:var(--spacing-lg)}.conditions-list li{color:var(--color-neutral-dark);line-height:1.5;margin-bottom:var(--spacing-md);padding-left:var(--spacing-sm)}.instructions-list{background:var(--color-neutral-light);border:1px solid var(--color-neutral-surface);border-radius:var(--border-radius-md);margin:0;padding:var(--spacing-lg)}.instructions-list li{color:var(--color-neutral-dark);line-height:1.5;margin-bottom:var(--spacing-md);padding-left:var(--spacing-sm)}.companies-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.company-tag{border:1px solid var(--color-neutral-surface);border-radius:var(--border-radius-pill);color:var(--color-primary-sky);font-family:Monaco,Consolas,Courier New,monospace;font-size:.8rem;padding:var(--spacing-xs) var(--spacing-md)}.company-tag,.full-description{background:var(--color-neutral-light)}.full-description{border:1px solid var(--color-neutral-surface);border-radius:var(--border-radius-md);color:var(--color-neutral-dark);font-size:.95rem;line-height:1.6;margin:0;padding:var(--spacing-lg)}@media (max-width:1024px){.offers-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.page-header{align-items:stretch;flex-direction:column;gap:var(--spacing-lg)}.header-actions{justify-content:space-between}}@media (max-width:768px){.offers{margin-left:0;padding:var(--spacing-lg)}.offers-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.offers-stats{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.filters{flex-direction:column;width:100%}.filter-select{min-width:100%}.offer-actions{flex-direction:column}.stat-content{padding:var(--spacing-lg)}.stat-number{font-size:28px}.modal-content{margin:10px;max-height:95vh}.details-grid{grid-template-columns:1fr}.modal-body,.modal-header{padding:var(--spacing-lg)}}@media (max-width:480px){.offers-stats{grid-template-columns:1fr}.page-header{padding:var(--spacing-lg)}.page-title h1{font-size:28px}.offer-type-section{align-items:flex-start;flex-direction:column}.modal-header h2{font-size:1.3rem}.details-section h3{font-size:1.1rem}}.coupons-stats{grid-gap:var(--spacing-md);background:var(--color-neutral-light);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.coupons-stats,.stat-item{border:1px solid var(--color-neutral-surface);border-radius:var(--border-radius-md)}.stat-item{background:var(--color-neutral-white);padding:var(--spacing-md);text-align:center}.stat-item .stat-number{font-size:24px;font-weight:800;margin-bottom:var(--spacing-xs)}.stat-item .stat-number.active{color:var(--color-secondary-mint)}.stat-item .stat-number.used{color:var(--color-primary-main)}.stat-item .stat-number.expired{color:var(--color-primary-red)}.stat-item .stat-label{color:var(--color-primary-sky);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.coupons-list h3{color:var(--color-primary-main);font-size:1.2rem;font-weight:700;margin:0 0 var(--spacing-lg) 0}.empty-coupons{background:var(--color-neutral-light);border:2px dashed var(--color-neutral-surface);border-radius:var(--border-radius-md);padding:var(--spacing-xl);text-align:center}.empty-coupons p{color:var(--color-primary-sky);font-weight:500;margin:0}.coupons-table{border:1px solid var(--color-neutral-light);border-radius:var(--border-radius-md);overflow:hidden}.table-header{grid-gap:var(--spacing-md);background:var(--color-primary-main);color:var(--color-neutral-white);display:grid;font-size:12px;font-weight:600;gap:var(--spacing-md);grid-template-columns:1fr 1fr 2fr 1fr 1fr;letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-lg);text-transform:uppercase}.table-body{max-height:400px;overflow-y:auto}.table-row{grid-gap:var(--spacing-md);align-items:center;border-bottom:1px solid var(--color-neutral-light);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr 2fr 1fr 1fr;padding:var(--spacing-md) var(--spacing-lg)}.table-row:last-child{border-bottom:none}.table-row.active{background:#20c9970d}.table-row.used{background:#2d8cff0d}.table-row.expired{background:#ff6b6b0d}.col-code,.col-date,.col-expiry,.col-status,.col-user{font-size:13px}.coupon-code{background:var(--color-neutral-light);border:1px solid var(--color-neutral-surface);border-radius:var(--border-radius-sm);color:var(--color-primary-main);font-family:Monaco,Consolas,Courier New,monospace;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.status-badge{border-radius:var(--border-radius-sm);letter-spacing:.5px;padding:4px 8px}.status-badge.active{background:#20c99726;border:1px solid #20c9974d;color:var(--color-secondary-mint)}.status-badge.used{background:#2d8cff26;border:1px solid #2d8cff4d;color:var(--color-primary-main)}.status-badge.expired{background:#ff6b6b26;border:1px solid #ff6b6b4d;color:var(--color-primary-red)}.user-info{font-weight:500}.user-info small{color:var(--color-primary-sky);font-size:11px}.not-assigned{color:var(--color-primary-sky);font-style:italic}.offer-info{background:var(--color-neutral-light);border:1px solid var(--color-neutral-surface);border-radius:var(--border-radius-md);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.offer-info h4{color:var(--color-primary-main);font-size:1.1rem;font-weight:700;margin:0 0 var(--spacing-md) 0}.info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.info-item{align-items:center;border-bottom:1px solid #ffffff80;display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.info-item:last-child{border-bottom:none}.info-item label{color:var(--color-primary-sky);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:var(--color-primary-main);font-weight:700}@media (max-width:768px){.coupons-stats{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{gap:var(--spacing-sm);grid-template-columns:1fr}.col-code,.col-date,.col-expiry,.col-status,.col-user{align-items:center;display:flex;justify-content:space-between}.col-code:before{content:"Code: "}.col-code:before,.col-status:before{color:var(--color-primary-sky);font-weight:600}.col-status:before{content:"Statut: "}.col-user:before{content:"Utilisateur: "}.col-date:before,.col-user:before{color:var(--color-primary-sky);font-weight:600}.col-date:before{content:"Utilisé le: "}.col-expiry:before{color:var(--color-primary-sky);content:"Expire le: ";font-weight:600}.info-grid{grid-template-columns:1fr}}.modal-subtitle{color:#ffffffe6;font-size:14px;font-weight:500;margin-top:4px}.empty-coupons .empty-icon{font-size:3em;margin-bottom:var(--spacing-md);opacity:.5}.empty-coupons small{color:var(--color-primary-sky);font-size:12px}.stat-item .stat-number.total{color:var(--color-primary-main)}.offer-image-section{border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:20px}.offer-image-container{align-items:center;display:flex;justify-content:center;width:100%}.offer-detail-image{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;max-height:300px;max-width:600px;object-fit:contain;width:auto}.validation{background:linear-gradient(135deg,var(--color-neutral-white) 0,var(--color-neutral-light) 100%);margin-left:10px;min-height:100vh;transition:margin-left .3s ease}.page-header,.validation{padding:var(--spacing-xl)}.page-header{align-items:flex-end;background:var(--color-neutral-white);border:1px solid var(--color-neutral-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xxl)}.page-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-main) 0,var(--color-primary-lavender) 100%);-webkit-background-clip:text;background-clip:text;color:var(--color-primary-main);font-size:32px;font-weight:800;line-height:1.1;margin:0 0 var(--spacing-sm) 0}.page-title p{color:var(--color-primary-sky);font-size:16px;font-weight:500;margin:0;opacity:.9}.filters{align-items:center;display:flex;gap:var(--spacing-md)}.filter-select{background:var(--color-neutral-white);border:2px solid var(--color-neutral-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);color:var(--color-primary-main);cursor:pointer;font-size:14px;font-weight:600;min-width:220px;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.filter-select:hover{border-color:var(--color-primary-sky);transform:translateY(-1px)}.filter-select:focus{border-color:var(--color-primary-lavender);box-shadow:0 0 0 3px #2d8cff26;outline:none}.validation-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--spacing-xxl)}.stat-card{background:var(--color-neutral-white);border:1px solid var(--color-neutral-light);border-radius:var(--border-radius-lg);overflow:hidden;position:relative;transition:all .4s ease}.stat-card:before{background:linear-gradient(135deg,var(--color-primary-lavender) 0,var(--color-primary-main) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{border-color:var(--color-primary-sky);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.stat-content{align-items:center;display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl)}.stat-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.5em;opacity:.9}.stat-info{flex:1 1}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-main) 0,var(--color-primary-lavender) 100%);-webkit-background-clip:text;background-clip:text;color:var(--color-primary-main);font-size:32px;font-weight:800;line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{color:var(--color-primary-sky);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.requests-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.request-card{background:var(--color-neutral-white);border:1px solid var(--color-neutral-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.request-card:before{background:linear-gradient(135deg,var(--color-primary-lavender) 0,var(--color-primary-main) 100%);content:"";height:5px;left:0;opacity:.9;position:absolute;right:0;top:0}.request-card:hover{border-color:var(--color-primary-sky);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.request-header{align-items:flex-start;border-bottom:1px solid var(--color-neutral-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.request-employee{align-items:center;background:#2d8cff1a;border-radius:var(--border-radius-pill);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.employee-icon{filter:drop-shadow(0 2px 3px rgba(0,0,0,.2));font-size:1.3em}.employee-name{color:var(--color-primary-main);font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.request-badges{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-xs)}.status-badge{border-radius:var(--border-radius-pill);box-shadow:var(--shadow-sm);font-size:11px;font-weight:700;letter-spacing:.8px;padding:6px 12px;text-transform:uppercase}.status-badge.pending{background:#ff980026;border:1px solid #ff98004d;color:#ff9800}.status-badge.approved{background:#20c99726;border:1px solid #20c9974d;color:var(--color-secondary-mint)}.status-badge.rejected{background:#ff6b6b26;border:1px solid #ff6b6b4d;color:var(--color-primary-red)}.status-badge.completed{background:#667eea26;border:1px solid #667eea4d;color:var(--color-primary-lavender)}.request-title-section{margin-bottom:var(--spacing-lg)}.request-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-main) 0,var(--color-primary-lavender) 100%);-webkit-background-clip:text;background-clip:text;color:var(--color-primary-main);font-size:20px;font-weight:700;line-height:1.3;margin:0 0 var(--spacing-md) 0}.offer-code{align-items:center;background:linear-gradient(135deg,var(--color-neutral-light) 0,var(--color-neutral-surface) 100%);border:1px solid var(--color-neutral-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:inline-flex;font-family:Monaco,Consolas,Courier New,monospace;gap:var(--spacing-sm);padding:8px 16px}.code-label{color:var(--color-primary-sky);font-size:11px;text-transform:uppercase}.code-label,.code-value{font-weight:700;letter-spacing:.5px}.code-value{color:var(--color-primary-main);font-size:13px}.request-description{color:var(--color-neutral-dark);font-size:14px;line-height:1.6;margin-bottom:var(--spacing-lg);opacity:.9}.request-details{background:var(--color-neutral-light);border:1px solid var(--color-neutral-surface);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.detail-row{align-items:center;border-bottom:1px solid #ffffff80;display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--color-primary-sky);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:var(--color-primary-main);font-size:13px;font-weight:700;text-align:right}.justification-section{background:linear-gradient(135deg,#86bae41a,#86bae40d);border:1px solid #86bae44d;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.justification-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.justification-label{color:var(--color-primary-sky);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.justification-text{background:#ffffffb3;border-left:3px solid var(--color-primary-sky);border-radius:var(--border-radius-sm);color:var(--color-neutral-dark);font-size:13px;line-height:1.5;padding:var(--spacing-md)}.amount-section{background:linear-gradient(135deg,#20c9971a,#20c9970d);border:1px solid #20c99733;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.amount-info{align-items:center;display:flex;justify-content:space-between}.amount-label{font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.amount-label,.amount-value{color:var(--color-secondary-mint)}.amount-value{background:#fffc;border-radius:var(--border-radius-pill);font-size:18px;font-weight:800;padding:4px 12px}.request-actions{border-top:1px solid var(--color-neutral-light);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;padding-top:var(--spacing-md)}.approve-btn{background:linear-gradient(135deg,var(--color-secondary-mint) 0,#1aa87a 100%);border:1px solid var(--color-secondary-mint)}.approve-btn:hover{background:linear-gradient(135deg,#1aa87a 0,var(--color-secondary-mint) 100%);box-shadow:0 6px 16px #20c99766;transform:translateY(-2px)}.reject-btn{background:linear-gradient(135deg,var(--color-primary-red) 0,#e53e3e 100%);border:1px solid var(--color-primary-red)}.reject-btn:hover{background:linear-gradient(135deg,#e53e3e 0,var(--color-primary-red) 100%);box-shadow:0 6px 16px #ff6b6b66;transform:translateY(-2px)}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xxxl);text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-neutral-light);border:4px solid var(--color-neutral-light);border-radius:50%;border-top-color:var(--color-primary-main);height:50px;margin-bottom:var(--spacing-lg);width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{background:var(--color-neutral-white);border:2px dashed var(--color-neutral-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);grid-column:1/-1;padding:var(--spacing-xxxl);text-align:center}.empty-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:5em;margin-bottom:var(--spacing-xl);opacity:.7}.empty-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-main) 0,var(--color-primary-lavender) 100%);-webkit-background-clip:text;background-clip:text;color:var(--color-primary-main);font-size:24px;font-weight:700;margin-bottom:var(--spacing-md)}.empty-text{color:var(--color-primary-sky);font-size:16px;font-weight:500}.empty-text,.error-card{margin-bottom:var(--spacing-xl)}.error-card{background:linear-gradient(135deg,#ff6b6b1a,#ff6b6b0d);border:1px solid #ff6b6b4d}.error-message{align-items:center;display:flex;font-weight:600;gap:var(--spacing-md)}.error-close,.error-message{color:var(--color-primary-red)}.error-close{background:none;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:18px;padding:var(--spacing-xs);transition:background-color .2s ease}.error-close:hover{background:#ff6b6b1a}@media (max-width:1024px){.requests-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.page-header{align-items:stretch;flex-direction:column;gap:var(--spacing-lg)}.header-actions{justify-content:space-between}}@media (max-width:768px){.validation{margin-left:0;padding:var(--spacing-lg)}.requests-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.validation-stats{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.filters{flex-direction:column;width:100%}.filter-select{min-width:100%}.request-actions{flex-direction:column}.stat-content{padding:var(--spacing-lg)}.stat-number{font-size:28px}.request-header{flex-direction:column;gap:var(--spacing-md)}.request-badges,.request-header{align-items:flex-start}}@media (max-width:480px){.validation-stats{grid-template-columns:1fr}.page-header{padding:var(--spacing-lg)}.page-title h1{font-size:28px}.detail-row{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.detail-value{text-align:left}}.sidebar{background:linear-gradient(135deg,var(--color-primary-main) 0,var(--color-primary-lavender) 100%);box-shadow:var(--shadow-lg);color:var(--color-neutral-white);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:1000}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:var(--spacing-xl)}.sidebar-logo{align-items:center;display:flex;gap:var(--spacing-md)}.logo-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:var(--border-radius-lg);font-size:2em;padding:var(--spacing-sm)}.logo-image{height:60px;object-fit:contain;width:60px}.logo-title{color:var(--color-neutral-white);font-size:20px;font-weight:800;letter-spacing:.5px;margin:0 0 var(--spacing-xs) 0}.logo-subtitle{color:#fffc;font-size:12px;font-weight:500;margin:0}.sidebar-nav{flex:1 1;padding:var(--spacing-xl) 0}.nav-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);color:#fffc;display:flex;margin:0 var(--spacing-md) var(--spacing-xs) var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);position:relative;text-decoration:none;transition:all .3s ease}.nav-item:hover{background:#ffffff1a;color:var(--color-neutral-white);transform:translateX(8px)}.nav-item.active{background:#ffffff26;box-shadow:var(--shadow-sm);color:var(--color-neutral-white)}.nav-item.active:before{background:var(--color-neutral-white);border-radius:var(--border-radius-pill);content:"";height:60%;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.nav-icon{font-size:1.3em;margin-right:var(--spacing-md);text-align:center;transition:transform .3s ease;width:24px}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-label{flex:1 1;font-size:14px;font-weight:600;letter-spacing:.3px}.nav-indicator{background:var(--color-secondary-mint);border-radius:50%;height:6px;opacity:0;transition:opacity .3s ease;width:6px}.nav-item.active .nav-indicator{opacity:1}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:var(--spacing-lg) var(--spacing-xl)}.sidebar-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.status-dot{animation:pulse 2s infinite;background:var(--color-secondary-mint);border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{color:#ffffffe6;font-size:12px;font-weight:500}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#ffffff1a}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:var(--border-radius-pill)}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:768px){.sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%;z-index:1000}.sidebar.open{transform:translateX(0)}.sidebar-nav{padding:var(--spacing-lg) 0}.nav-item{margin:0 var(--spacing-md) var(--spacing-xs) var(--spacing-md)}.sidebar-overlay{background:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.sidebar.open+.sidebar-overlay{display:block}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-neutral-white);border-bottom:1px solid var(--color-neutral-light);box-shadow:var(--shadow-sm);margin-left:20px;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;transition:margin-left .3s ease;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.header-title{flex:1 1}.welcome-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-main) 0,var(--color-primary-lavender) 100%);-webkit-background-clip:text;background-clip:text;color:var(--color-primary-main);font-size:24px;font-weight:700;margin:0 0 var(--spacing-xs) 0}.welcome-subtitle{color:var(--color-primary-sky);font-size:14px;font-weight:500;margin:0}.header-actions{align-items:center;display:flex;gap:var(--spacing-lg)}.notification-btn{align-items:center;background:var(--color-neutral-light);border:none;border-radius:var(--border-radius-pill);cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all .3s ease;width:44px}.notification-btn:hover{background:var(--color-primary-sky);transform:translateY(-2px)}.notification-icon{font-size:1.3em}.notification-badge{background:var(--color-primary-red);border-radius:var(--border-radius-pill);color:var(--color-neutral-white);font-size:10px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-2px;text-align:center;top:-2px}.user-profile{align-items:center;background:var(--color-neutral-light);border:1px solid #0000;border-radius:var(--border-radius-xl);display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.user-profile:hover{border-color:var(--color-primary-sky);box-shadow:var(--shadow-sm)}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary-lavender) 0,var(--color-primary-main) 100%);border-radius:var(--border-radius-pill);color:var(--color-neutral-white);display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.user-info{align-items:flex-start;display:flex;flex-direction:column;min-width:120px}.user-name{color:var(--color-primary-main);font-size:14px;font-weight:600;margin-bottom:2px}.user-role{color:var(--color-neutral-gray);font-size:11px;font-weight:500;gap:4px}.logout-btn,.user-role{align-items:center;display:flex}.logout-btn{background:var(--color-primary-red);border:none;border-radius:var(--border-radius-lg);color:var(--color-neutral-white);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.logout-btn:hover{background:#c0392b;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.logout-icon{font-size:1.1em}@media (max-width:768px){.header{padding:var(--spacing-md) var(--spacing-lg)}.header-content{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.header-title{text-align:center}.header-actions{justify-content:center}.user-info{min-width:auto}.welcome-text{font-size:20px}}
/*# sourceMappingURL=main.315be8f3.css.map*/