@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Phudu:wght@300..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap";*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;padding:0}.price-board{max-width:1200px;margin:0 auto;padding:2rem;min-height:calc(100vh - 80px)}@media (max-width: 768px){.price-board{padding:1rem}}.price-board .price-container{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:2px solid #e2e8f0;position:relative}.price-board .price-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#1d4ed8,#3b82f6)}.price-board .filters{margin:2rem 0;display:flex;gap:1rem;flex-wrap:wrap}.price-board .filters input,.price-board .filters select{padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;background:#fff;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a}.price-board .filters input:focus,.price-board .filters select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.price-board .filters input::placeholder,.price-board .filters select::placeholder{color:#a0aec0}.price-board .filters input{flex:1;min-width:300px}.price-board .filters select{min-width:200px}@media (max-width: 768px){.price-board .filters{flex-direction:column}.price-board .filters input,.price-board .filters select{min-width:unset}}.price-board .price-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:grid;grid-template-columns:80px 2fr 1fr 100px;gap:1rem;padding:1rem 1.5rem;color:#fff;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.price-board .price-header{grid-template-columns:60px 1fr 80px 80px;padding:.75rem 1rem;font-size:12px}}.price-board .price-header .sortable-header{cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.price-board .price-header .sortable-header:hover{color:#f0f9ff;transform:translateY(-1px)}.price-board .price-header .sortable-header.left{justify-content:flex-start}.price-board .price-header .sortable-header.right{justify-content:flex-end}.price-board .price-item{border-bottom:1px solid #e2e8f0;transition:all .3s ease}.price-board .price-item:last-child{border-bottom:none}.price-board .price-item:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.price-board .price-item.expanded{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.price-board .price-row{display:grid;grid-template-columns:80px 2fr 1fr 100px;gap:1rem;padding:1.25rem 1.5rem;cursor:pointer;align-items:center;transition:all .3s ease}@media (max-width: 768px){.price-board .price-row{grid-template-columns:20px 1fr 80px 40px;padding:1rem}}.price-board .price-row:hover{transform:translateY(-1px)}.price-board .price-id{text-align:center;font-weight:600;color:#3b82f6;font-size:16px}@media (max-width: 768px){.price-board .price-id{font-size:14px}}.price-board .price-name-section .price-field{font-size:12px;color:#64748b;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.price-board .price-name-section .price-name{font-weight:600;color:#1a202c;font-size:16px}@media (max-width: 768px){.price-board .price-name-section .price-name{font-size:14px}}.price-board .price-amount{text-align:right;font-weight:700;color:#059669;font-size:18px}@media (max-width: 768px){.price-board .price-amount{font-size:14px}}.price-board .price-amount:before{content:"€ ";color:#64748b;font-weight:500}.price-board .price-unit{text-align:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#3b82f6;padding:6px 12px;border-radius:20px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #3b82f61a}@media (max-width: 768px){.price-board .price-unit{padding:4px 8px;font-size:10px}}.price-board .price-details{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;border-top:1px solid #e2e8f0}@media (max-width: 768px){.price-board .price-details{padding:16px}}.price-board .detail-section{margin-bottom:2rem}.price-board .detail-section:last-child{margin-bottom:0}.price-board .section-title{display:flex;align-items:center;gap:12px;color:#64748b;margin-bottom:1rem;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.price-board .section-title .section-icon{color:#3b82f6;font-size:16px}.price-board .description-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:16px;color:#374151;line-height:1.6;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;white-space:pre-line}.price-board .description-card:hover{border-color:#3b82f6;box-shadow:0 8px 15px -3px #3b82f626}.price-board .images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;padding:1rem 0}@media (max-width: 768px){.price-board .images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}}.price-board .image-thumbnail{width:100%;height:120px;object-fit:cover;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;transition:all .3s ease;border:2px solid #e2e8f0}.price-board .image-thumbnail:hover{transform:scale(1.05);box-shadow:0 8px 15px -3px #3b82f626;border-color:#3b82f6}@media (max-width: 768px){.price-board .image-thumbnail{height:100px}}.price-board .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}@media (max-width: 768px){.price-board .products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}.price-board .product-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.price-board .product-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a;border-color:#3b82f6}@media (max-width: 768px){.price-board .product-card{padding:1rem}}.price-board .product-image{width:100%;height:120px;object-fit:contain;margin-bottom:1rem;border-radius:8px}@media (max-width: 768px){.price-board .product-image{height:100px}}.price-board .product-title{font-weight:600;color:#1a202c;font-size:14px;margin-bottom:1rem;line-height:1.4}@media (max-width: 768px){.price-board .product-title{font-size:12px}}.price-board .product-links{display:flex;gap:1rem;width:100%;justify-content:center}@media (max-width: 768px){.price-board .product-links{flex-direction:column;gap:.5rem}}.price-board .link-container{display:flex;flex-direction:column;align-items:center;flex:1}.price-board .link-icon{width:32px;height:32px;margin-bottom:.5rem;transition:all .3s ease}.price-board .link-icon.pdf-icon{color:#ef4444;font-size:32px}.price-board .link-icon:hover{transform:scale(1.1)}@media (max-width: 768px){.price-board .link-icon{width:28px;height:28px;font-size:28px}}.price-board .link-label{font-size:12px;color:#64748b;text-decoration:none;font-weight:500;transition:all .3s ease}.price-board .link-label:hover{color:#3b82f6;text-decoration:underline}@media (max-width: 768px){.price-board .link-label{font-size:11px}}.price-board .update-info{color:#64748b;font-style:italic;font-size:14px;text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}@media (max-width: 768px){.price-board .update-info{font-size:12px}}.price-board .no-items{text-align:center;color:#6b7280;padding:3rem;font-size:16px}.image-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease-out}.image-viewer-content{position:relative;width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center;gap:2rem}.image-full{width:100%;height:auto;max-height:80vh;object-fit:contain;border-radius:16px;box-shadow:0 20px 25px -5px #0000004d}.viewer-controls{display:flex;justify-content:center;align-items:center;gap:1.5rem;width:100%}@media (max-width: 768px){.viewer-controls{gap:1rem}}.viewer-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;padding:12px 20px;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.viewer-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}@media (max-width: 768px){.viewer-button{padding:10px 16px;font-size:14px}}.close-button{position:absolute;top:-1rem;right:-1rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:12px;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #ef44444d}.close-button:hover{transform:scale(1.1);box-shadow:0 8px 15px -3px #ef444466}@media (max-width: 768px){.close-button{top:-.5rem;right:-.5rem;padding:10px;font-size:18px}}@media (max-width: 600px){.price-board,.price-details{padding:1rem}.products-grid{grid-template-columns:1fr}.images-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.app-header{position:sticky;top:8px;margin:20px auto;max-width:1060px;transition:margin-top .3s ease,box-shadow .3s ease;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background-color:var(--bg-card);border:1px solid var(--glass-border);box-shadow:0 4px 12px #0000001a;border-radius:16px;z-index:9999;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;text-transform:uppercase}.app-header.scrolled{margin-top:16px;box-shadow:0 6px 12px #0000001a}.app-header__container{width:100%;max-width:1080px;padding:1rem 2rem;background:transparent;display:flex;justify-content:space-between;align-items:center;border-radius:inherit}.app-header__left{display:flex;align-items:center;gap:.75rem;flex:1 1 auto}.app-header__logo{height:32px;width:32px}.app-header__title{font-size:1rem;color:var(--text-primary)}.app-header__right{display:flex;align-items:center;gap:1rem;flex:2 1 auto;justify-content:flex-end;flex-wrap:nowrap}.app-header__search{display:flex;align-items:center;background-color:var(--color-accent);padding:.25rem .5rem;border-radius:6px;transition:width .3s ease}.app-header__search input{border:none;outline:none;background:transparent;margin-left:.5rem;color:var(--color-text);min-width:100px}.app-header__btn{background-color:transparent;border:0px solid var(--color-border);padding:.4rem .75rem;border-radius:6px;cursor:pointer;transition:.3s ease;color:var(--color-text)}.app-header__btn:hover{background-color:var(--color-accent-secondary)}.app-header__btn--premium{background-color:var(--color-premium);border-color:var(--color-premium);color:#000;font-weight:700;font-family:Red Hat Display,sans-serif}.app-header__mode-toggle{background:none;border:none;cursor:pointer;color:var(--text-muted)}@media (max-width: 768px){.app-header{margin:var(--spacing-sm);flex-direction:row}.app-header__container{padding:8px 16px}.app-header__right{justify-content:flex-end;gap:.5rem;flex-wrap:nowrap}.app-header__search,.app-header__btn--login{display:none}.app-header__search svg{font-size:1.2rem;display:inline-block}.app-header__search,.app-header__btn--login{display:inline-block}.app-header__search svg{cursor:pointer}}@media (max-width: 480px){.app-header__btn--premium{font-size:.8rem}.app-header__search input{width:0;opacity:0;visibility:hidden}.app-header__search svg{font-size:1.2rem}}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;color:var(--color-text)}@media (max-width: 768px){.hamburger-btn{display:contents}}.profile-container{position:relative;display:inline-block}.profile-dropdown{position:absolute;transform:none;z-index:2147483646;min-width:280px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);background:var(--glass-card);overflow:hidden;animation:dropdownSlide .3s cubic-bezier(.4,0,.2,1)}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483645;background:#0000001f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:backdrop-filter .22s ease,background-color .22s ease;pointer-events:auto}.profile-trigger{display:flex;align-items:center;background:transparent;border:0;gap:var(--spacing-sm);padding:var(--spacing-sm);color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.profile-trigger:hover,.profile-trigger:active{color:var(--text-accent)}.profile-trigger:focus-visible{outline:2px solid var(--gradient-main);outline-offset:2px}.profile-avatar{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-md);position:relative}.profile-name{white-space:nowrap}@media (max-width: 768px){.profile-name{display:none}}.profile-chevron{font-size:var(--font-size-xs);transition:transform .3s ease}.profile-chevron.open{transform:rotate(180deg);color:var(--primary-emerald)}@media (max-width: 768px){.profile-chevron{display:none}}.profile-info{padding:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-md);position:relative;z-index:3}.profile-avatar-large{width:48px;height:48px;background:var(--glass-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border:1px solid var(--glass-border);font-size:var(--font-size-lg);flex-shrink:0;position:relative}.profile-avatar-large img{width:50px;height:50px;border-radius:50%;border:1px solid var(--glass-border);object-fit:cover}.profile-details{flex:1;min-width:0}.profile-display-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-email{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-divider{height:1px;background:var(--glass-border);margin:0 var(--spacing-xl);position:relative;z-index:1}.profile-edit-button{width:100%;display:flex;align-items:center;justify-content:start;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:none;border:none;color:var(--text-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:none;transition:all .3s ease;position:relative;z-index:1}.profile-edit-button:hover{background:#00aeff5e}.profile-edit-button:focus-visible{outline:2px solid var(--primary-blue);outline-offset:-2px}.profile-edit-button svg{font-size:var(--font-size-md);transition:transform .3s ease}.profile-edit-button:hover svg{transform:translate(2px)}.admin-button{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:none;border:none;color:var(--primary-blue);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:none;transition:all .3s ease;position:relative;z-index:1}.admin-button:hover{background:#3b82f61a;color:#60a5fa}.admin-button:focus-visible{outline:2px solid var(--primary-blue);outline-offset:-2px}.admin-button svg{font-size:var(--font-size-md);transition:transform .3s ease}.admin-button:hover svg{transform:rotate(90deg)}.admin-button span{flex:1;text-align:left}.logout-button{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:none;border:none;color:#ff5353;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;position:relative;z-index:1}.logout-button:hover{background:#ef44445d;color:#ff0909}.logout-button:focus-visible{outline:2px solid var(--primary-red);outline-offset:-2px}.logout-button svg{font-size:var(--font-size-md);transition:transform .3s ease}.logout-button:hover svg{transform:translate(2px)}.logout-button span{flex:1;text-align:left}.profile-empty-routes{padding:.65rem .75rem;font-size:.7rem;font-weight:600;color:#64748b;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:10px;text-align:center;margin:.4rem 0 .2rem}@media (max-width: 768px){.profile-info{padding:var(--spacing-lg)}.profile-divider{margin:0 var(--spacing-lg)}}@media (max-width: 480px){.profile-dropdown{min-width:250px}}.profile-dropdown{transform-origin:top right}.profile-loading .profile-avatar{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.profile-trigger[aria-expanded=true] .profile-chevron{color:var(--primary-emerald)}@media (prefers-color-scheme: dark){.profile-dropdown{box-shadow:0 25px 50px -12px #000c}}.providers-table{max-width:1200px;padding:24px;margin:0 auto;min-height:100vh;font-size:.9rem;color:#374151}@media (max-width: 768px){.providers-table{padding:.5rem}}.providers-table .providers-container{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background:#fff;border:2px solid #e2e8f0;position:relative}.providers-table .providers-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#1d4ed8,#3b82f6)}.providers-table .providers-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:grid;grid-template-columns:50px 120px 2fr 60px;gap:1rem;padding:1rem 1.5rem;color:#fff;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.providers-table .providers-header{grid-template-columns:40px 80px 1fr 40px;padding:.75rem 1rem;font-size:12px}}.providers-table .provider-row{display:grid;grid-template-columns:50px 120px 2fr 60px;gap:1rem;padding:1.25rem 1.5rem;cursor:pointer;align-items:center;transition:all .3s ease;border-bottom:1px solid #e2e8f0}.providers-table .provider-row:last-child{border-bottom:none}.providers-table .provider-row:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);transform:translateY(-1px)}@media (max-width: 768px){.providers-table .provider-row{grid-template-columns:40px 80px 1fr 40px;padding:8px 5px}}.providers-table .logo{width:120px;height:60px;object-fit:contain}@media (max-width: 768px){.providers-table .logo{width:80px;height:60px}}.providers-table .provider-info{display:inline-grid}.providers-table .expanded-details{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem;border-top:1px solid #e2e8f0}@media (max-width: 768px){.providers-table .expanded-details{padding:0 8px}}.providers-table .expanded-details .provider-details{margin:0;padding:0 10px 40px}.providers-table .expanded-details .provider-details ul{padding-left:20px}.providers-table .expanded-details .provider-details ul li{margin-bottom:8px}.providers-table .filters{display:flex;gap:10px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:.75rem;margin-bottom:1.5rem;border:1px solid #f1f5f9}.providers-table .provider-location{color:#3b82f6;text-decoration:none;font-weight:500;transition:all .3s ease}.providers-table .provider-location:hover{color:#1d4ed8;text-decoration:underline}.providers-table .icon{color:#3b82f6}.providers-table .container-contact p{margin:4px 0}.providers-table .container-contact p a{color:#3b82f6;text-decoration:none;font-weight:500}.providers-table .container-contact p a:hover{color:#1d4ed8;text-decoration:underline}.providers-table .container-extended-provider{color:#64748b;margin:20px 0 8px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.providers-table .provider-container{border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:16px;background:#fff;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.providers-table .provider-address{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.providers-table .provider-address .address-icon,.providers-table .provider-address .time-icon{color:#3b82f6;min-width:16px;font-size:16px}.providers-table .provider-address .provider-location{color:#3b82f6;text-decoration:none;font-weight:500;transition:all .3s ease}.providers-table .provider-address .provider-location:hover{color:#1d4ed8;text-decoration:underline}.providers-table .open-status{font-weight:600;padding:6px 12px;border-radius:20px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.providers-table .open-status.open{color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981}@media (max-width: 468px){.providers-table .open-status.open{font-size:8px;padding:4px 8px}}.providers-table .open-status.closed{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444}@media (max-width: 468px){.providers-table .open-status.closed{font-size:8px;padding:4px 8px}}.providers-table .provider-time{display:flex;align-items:center;gap:8px;padding-left:2px}.providers-table .schedule-card{border:2px solid #e2e8f0;border-radius:16px;padding:12px 10px;margin-top:12px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 5px 5px -3px #0000000a;transition:all .3s ease}.providers-table .schedule-card .schedule-header{display:flex;align-items:center;gap:10px;margin-top:0}.providers-table .schedule-card .today-schedule{font-size:14px;color:#059669;font-weight:500}.providers-table .schedule-card .toggle-schedule{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:4px;cursor:pointer;color:#fff;padding:5px;font-size:12px;transition:all .3s ease}@media (max-width: 468px){.providers-table .schedule-card .toggle-schedule{font-size:7px}}.providers-table .schedule-card .full-schedule{margin-top:16px;font-size:14px;color:#848484;padding:16px}@media (max-width: 468px){.providers-table .schedule-card .full-schedule{padding:5px;margin-top:8px;font-size:12px}}.providers-table .schedule-card .full-schedule .day-row{margin-bottom:8px;padding:4px 0;border-bottom:1px solid #e2e8f0}@media (max-width: 468px){.providers-table .schedule-card .full-schedule .day-row{margin-bottom:4px;padding:2px 0 4px}}.providers-table .schedule-card .full-schedule .day-row:last-child{border-bottom:none}.providers-table .schedule-card .full-schedule .day-row strong{color:#1e293b;min-width:80px;display:inline-block}.providers-table .favorite-col{text-align:center;width:50px}.providers-table .favorite-col .favorite-btn{background:none;border:none;cursor:pointer;font-size:20px;color:#cbd5e1;transition:all .3s ease;padding:8px;border-radius:50%}.providers-table .favorite-col .favorite-btn.active,.providers-table .favorite-col .favorite-btn:hover{color:#fbbf24}.providers-table .provider-full-name{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.providers-table .name-pill{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:600;width:fit-content;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 6px -1px #3b82f64d}@media (max-width: 768px){.providers-table .name-pill{font-size:10px}}.providers-table .short-description{text-align:left;font-size:14px;color:#64748b;font-weight:400;line-height:1.4}@media (max-width: 768px){.providers-table .short-description{font-size:10px}}.providers-table .top-bar{display:flex;justify-content:flex-end;margin-bottom:2rem}.providers-table .top-bar .edit-dashboard-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:12px 24px;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 6px -1px #3b82f64d}.providers-table .top-bar .edit-dashboard-button:hover{box-shadow:0 10px 15px -3px #3b82f666}.providers-table .centered-icon{text-align:center;color:#3b82f6;padding:10px;font-size:16px}.providers-table .status-filter{padding:.75rem 2rem .75rem .75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.85rem;transition:all .2s;font-family:inherit;background:#f9fafb;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23475569' d='M4.427 6.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 6H4.604a.25.25 0 00-.177.427z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.providers-table .status-filter:hover{border-color:#cbd5e1}.providers-table .status-filter:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.providers-table .status-filter::placeholder{color:#94a3b8}.providers-table .search-input{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s;background:#f9fafb;width:50%}.providers-table .search-input:hover{border-color:#cbd5e1}.providers-table .search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.providers-table .search-input::placeholder{color:#94a3b8}@media (max-width: 768px){.providers-table .providers-table{padding:.5rem}}.action-button{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;border-radius:10px;padding:.55rem .9rem;font-weight:700;font-size:.95rem;line-height:1;transition:transform .12s ease,box-shadow .18s ease,opacity .12s ease;white-space:nowrap;vertical-align:middle;text-decoration:none;-webkit-tap-highlight-color:transparent}.action-button.action-button--sm{padding:.35rem .6rem;font-size:.85rem;border-radius:8px}.action-button.action-button--md{padding:.6rem 1rem;font-size:.98rem;border-radius:8px}.action-button.action-button--lg{padding:.85rem 1.25rem;font-size:1.0625rem;border-radius:12px}.action-button.action-button--icon-only{padding:0;display:inline-flex;align-items:center;justify-content:center;min-width:0;width:40px;height:40px;border-radius:8px}.action-button.action-button--icon-only.action-button--sm{width:32px;height:32px;border-radius:6px}.action-button.action-button--icon-only.action-button--md{width:32px;height:32px}.action-button.action-button--icon-only.action-button--lg{width:44px;height:44px;border-radius:10px}.action-button.action-button--with-text{padding-left:.6rem;padding-right:.6rem}.action-button.action-button--disabled,.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.action-button:hover:not(.action-button--disabled):not(:disabled){transform:translateY(-2px)}.action-button:focus{outline:none;box-shadow:0 0 0 4px #2563eb24}.action-button .action-button__icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;line-height:1;margin-left:0;margin-right:0}.action-button .action-button__text{display:inline-block;transform:translateZ(0)}.action-button.submit-button,.action-button.submit-button.action-button--md{width:100%;justify-content:center;padding:.75rem 1rem;font-size:1rem;border-radius:12px}.action-button.submit-button .action-button__icon{font-size:.95rem}.action-button.submit-button:disabled{opacity:.64;filter:grayscale(8%)}.action-button__icon+.action-button__text{margin-left:.45rem}@media (max-width: 420px){.action-button.submit-button{padding:.65rem .85rem;font-size:.95rem}}@media (max-width: 768px){.action-button--md{font-size:1rem}.action-button--md.action-button--with-text{padding:.375rem .75rem;font-size:.8125rem}.action-button--md.action-button--icon-only{width:34px;height:34px}.action-button--sm{font-size:.8125rem}.action-button--sm.action-button--with-text{padding:.25rem .5rem;font-size:.6875rem}.action-button--lg{font-size:1.05rem}.action-button--lg.action-button--with-text{padding:.7rem 1.05rem;font-size:.95rem}.action-button--lg.action-button--icon-only{width:40px;height:40px}}@media (prefers-color-scheme: dark){.action-button:focus{box-shadow:0 0 0 3px #6366f14d}}.action-button--info{background:var(--action-info-bg);color:var(--action-info-color);--action-hover-shadow: var(--action-info-hover-shadow)}.action-button--edit{background:var(--action-edit-bg);color:var(--action-edit-color);--action-hover-shadow: var(--action-edit-hover-shadow)}.action-button--delete{background:var(--action-delete-bg);color:var(--action-delete-color);--action-hover-shadow: var(--action-delete-hover-shadow)}.action-button--add{background:var(--action-add-bg);color:var(--action-add-color);--action-hover-shadow: var(--action-add-hover-shadow)}.action-button--save{background:var(--action-save-bg);color:var(--action-save-color);--action-hover-shadow: var(--action-save-hover-shadow)}.action-button--cancel{background:var(--action-cancel-bg);color:var(--action-cancel-color);--action-hover-shadow: var(--action-cancel-hover-shadow)}.action-button--view{background:var(--action-view-bg);color:var(--action-view-color);--action-hover-shadow: var(--action-view-hover-shadow)}.action-button--download{background:var(--action-download-bg);color:var(--action-download-color);--action-hover-shadow: var(--action-download-hover-shadow)}.action-button--share{background:var(--action-share-bg);color:var(--action-share-color);--action-hover-shadow: var(--action-share-hover-shadow)}.action-button--settings{background:var(--action-settings-bg);color:var(--action-settings-color);--action-hover-shadow: var(--action-settings-hover-shadow)}.action-button--refresh{background:var(--action-refresh-bg);color:var(--action-refresh-color);--action-hover-shadow: var(--action-refresh-hover-shadow)}.action-button--copy{background:var(--action-copy-bg);color:var(--action-copy-color);--action-hover-shadow: var(--action-copy-hover-shadow)}.action-button--external{background:var(--action-external-bg);color:var(--action-external-color);--action-hover-shadow: var(--action-external-hover-shadow)}.action-button--play{background:var(--action-play-bg);color:var(--action-play-color);--action-hover-shadow: var(--action-play-hover-shadow)}.action-button--pause{background:var(--action-pause-bg);color:var(--action-pause-color);--action-hover-shadow: var(--action-pause-hover-shadow)}.action-button--next{background:var(--action-next-bg);color:var(--action-next-color, var(--action-info-color));--action-hover-shadow: var(--action-next-hover-shadow, var(--action-info-hover-shadow))}.action-button--previous{background:var(--action-prev-bg);color:var(--action-prev-color, var(--action-info-color));--action-hover-shadow: var(--action-prev-hover-shadow, var(--action-info-hover-shadow))}.action-button--fullwidth{width:100%;justify-content:center;display:inline-flex}.list-header .header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.list-header .header-top .list-title{color:#fff;font-size:1.75rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.list-header .header-top .list-title .title-icon{display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff;opacity:.8}.list-header .header-top .header-actions{display:flex;gap:.75rem;align-items:center}.list-header .error-notification{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:8px;margin-bottom:1.5rem;color:#dc2626;font-weight:500}.list-header .error-notification .error-icon{font-size:1.25rem;flex-shrink:0}.list-header .error-notification .error-message{flex:1}.list-header .error-notification .error-dismiss{background:none;border:none;font-size:1.25rem;color:#dc2626;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.list-header .error-notification .error-dismiss:hover{background-color:#dc26261a}@media (max-width: 768px){.list-header .header-top{gap:1rem;align-items:stretch}.list-header .header-top .list-title{font-size:1.75rem;justify-content:center;text-align:center}.list-header .header-top .header-actions{justify-content:center}.list-header .header-top .header-actions .add-button{width:100%;font-size:.8rem;justify-content:center}.list-header .error-notification{flex-direction:column;text-align:center;gap:.5rem}.list-header .error-notification .error-dismiss{align-self:flex-end}}@media (max-width: 480px){.list-header{margin-bottom:1rem}.list-header .header-top .list-title{font-size:1.5rem;gap:.75rem}.list-header .header-top .list-title .title-icon{font-size:1.5rem}.list-header .error-notification{padding:.875rem;font-size:.875rem}}@media (prefers-color-scheme: dark){.list-header .header-top{border-bottom-color:#374151}.list-header .header-top .list-title{color:#f9fafb}.list-header .header-top .list-title .title-icon{color:#60a5fa}.list-header .error-notification{background:linear-gradient(135deg,#2d1b1b,#3f1f1f);border-color:#b91c1c;color:#fca5a5}.list-header .error-notification .error-dismiss{color:#fca5a5}.list-header .error-notification .error-dismiss:hover{background-color:#fca5a51a}}.works-table{max-width:1200px;margin:0 auto;padding:.5rem}.works-top-bar{display:flex;justify-content:flex-end;margin-bottom:1rem}.empty-works{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.empty-works .empty-add-button-action{margin-top:1rem}.works-container{display:flex;flex-direction:column;gap:0}.empty-icon{font-size:4rem;color:#d1d5db;margin-bottom:1rem}.empty-title{font-size:1.5rem;font-weight:600;color:#374151;margin:0 0 .5rem}.empty-description{color:#6b7280;font-size:1rem;margin:0 0 2rem}.work-card-container{border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid var(--glass-border);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:1rem}.work-card-container:hover{box-shadow:0 8px 25px #0000001a}.work-main-row{background:var(--glass-card);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);justify-content:space-between;align-items:center;padding:1.5rem;cursor:pointer;transition:background-color .2s ease}.work-main-row:hover{background-color:var(--glass-bg)}.work-info{flex:1;display:flex;flex-direction:column;gap:1rem;padding-bottom:10px}.work-id-date{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem;width:100%}.work-id-date .work-date{font-size:.75rem;color:var(--text-muted);font-weight:500}.work-name-status{display:flex;margin-top:.2rem;flex-direction:column;gap:0rem}.work-name-status-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.work-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.work-id{font-size:.875rem;font-weight:600;color:var(--text-muted)}.work-secondary{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.work-progress-section{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex:1}.progress-container-bar-work{display:flex;flex-direction:column;width:100%}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-step{font-size:.875rem;font-weight:600;color:var(--text-accent)}.progress-percentage{font-size:.875rem;font-weight:700;color:var(--text-accent)}.progress-bar{width:100%;height:8px;background:var(--bg-progress);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.work-quick-info{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.quick-info-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-tertiary)}.quick-info-icon{font-size:1rem;color:var(--text-tertiary)}.budget-info{font-weight:600;color:#059669}.work-actions{display:flex;gap:.5rem;margin-left:1rem}.section-title-work{font-size:.9rem;font-weight:500;text-transform:uppercase;color:var(--text-muted);margin:16px 0 8px;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.contact-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.detail-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--glass-bg);border-radius:8px;border:1px solid var(--glass-border)}.detail-item .detail-value{display:flex;align-items:center;gap:.5rem}.detail-icon{font-size:1.25rem;color:#1e40af;flex-shrink:0}.detail-label{font-weight:600;color:#374151;min-width:120px}.detail-value{color:var(--text-primary);flex:1}.budget-value{font-weight:700;color:#059669;font-size:1.1rem}.detail-value a{color:#3b82f6;text-decoration:none}.detail-value a:hover{text-decoration:underline}.status-pill-large{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-pill-large svg{font-size:1rem}.activities-timeline{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--glass-bg);border-radius:12px;border:1px solid var(--glass-border);transition:all .2s ease}@media (max-width: 480px){.activity-item{padding:.75rem .5rem;gap:.75rem}}.activity-item:hover{box-shadow:0 4px 12px #0000000d}.activity-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;font-size:1.1rem;flex-shrink:0}.activity-icon svg{font-size:.7rem}.activity-content{flex:1}.activity-header{gap:1rem;margin-bottom:.5rem}.activity-type{font-weight:700;color:var(--text-muted);font-size:.8rem}.location-link{color:#3b82f6;text-decoration:none}.location-link:hover{text-decoration:underline}.activity-date{font-size:.875rem;color:var(--text-primary);font-weight:500}.activity-time{font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:120px;display:flex;align-items:center;gap:.5rem}.activity-time.open{color:#059669;border:#10b981 1px solid;background:#ecfdf5}.activity-time.closed{color:#dc2626;border:#ef4444 1px solid;background:#fef2f2}.activity-details{display:flex;flex-wrap:wrap;gap:.4rem;padding:.2rem 0}.activity-duration,.activity-amount,.activity-location{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.25rem}.activity-amount{font-weight:700;color:var(--text-success)}.activity-duration a,.activity-location a{color:var(--text-accent);text-decoration:none}.activity-duration a:hover,.activity-location a:hover{text-decoration:underline}.activity-notes{font-size:.875rem;color:var(--text-tertiary);margin-top:.5rem;padding:.75rem;background:var(--glass-card);border-radius:6px;border-left:3px solid #1e40af}.activity-notes div{margin:.25rem 0}.notes-content{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb;color:#374151;line-height:1.6;font-size:.95rem}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}@keyframes shimmer{0%{transform:translate(-50%)}to{transform:translate(10%)}}@media (max-width: 768px){.works-top-bar .works-add-button-action{width:100%;justify-content:center}.work-main-row{padding:.75rem}.work-actions{flex-direction:row;gap:.25rem;margin-left:.5rem}.section-title-work{flex-direction:column;align-items:flex-start;gap:.75rem}}.expanded-content{padding:.75rem .75rem 1rem}.work-expanded{border-top:1px solid var(--glass-border);background:var(--glass-dark);animation:expandDown .3s cubic-bezier(.4,0,.2,1)}.work-tab-content{border-radius:0 0 12px 12px;padding:0}.base-form-modal__hours-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}.base-form-modal__day-block{background:var(--glass-dark);border-radius:10px;border:1px solid var(--glass-border);padding:.5rem}.base-form-modal__day-block>label{font-weight:600;color:var(--text-muted);margin-bottom:.5rem;display:block}.base-form-modal__no-hours{color:var(--text-muted);font-size:.95rem;margin-bottom:.5rem}.base-form-modal__time-row{display:flex;align-items:center;gap:.25rem;margin-bottom:.5rem}.base-form-modal__time-row input[type=time]{width:110px;padding:.5rem;border:2px solid var(--glass-border);border-radius:8px;font-size:.95rem;background:var(--glass-card);transition:border-color .2s}.base-form-modal__time-row input[type=time]:focus{border-color:var(--text-accent);outline:none}.base-form-modal__section{position:relative}.base-form-modal__section-title{display:flex;align-items:center;justify-content:end;gap:1rem}.base-form-modal__card{border:2px solid var(--glass-border-accent);border-radius:12px;background:var(--glass-card-accent);margin-bottom:1rem;padding:1rem .75rem;position:relative}.base-form-modal__card-header{justify-content:space-between;font-weight:700;color:var(--text-accent);font-size:1.1rem;margin-bottom:1rem;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.base-form-modal__actions{display:flex;justify-content:flex-end;margin:.75rem 0 0}.base-form-modal__day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.base-form-modal__label-row{display:flex;justify-content:space-between;align-items:center}.base-form-modal__copy-schedule{display:flex;align-items:center;justify-content:center}.works-filters-bar{display:flex;gap:2rem;align-items:center;margin:0 0 1.5rem;padding:1rem 1.5rem 0;background:transparent}@media (max-width: 600px){.works-filters-bar{flex-direction:column;gap:.75rem;padding:.5rem .5rem 0}}.works-filter-group{display:flex;align-items:center;gap:.75rem}.filter-label{font-weight:600;color:#374151;font-size:.9rem;white-space:nowrap}.filter-select{padding:.5rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;background:#f9fafb;color:#374151;cursor:pointer;transition:all .2s ease;min-width:170px}.filter-select:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.container-noti{padding:16px}.project-dashboard{min-height:100vh;max-width:1080px;margin:0 auto}.project-dashboard .dashboard-header{display:flex;margin:0 .5rem 1rem;align-items:center;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 10px 30px #0000001a}.project-dashboard .dashboard-header .back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease}.project-dashboard .dashboard-header .back-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6b728066}.project-dashboard .dashboard-header .project-title{width:100%}.project-dashboard .dashboard-header .project-title h1{margin:0;color:#1f2937;font-size:2rem;font-weight:700}.project-dashboard .dashboard-header .project-title .project-company{color:#777d88;font-size:1.1rem;margin-bottom:1rem}.project-dashboard .dashboard-nav{display:flex;gap:.5rem;padding:.5rem;background:#fff;border-radius:1rem;box-shadow:0 4px 12px #0000000d;margin:0 .5rem 1rem}.project-dashboard .dashboard-nav .nav-btn{display:flex;align-items:center;gap:.75rem;padding:1rem .5rem;background:transparent;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#6b7280}.project-dashboard .dashboard-nav .nav-btn:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151}.project-dashboard .dashboard-nav .nav-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}@media (max-width: 768px){.project-dashboard .dashboard-nav .nav-btn{padding:.75rem .5rem;font-size:.875rem}.project-dashboard .dashboard-nav .nav-btn svg{font-size:1rem}}@media (max-width: 768px){.project-dashboard .dashboard-nav{gap:.25rem}}.project-dashboard .dashboard-content{background:#fff;border-radius:1rem;box-shadow:0 10px 30px #0000001a;overflow:hidden}.project-dashboard .dashboard-content .tab-content{padding:2rem}@media (max-width: 768px){.project-dashboard .dashboard-content .tab-content{padding:1rem .5rem}}.project-dashboard .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,2fr));gap:1.5rem}.project-dashboard .info-grid .info-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb}.project-dashboard .info-grid .info-card .card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.project-dashboard .info-grid .info-card .card-header .card-icon{color:#3b82f6;font-size:1.5rem}.project-dashboard .info-grid .info-card .card-header h3{margin:0;color:#1f2937;font-size:1.25rem;font-weight:700}.project-dashboard .info-grid .info-card .card-content .info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e5e7eb;font-size:10px}.project-dashboard .info-grid .info-card .card-content .info-row:last-child{border-bottom:none}.project-dashboard .info-grid .info-card .card-content .info-row .label{font-weight:600;color:#374151}.project-dashboard .info-grid .info-card .card-content .info-row .value{color:#6b7280}.project-dashboard .info-grid .info-card .card-content .info-row .value.amount{font-weight:700;color:#059669}.project-dashboard .info-grid .info-card .card-content .info-row .value.progress{font-weight:700;color:#3b82f6}.project-dashboard .info-grid .info-card .card-content .info-row .status{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.project-dashboard .info-grid .info-card .card-content .info-row .status.en-curso{background:#dcfce7;color:#166534}.project-dashboard .info-grid .info-card .card-content .info-row .status.finalizada{background:#f3f4f6;color:#374151}.project-dashboard .info-grid .info-card .card-content .info-row .status.pendiente{background:#fef3c7;color:#92400e}.project-dashboard .info-grid .info-card.chart-card .card-content{position:relative}.project-dashboard .info-grid .info-card.chart-card .card-content .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.project-dashboard .info-grid .info-card.chart-card .card-content .progress-text .progress-value{display:block;font-size:2rem;font-weight:700;color:#3b82f6}.project-dashboard .info-grid .info-card.chart-card .card-content .progress-text .progress-label{font-size:.875rem;color:#6b7280}.project-dashboard .payments-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.project-dashboard .payments-summary .summary-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:.75rem;padding:1.5rem;text-align:center;border:1px solid #e5e7eb}.project-dashboard .payments-summary .summary-card h4{margin:0 0 1rem;color:#6b7280;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.project-dashboard .payments-summary .summary-card .amount{font-size:1.5rem;font-weight:700;color:#1f2937}.project-dashboard .payments-summary .summary-card .amount.received{color:#059669}.project-dashboard .payments-summary .summary-card .amount.pending{color:#f59e0b}.project-dashboard .payments-sections{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 1024px){.project-dashboard .payments-sections{grid-template-columns:1fr}}.project-dashboard .payments-sections .payments-section h3{margin:0 0 1.5rem;color:#1f2937;font-size:1.25rem;font-weight:700}.project-dashboard .payments-sections .payments-section .payments-list{display:flex;flex-direction:column;gap:1rem}.project-dashboard .payments-sections .payments-section .payments-list .payment-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 4px 12px #0000000d;border-left:4px solid #e5e7eb}.project-dashboard .payments-sections .payments-section .payments-list .payment-item.pending{border-left-color:#f59e0b}.project-dashboard .payments-sections .payments-section .payments-list .payment-item.completed,.project-dashboard .payments-sections .payments-section .payments-list .payment-item.received{border-left-color:#10b981}.project-dashboard .payments-sections .payments-section .payments-list .payment-item.overdue{border-left-color:#ef4444}.project-dashboard .payments-sections .payments-section .payments-list .payment-item .payment-info .payment-concept{font-weight:700;color:#1f2937;margin-bottom:.5rem}.project-dashboard .payments-sections .payments-section .payments-list .payment-item .payment-info .payment-details{display:flex;gap:1rem;font-size:.875rem;color:#6b7280}.project-dashboard .payments-sections .payments-section .payments-list .payment-item .payment-info .payment-details .amount{font-weight:700;color:#059669}@media (max-width: 768px){.project-dashboard .payments-sections .payments-section .payments-list .payment-item .payment-info .payment-details{flex-direction:column;gap:.25rem}}.project-dashboard .payments-sections .payments-section .payments-list .payment-item .payment-status .status-badge{padding:.5rem 1rem;border-radius:2rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.project-dashboard .payments-sections .payments-section .payments-list .payment-item .payment-status .status-badge.pending{background:#fef3c7;color:#92400e}.project-dashboard .payments-sections .payments-section .payments-list .payment-item .payment-status .status-badge.completed{background:#dcfce7;color:#166534}.project-dashboard .payments-sections .payments-section .payments-list .payment-item .payment-status .status-badge.overdue{background:#fee2e2;color:#991b1b}.project-dashboard .payments-sections .payments-section .payments-list .payment-item .payment-actions{display:flex;gap:.5rem}.project-dashboard .payments-sections .payments-section .payments-list .payment-item .payment-actions .action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.375rem;cursor:pointer;transition:all .3s ease;font-size:.875rem}.project-dashboard .payments-sections .payments-section .payments-list .payment-item .payment-actions .action-btn.view-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.project-dashboard .payments-sections .payments-section .payments-list .payment-item .payment-actions .action-btn.download-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.project-dashboard .payments-sections .payments-section .payments-list .payment-item .payment-actions .action-btn.edit-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.project-dashboard .payments-sections .payments-section .payments-list .payment-item .payment-actions .action-btn.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.project-dashboard .payments-sections .payments-section .payments-list .payment-item .payment-actions .action-btn.upload-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.project-dashboard .payments-sections .payments-section .payments-list .payment-item .payment-actions .action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.project-dashboard .files-sections{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 1024px){.project-dashboard .files-sections{grid-template-columns:1fr}}.project-dashboard .files-sections .files-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.project-dashboard .files-sections .files-section .section-header h3{margin:0;color:#1f2937;font-size:1.25rem;font-weight:700}.project-dashboard .files-sections .files-section .section-header .upload-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease}.project-dashboard .files-sections .files-section .section-header .upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.project-dashboard .files-sections .files-section .files-list{display:flex;flex-direction:column;gap:1rem}.project-dashboard .files-sections .files-section .files-list .file-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 4px 12px #0000000d}.project-dashboard .files-sections .files-section .files-list .file-item .file-info{display:flex;align-items:center;gap:1rem}.project-dashboard .files-sections .files-section .files-list .file-item .file-info .file-icon{font-size:2rem}.project-dashboard .files-sections .files-section .files-list .file-item .file-info .file-icon.pdf{color:#ef4444}.project-dashboard .files-sections .files-section .files-list .file-item .file-info .file-icon.image{color:#10b981}.project-dashboard .files-sections .files-section .files-list .file-item .file-info .file-icon.archive{color:#f59e0b}.project-dashboard .files-sections .files-section .files-list .file-item .file-info .file-icon.default{color:#6b7280}.project-dashboard .files-sections .files-section .files-list .file-item .file-info .file-details .file-name{font-weight:700;color:#1f2937;margin-bottom:.5rem}.project-dashboard .files-sections .files-section .files-list .file-item .file-info .file-details .file-meta{display:flex;gap:1rem;font-size:.875rem;color:#6b7280}@media (max-width: 768px){.project-dashboard .files-sections .files-section .files-list .file-item .file-info .file-details .file-meta{flex-direction:column;gap:.25rem}}.project-dashboard .files-sections .files-section .files-list .file-item .file-actions{display:flex;gap:.5rem}.project-dashboard .files-sections .files-section .files-list .file-item .file-actions .action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.375rem;cursor:pointer;transition:all .3s ease;font-size:.875rem}.project-dashboard .files-sections .files-section .files-list .file-item .file-actions .action-btn.view-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.project-dashboard .files-sections .files-section .files-list .file-item .file-actions .action-btn.download-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.project-dashboard .files-sections .files-section .files-list .file-item .file-actions .action-btn.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.project-dashboard .files-sections .files-section .files-list .file-item .file-actions .action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.project-dashboard .payments-tab-container{padding:2rem}@media (max-width: 768px){.project-dashboard .payments-tab-container{padding:1rem}}.project-dashboard .payments-summary-view{max-width:700px;margin:0 auto}.project-dashboard .payments-summary-view .summary-info-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 30px #0000001a;border:1px solid #e5e7eb}.project-dashboard .payments-summary-view .summary-info-card .summary-title{margin:0 0 1.5rem;color:#1f2937;font-size:1.5rem;font-weight:700;text-align:center}.project-dashboard .payments-summary-view .summary-info-card .summary-grid{display:flex;flex-direction:column;gap:1rem}.project-dashboard .payments-summary-view .summary-info-card .summary-grid .summary-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000000d}.project-dashboard .payments-summary-view .summary-info-card .summary-grid .summary-row .summary-label{font-weight:600;color:#374151;font-size:1rem}.project-dashboard .payments-summary-view .summary-info-card .summary-grid .summary-row .summary-value{color:#1f2937;font-size:1.25rem}.project-dashboard .payments-summary-view .summary-info-card .summary-grid .summary-row .summary-value.summary-vat{color:#3b82f6}.project-dashboard .payments-summary-view .summary-info-card .summary-grid .summary-row.summary-total{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}.project-dashboard .payments-summary-view .summary-info-card .summary-grid .summary-row.summary-total .summary-label,.project-dashboard .payments-summary-view .summary-info-card .summary-grid .summary-row.summary-total .summary-value{color:#fff}.project-dashboard .payments-summary-view .summary-info-card .summary-grid .summary-row.summary-total .summary-total-value{font-size:1.5rem;font-weight:700}.project-dashboard .payments-summary-view .start-plan-section{text-align:center}.project-dashboard .payments-summary-view .start-plan-section .start-payment-plan-btn{display:inline-flex;align-items:center;gap:1rem;padding:1.25rem 2.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:1rem;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #10b9814d}.project-dashboard .payments-summary-view .start-plan-section .start-payment-plan-btn .btn-icon{font-size:1.5rem}.project-dashboard .payments-summary-view .start-plan-section .start-payment-plan-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #10b98166}.project-dashboard .payments-summary-view .start-plan-section .start-payment-plan-btn:active{transform:translateY(0)}.project-dashboard .payments-summary-view .start-plan-section .plan-hint{margin-top:1rem;color:#6b7280;font-size:.875rem}.project-dashboard .payment-plan-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:.5rem}.project-dashboard .payment-plan-modal-overlay .payment-plan-modal-content{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;max-width:900px;width:100%;max-height:90vh;overflow-y:auto}.project-dashboard .payment-plan-modal-overlay .payment-plan-modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.project-dashboard .payment-plan-modal-overlay .payment-plan-modal-content .modal-header .modal-title{margin:0;color:#1f2937;font-size:1.5rem;font-weight:700}.project-dashboard .payment-plan-modal-overlay .payment-plan-modal-content .modal-header .modal-close-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#f3f4f6;border:none;border-radius:.5rem;font-size:1.25rem;color:#6b7280;cursor:pointer;transition:all .2s ease}.project-dashboard .payment-plan-modal-overlay .payment-plan-modal-content .modal-header .modal-close-btn:hover{background:#e5e7eb;color:#1f2937}.project-dashboard .payment-plan-modal-overlay .payment-plan-modal-content .modal-body{padding:1rem}@media (max-width: 768px){.project-dashboard .payment-plan-modal-overlay .payment-plan-modal-content .modal-body{padding:.2rem}}@media (max-width: 768px){.project-dashboard .dashboard-header{flex-direction:column;align-items:flex-start;gap:.6rem}.project-dashboard .dashboard-header .project-title h1{font-size:1.5rem}.project-dashboard .dashboard-nav .nav-btn{flex:1;justify-content:center}}.contacts-timeline .contact-item{margin-bottom:1rem}.contacts-timeline .contact-item .contact-header{margin-bottom:.5rem}.contacts-timeline .contact-item .contact-header .contact-role{font-weight:600;color:#374151;font-size:.875rem}.contacts-timeline .contact-item .contact-header .contact-name{color:#6b7280;font-size:.875rem}.contacts-timeline .contact-item .contact-details{display:flex;flex-direction:column;gap:.25rem}.contacts-timeline .contact-item .contact-details .contact-detail{display:flex;align-items:center;gap:.5rem}.contacts-timeline .contact-item .contact-details .contact-detail .contact-detail-icon{color:#6b7280;font-size:.75rem}.contacts-timeline .contact-item .contact-details .contact-detail .contact-link{color:#3b82f6;text-decoration:none;font-size:.875rem}.contacts-timeline .contact-item .contact-details .contact-detail .contact-link:hover{text-decoration:underline}.contacts-timeline .contact-item .contact-divider{margin:1rem 0;border:none;border-top:1px solid #e5e7eb}.project-header-info{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 4px 12px #0000000d}.project-header-info .project-main-info .project-main-name{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.project-header-info .project-main-info .project-main-description{color:#6b7280;margin:0 0 1.5rem;line-height:1.6}.project-header-info .project-main-info .work-progress-section .progress-container-bar-work .progress-info{margin:10.5rem;display:flex;justify-content:space-between;align-items:center}.project-header-info .project-main-info .work-progress-section .progress-container-bar-work .progress-info .progress-step{font-size:.875rem;color:#6b7280;font-weight:500}.project-header-info .project-main-info .work-progress-section .progress-container-bar-work .progress-info .progress-percentage{font-size:.875rem;font-weight:700;color:#3b82f6}.project-header-info .project-main-info .work-progress-section .progress-container-bar-work .progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.project-header-info .project-main-info .work-progress-section .progress-container-bar-work .progress-bar .progress-fill{height:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);transition:width .3s ease}.project-type-container{margin-bottom:10px}.danger-zone{margin-top:2rem;padding:1.5rem;border:2px solid #fee2e2;border-radius:8px;background-color:#fef2f2}.danger-zone .danger-zone-header{margin-bottom:1rem}.danger-zone .danger-zone-header h3{color:#dc2626;font-size:1.1rem;margin:0 0 .25rem;font-weight:600}.danger-zone .danger-zone-header p{color:#7f1d1d;font-size:.9rem;margin:0}.delete-project-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#dc2626;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.delete-project-btn:hover:not(:disabled){background-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}.delete-project-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #dc26264d}.delete-project-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.delete-project-btn .delete-icon{font-size:.9rem}.add-partida-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.add-partida-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:480px;max-height:80vh;overflow-y:auto;animation:slideIn .3s ease-out;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.add-partida-modal{max-width:100%;max-height:80vh;margin:0}}.add-partida-modal__form{display:flex;flex-direction:column;gap:1.5rem;padding:32px}@media (max-width: 768px){.add-partida-modal__form{padding:20px}}.add-partida-modal__group{display:flex;flex-direction:column;gap:8px}.add-partida-modal__group label{font-size:.95rem;font-weight:500;color:#374151}.add-partida-modal__group input,.add-partida-modal__group textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#111827;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.add-partida-modal__group input:focus,.add-partida-modal__group textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-partida-modal__group input.error,.add-partida-modal__group textarea.error{border-color:#ef4444;background:#fef2f2}.add-partida-modal__group input.error:focus,.add-partida-modal__group textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.add-partida-modal__group input::placeholder,.add-partida-modal__group textarea::placeholder{color:#9ca3af}.add-partida-modal__group textarea{resize:vertical;min-height:80px;font-family:inherit}.error{color:#ef4444;font-size:.8rem;font-weight:500;margin-top:4px}.add-partida-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px}@media (max-width: 768px){.add-partida-modal__footer{flex-direction:column-reverse;gap:8px}}.add-partida-modal__footer button{border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.add-partida-modal__footer button:disabled{cursor:not-allowed;opacity:.6}@media (max-width: 768px){.add-partida-modal__footer button{width:100%;justify-content:center;padding:14px 24px}}.add-partida-modal__footer button[type=button]{background:#fff;border:2px solid #d1d5db;color:#374151}.add-partida-modal__footer button[type=button]:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.add-partida-modal__footer button[type=button]:active:not(:disabled){transform:translateY(1px)}.add-partida-modal__footer button[type=submit]{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff}.add-partida-modal__footer button[type=submit]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1e40af4d}.add-partida-modal__footer button[type=submit]:active:not(:disabled){transform:translateY(0)}.add-partida-modal__row{display:flex;gap:1rem}.add-partida-modal__row .add-partida-modal__group{flex:1 1 0;min-width:0}.add-partida-modal__row .add-partida-modal__group label{font-size:.95rem;font-weight:500;color:#374151}.add-partida-modal__row .add-partida-modal__group input,.add-partida-modal__row .add-partida-modal__group select{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#111827;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.add-partida-modal__row .add-partida-modal__group input:focus,.add-partida-modal__row .add-partida-modal__group select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-partida-modal__row .add-partida-modal__group input.error,.add-partida-modal__row .add-partida-modal__group select.error{border-color:#ef4444;background:#fef2f2}.add-partida-modal__row .add-partida-modal__group input.error:focus,.add-partida-modal__row .add-partida-modal__group select.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.add-partida-modal__row .add-partida-modal__group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.add-partida-modal__row .add-partida-modal__group .error{color:#ef4444;font-size:.8rem;font-weight:500;margin-top:4px}.delete-btn{color:red;background:transparent;border:none;border-radius:8px;padding:12px 24px;font-weight:600;text-align:center;font-size:.8rem;margin-bottom:15px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.delete-btn:hover{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 12px #ef444433;transform:translateY(-2px)}.delete-btn:active{transform:translateY(1px)}@media (max-width: 600px){.add-partida-modal__row{gap:.5rem}}.add-partida-modal__delete{display:flex;align-items:center;justify-content:end}.chapter-selector select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;background:#fff}.chapter-selector select:focus{outline:none;border-color:#3b82f6}.chapter-input{display:flex;gap:.5rem;align-items:center}.chapter-input input{flex:1}.chapter-input .use-existing-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:.875rem;color:#374151;cursor:pointer;white-space:nowrap}.chapter-input .use-existing-btn:hover{background:#e5e7eb}.tab-content{padding:2rem}@media (max-width: 768px){.tab-content{padding:1rem}}.partidas-header{margin-bottom:2rem}.partidas-header .charts-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 1024px){.partidas-header .charts-section{grid-template-columns:1fr}}.partidas-header .charts-section .chart-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:.75rem;padding:1rem .5rem;border:1px solid #e5e7eb}.partidas-header .charts-section .chart-card h4{margin:0 0 1rem;color:#1f2937;font-size:1.125rem;font-weight:600}.partidas-content .partidas-section{margin-bottom:2rem}.partidas-content .partidas-section:last-child{margin-bottom:0}.partidas-content .partidas-section h3{margin:0 0 1rem;color:#1f2937;font-size:1.5rem;font-weight:700}.partidas-content .partidas-section.extras-section h3{color:#f59e0b}.partidas-content .partidas-section.extras-section .add-extra-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.partidas-content .partidas-section.extras-section .add-extra-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b66}.partidas-content .partidas-section .chapter-section{margin-bottom:1.5rem;background:#e2e1e100;border-radius:.75rem;box-shadow:0 4px 12px #0000000d;overflow:hidden;border:rgba(201,201,201,.7764705882) 1px solid}.partidas-content .partidas-section .chapter-section .chapter-header{display:flex;flex-direction:column;justify-content:space-between;padding:1rem .5rem;background:linear-gradient(135deg,#f8fafc,#dbe5f2);cursor:pointer;transition:all .3s ease}.partidas-content .partidas-section .chapter-section .chapter-header:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.partidas-content .partidas-section .chapter-section .chapter-header .chapter-info{display:flex;justify-content:space-between;align-items:center}.partidas-content .partidas-section .chapter-section .chapter-header .chapter-info h4{margin:0;color:#1f2937;font-size:1.25rem;font-weight:700}.partidas-content .partidas-section .chapter-section .chapter-header .chapter-info .chapter-summary{color:#6b7280;font-size:.875rem}.partidas-content .partidas-section .chapter-section .chapter-header .chapter-progress{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.2rem}.partidas-content .partidas-section .chapter-section .chapter-header .chapter-progress .progress-bar{width:200px;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.partidas-content .partidas-section .chapter-section .chapter-header .chapter-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);transition:width .3s ease}.partidas-content .partidas-section .chapter-section .chapter-header .chapter-progress svg{color:#6b7280;transition:transform .3s ease}.partidas-content .partidas-section .chapter-section .partidas-list .partida-item{display:grid;grid-template-columns:1fr auto auto;gap:1rem;padding:.75rem;border-bottom:1px solid #bbbbbb;align-items:center;width:100%;flex-wrap:wrap}.partidas-content .partidas-section .chapter-section .partidas-list .partida-item:last-child{border-bottom:none}.partidas-content .partidas-section .chapter-section .partidas-list .partida-item.extra-item{background:linear-gradient(135deg,#fef3c7,#fde68a)}@media (max-width: 1024px){.partidas-content .partidas-section .chapter-section .partidas-list .partida-item{grid-template-columns:1fr;gap:1rem}}.partidas-content .partidas-section .chapter-section .partidas-list .partida-item .partida-info .partida-name{display:flex;justify-content:space-between;align-items:start;font-weight:700;color:#1f2937;font-size:1.1rem;margin-bottom:.5rem}.partidas-content .partidas-section .chapter-section .partidas-list .partida-item .partida-info .partida-description{color:#6b7280;margin-bottom:.75rem;font-size:12px}.partidas-content .partidas-section .chapter-section .partidas-list .partida-item .partida-info .partida-details{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;color:#4b5563}.partidas-content .partidas-section .chapter-section .partidas-list .partida-item .partida-info .partida-details .total{font-weight:700;color:#059669}@media (max-width: 768px){.partidas-content .partidas-section .chapter-section .partidas-list .partida-item .partida-info .partida-details{gap:.25rem}}.partidas-content .partidas-section .chapter-section .partidas-list .partida-item .partida-completion{display:flex;align-items:center;gap:.5rem;min-width:150px}.partidas-content .partidas-section .chapter-section .partidas-list .partida-item .partida-completion label{font-size:.875rem;font-weight:600;color:#374151}.partidas-content .partidas-section .chapter-section .partidas-list .partida-item .partida-completion .completion-slider{width:100%;height:6px;background:#1c325d;border-radius:3px;outline:none;cursor:pointer}.partidas-content .partidas-section .chapter-section .partidas-list .partida-item .partida-actions{display:flex;justify-content:flex-end;gap:.5rem}.partidas-content .partidas-section .chapter-section .partidas-list .partida-item .partida-actions .edit-btn,.partidas-content .partidas-section .chapter-section .partidas-list .partida-item .partida-actions .delete-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.partidas-content .partidas-section .chapter-section .partidas-list .partida-item .partida-actions .edit-btn{background:#e5e5e5;color:#676565}.partidas-content .partidas-section .chapter-section .partidas-list .partida-item .partida-actions .edit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.partidas-content .partidas-section .chapter-section .partidas-list .partida-item .partida-actions .delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.partidas-content .partidas-section .chapter-section .partidas-list .partida-item .partida-actions .delete-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.partidas-empty{text-align:center;padding:2rem}.partidas-empty p{color:#6b7280;font-size:1.25rem;margin-bottom:1.5rem}.partidas-empty .add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:1px solid #3b82f6;border-radius:.75rem;cursor:pointer;transition:all .3s ease}.partidas-empty .add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.completion-value{color:#3b82f6;font-weight:500;font-size:1rem}.chapter-container{display:flex;align-items:center;gap:.5rem;font-size:16px;color:#3b82f6;font-weight:700}.partidas-actions{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:1rem}.partidas-actions .export-btn,.partidas-actions .add-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;border:1px solid #6c92cf;border-radius:.75rem;cursor:pointer;color:#1f549f;transition:all .3s ease}.partidas-actions .export-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.partidas-actions .export-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.chapter-header .chapter-amounts{display:flex;justify-content:space-between;align-items:flex-end;gap:.25rem}.chapter-header .chapter-amounts .chapter-completed{display:flex;align-items:center;gap:.5rem}.chapter-header .chapter-amounts .chapter-completed .completed-amount{font-weight:600;color:#10b981;font-size:.75rem}.chapter-header .chapter-amounts .chapter-completed .completed-percentage{font-size:.75rem;color:#6b7280;font-style:italic}.chapter-header .chapter-amounts .chapter-total .total-amount{font-weight:700;color:#1f2937;font-size:.75rem}.project-payments{padding:2rem;max-width:1400px;margin:0 auto}@media (max-width: 768px){.project-payments{padding:.75rem .5rem 1.75rem}}.project-payments .payments-summary-card{background:linear-gradient(135deg,#f8fafc,#dbe5f2);border-radius:16px;padding:.75rem 1rem;border:1px solid #e2e8f0;margin-bottom:2rem;transition:all .3s ease}.project-payments .payments-summary-card .summary-card-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.project-payments .payments-summary-card .summary-card-row:last-child{border-bottom:none}.project-payments .payments-summary-card .summary-card-row .summary-label{font-size:.95rem;color:#64748b;font-weight:600;display:flex;align-items:center;gap:.5rem}.project-payments .payments-summary-card .summary-card-row .summary-value{color:#1e293b;font-size:1.125rem;font-weight:700}.project-payments .payments-summary-card .summary-card-row .summary-vat-controls{display:flex;align-items:center;gap:12px}.project-payments .payments-summary-card .summary-card-row .summary-vat-controls .vat-input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;padding:8px 12px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-weight:600;color:#1e293b;transition:all .2s ease}.project-payments .payments-summary-card .summary-card-row .summary-vat-controls .vat-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.project-payments .payments-summary-card .summary-card-row .summary-vat-controls .vat-input::-webkit-inner-spin-button,.project-payments .payments-summary-card .summary-card-row .summary-vat-controls .vat-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.project-payments .payments-summary-card .summary-card-row .summary-vat-controls .vat-amount-display{color:#10b981;font-weight:700;font-size:1.125rem}.project-payments .payments-summary-card .summary-card-row.summary-total-row{border-top:2px solid #e2e8f0}.project-payments .payments-summary-card .summary-card-row.summary-total-row .summary-total-value{font-size:1.5rem;color:#2563eb;font-weight:800}@media (max-width: 600px){.project-payments .payments-summary-card .summary-card-row .summary-value,.project-payments .payments-summary-card .summary-card-row .summary-total-value{font-size:1rem}}.project-payments .payment-terms-heading{margin:2rem 0 1rem;color:#727579;font-size:1.25rem;font-weight:700;align-items:center;text-align:center;gap:.5rem}.project-payments .payment-terms-description{color:#64748b;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.project-payments .payment-terms-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.project-payments .payment-terms-list .payment-term-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:.75rem .5rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:1rem}.project-payments .payment-terms-list .payment-term-card:hover{border-color:#3b82f6;box-shadow:0 4px 16px #3b82f626}.project-payments .payment-terms-list .payment-term-card .term-card-inputs{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;justify-content:space-between}.project-payments .payment-terms-list .payment-term-card .term-card-inputs .term-label{width:100%;font-weight:700;color:#2563eb;font-size:1rem;display:flex;align-items:center;justify-content:start;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:8px;padding:10px 14px}.project-payments .payment-terms-list .payment-term-card .term-card-inputs .term-percent-input{width:75%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-weight:600;color:#1e293b;transition:all .2s ease;background:#fff}.project-payments .payment-terms-list .payment-term-card .term-card-inputs .term-percent-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.project-payments .payment-terms-list .payment-term-card .term-card-inputs .term-percent-symbol{color:#64748b;font-weight:600;font-size:1rem}.project-payments .payment-terms-list .payment-term-card .term-card-inputs .term-method-select{padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1}.project-payments .payment-terms-list .payment-term-card .term-card-inputs .term-method-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.project-payments .payment-terms-list .payment-term-card .term-card-inputs .term-note-input{flex:2;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s ease;background:#fff;color:#1e293b}.project-payments .payment-terms-list .payment-term-card .term-card-inputs .term-note-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.project-payments .payment-terms-list .payment-term-card .term-card-inputs .term-note-input::placeholder{color:#94a3b8}.project-payments .payment-terms-list .payment-term-card .term-card-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #f1f5f9;width:100%}.project-payments .payment-terms-list .payment-term-card .term-card-actions .term-amount-display{text-align:left;font-weight:700;color:#10b981;font-size:1.25rem;padding:8px 12px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:8px;flex:1}@media (max-width: 900px){.project-payments .payment-terms-list .payment-term-card .term-card-actions .term-amount-display{text-align:center}}.project-payments .terms-actions{display:flex;gap:.3rem;align-items:center;margin-bottom:2rem}.project-payments .terms-actions .add-term-button,.project-payments .terms-actions .reset-terms-button{flex:1}.project-payments .payment-plan-summary{background:#fff;border-radius:12px;padding:.75rem;border:2px solid #e2e8f0;box-shadow:0 4px 20px #0000000f;margin-top:2rem;transition:all .3s ease}.project-payments .payment-plan-summary.plan-invalid{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.project-payments .payment-plan-summary.plan-valid{border-color:#10b981}.project-payments .payment-plan-summary .plan-summary-grid{display:flex;align-items:center;justify-content:space-between;gap:1rem}@media (max-width: 768px){.project-payments .payment-plan-summary .plan-summary-grid{flex-direction:column}}.project-payments .payment-plan-summary .plan-summary-grid .plan-summary-left{flex:1}.project-payments .payment-plan-summary .plan-summary-grid .plan-summary-left .plan-total-percent{display:flex;gap:12px;align-items:center}.project-payments .payment-plan-summary .plan-summary-grid .plan-summary-left .plan-total-percent .plan-percent-label{color:#64748b;font-weight:600;font-size:1rem}.project-payments .payment-plan-summary .plan-summary-grid .plan-summary-left .plan-total-percent .plan-percent-value{font-size:1.5rem;color:#2563eb;font-weight:800}.project-payments .payment-plan-summary .plan-summary-grid .plan-summary-right{flex:1;display:flex;flex-direction:column;gap:1rem;align-items:flex-end}@media (max-width: 768px){.project-payments .payment-plan-summary .plan-summary-grid .plan-summary-right{align-items:stretch}}.project-payments .payment-plan-summary .plan-summary-grid .plan-summary-right .plan-validation-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:.75rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem;border:1px solid #fbbf24}.project-payments .payment-plan-summary .plan-summary-grid .plan-summary-right .plan-save-wrapper .save-plan-button{min-width:200px}@media (max-width: 600px){.project-payments .payment-plan-summary .plan-summary-grid .plan-summary-right .plan-save-wrapper .save-plan-button{width:100%}}.project-payments input,.project-payments textarea,.project-payments select{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:10px 12px;outline:none;transition:all .2s ease}.project-payments input:hover,.project-payments textarea:hover,.project-payments select:hover{border-color:#cbd5e1}.project-payments input:focus,.project-payments textarea:focus,.project-payments select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.project-payments strong{color:#1e293b;font-weight:800}.term-percent-input-group{display:flex;align-items:center;justify-content:end;gap:4px}.term-row-payment{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.notification-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#b1afaf9d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .3s ease-out}.notification-modal-overlay .notification-modal{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;padding:1rem;max-width:600px;width:95%;animation:slideUp .3s ease-out;scrollbar-width:none}.notification-modal-overlay .notification-modal::-webkit-scrollbar{display:none}.notification-modal-overlay .notification-modal .notification-modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.notification-modal-overlay .notification-modal .notification-modal-header .notification-modal-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%}.notification-modal-overlay .notification-modal .notification-modal-header .notification-modal-icon.warning{background:#f59e0b33;color:#f59e0b}.notification-modal-overlay .notification-modal .notification-modal-header .notification-modal-icon.danger{background:#ef444433;color:#ef4444}.notification-modal-overlay .notification-modal .notification-modal-header .notification-modal-icon.info{background:#3b82f626;color:#3b82f6}.notification-modal-overlay .notification-modal .notification-modal-header .notification-modal-icon svg{font-size:1.5rem}.notification-modal-overlay .notification-modal .notification-modal-header h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.notification-modal-overlay .notification-modal .notification-modal-header .notification-modal-cancel{border:1px solid red;background:#f63b3b1f;color:#ed0b0b;font-size:1.7rem;cursor:pointer;padding:.1rem .25rem .3rem;border-radius:9px;transition:background .2s,color .2s,box-shadow .2s}.notification-modal-overlay .notification-modal .notification-modal-header .notification-modal-cancel:hover{transform:scale(1.12)}.notification-modal-overlay .notification-modal .notification-modal-header .notification-modal-cancel:active{transform:scale(.98)}.notification-modal-overlay .notification-modal .notification-modal-header .notification-modal-cancel svg{pointer-events:none;vertical-align:middle}.notification-modal-overlay .notification-modal .notification-modal-body{margin-bottom:2rem;scrollbar-width:none}.notification-modal-overlay .notification-modal .notification-modal-body p{color:var(--text-secondary);margin:0;line-height:1.5}.notification-modal-overlay .notification-modal .notification-modal-body::-webkit-scrollbar{display:none}.notification-modal-overlay .notification-modal .notification-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.notification-modal-overlay .notification-modal .notification-modal-actions .notification-modal-cancel{padding:.75rem 1.5rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s ease}.notification-modal-overlay .notification-modal .notification-modal-actions .notification-modal-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.notification-modal-overlay .notification-modal .notification-modal-actions .notification-modal-confirm{padding:.75rem 1.5rem;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.notification-modal-overlay .notification-modal .notification-modal-actions .notification-modal-confirm.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.notification-modal-overlay .notification-modal .notification-modal-actions .notification-modal-confirm.warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 15px #f59e0b4d}.notification-modal-overlay .notification-modal .notification-modal-actions .notification-modal-confirm.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.notification-modal-overlay .notification-modal .notification-modal-actions .notification-modal-confirm.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 15px #ef44444d}body.modal-open{overflow:hidden!important}.payments-tracker{max-width:1400px;margin:0 auto}.payments-tracker .tracker-header{position:relative;background:linear-gradient(135deg,#f8fafc,#dbe5f2);border-radius:20px;padding:1rem;margin-bottom:1.5rem;overflow:hidden;border:1px solid #e2e8f0}.payments-tracker .tracker-header .header-background-circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.payments-tracker .tracker-header .header-background-circles .background-circle{position:absolute;border-radius:50%;background:#ffffff1a}.payments-tracker .tracker-header .header-background-circles .background-circle.circle-1{width:300px;height:300px;top:-100px;right:-50px}.payments-tracker .tracker-header .header-background-circles .background-circle.circle-2{width:200px;height:200px;bottom:-80px;left:-40px}.payments-tracker .tracker-header .header-content{position:relative;z-index:1}.payments-tracker .tracker-header .header-content .header-title-section{margin-bottom:1.5rem}.payments-tracker .tracker-header .header-content .header-title-section .header-title{font-size:2rem;font-weight:800;margin:0 0 .5rem}@media (max-width: 768px){.payments-tracker .tracker-header .header-content .header-title-section .header-title{font-size:1.5rem}}.payments-tracker .tracker-header .header-content .header-title-section .header-subtitle{font-size:1rem;margin:0}.payments-tracker .tracker-header .header-content .header-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:1rem}.payments-tracker .tracker-header .header-content .header-stats-grid .stat-card{display:flex;justify-content:space-between;align-items:center;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(49,48,48,.2);border-radius:12px;padding:.75rem;transition:all .3s ease}.payments-tracker .tracker-header .header-content .header-stats-grid .stat-card:hover{background:#fff3}.payments-tracker .tracker-header .header-content .header-stats-grid .stat-card .stat-label{display:block;color:#666363cc;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.payments-tracker .tracker-header .header-content .header-stats-grid .stat-card .stat-value{display:block;color:#456dc4;font-size:1rem;font-weight:800}.payments-tracker .tracker-header .header-content .header-stats-grid .stat-card.stat-remaining{background:linear-gradient(135deg,#fff7ed,#fff3d7);border-color:#fbbf2440;box-shadow:0 12px 30px #fbbf2414}.payments-tracker .tracker-header .header-content .header-stats-grid .stat-card.stat-remaining .stat-label{color:#92400e;font-weight:700}.payments-tracker .tracker-header .header-content .header-stats-grid .stat-card.stat-remaining .stat-value{color:#92400e;font-weight:900}.payments-tracker .tracker-header .header-content .header-stats-grid .stat-card.stat-paid{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b9812e;box-shadow:0 8px 20px #10b9810f}.payments-tracker .tracker-header .header-content .header-stats-grid .stat-card.stat-paid .stat-label{color:#065f46;font-weight:700}.payments-tracker .tracker-header .header-content .header-stats-grid .stat-card.stat-paid .stat-value{color:#065f46;font-weight:900}.payments-tracker .tracker-header .header-content .header-stats-grid .stat-card.stat-total .stat-value{color:#254eda;font-weight:900;text-shadow:0 2px 8px rgba(37,78,218,.06)}.payments-tracker .tracker-header .header-content .header-actions{display:flex;justify-content:center}.payments-tracker .tracker-header .header-content .header-actions .edit-plan-button{background:#fff;color:#2563eb;min-width:180px}.payments-tracker .tracker-header .header-content .header-actions .edit-plan-button:hover{background:#f8fafc}.payments-tracker .payments-list-plans{display:flex;flex-direction:column;gap:1.5rem}.payments-tracker .payments-list-plans .empty-state{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;border:2px dashed #cbd5e1}.payments-tracker .payments-list-plans .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.payments-tracker .payments-list-plans .empty-state .empty-message{color:#475569;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.payments-tracker .payments-list-plans .empty-state .empty-hint{color:#64748b;margin:0}.payments-tracker .payments-list-plans .payment-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 12px #0000000d}.payments-tracker .payments-list-plans .payment-card.payment-card-editing{border-color:#f59e0b;box-shadow:0 8px 24px #f59e0b33}.payments-tracker .payments-list-plans .payment-card .payment-card-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:.75rem 1rem;border-bottom:2px solid #e2e8f0}.payments-tracker .payments-list-plans .payment-card .payment-card-header .payment-card-title-row{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.5rem}.payments-tracker .payments-list-plans .payment-card .payment-card-header .payment-card-title-row .payment-label{color:#1e293b;font-size:1rem;font-weight:700;margin:0}.payments-tracker .payments-list-plans .payment-card .payment-card-header .payment-card-title-row .status-badge{padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.payments-tracker .payments-list-plans .payment-card .payment-card-header .payment-card-title-row .status-badge.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24}.payments-tracker .payments-list-plans .payment-card .payment-card-header .payment-card-title-row .status-badge.status-paid{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b981}.payments-tracker .payments-list-plans .payment-card .payment-card-header .payment-card-title-row .status-badge.status-overdue{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #ef4444;animation:pulse-alert 2s infinite}.payments-tracker .payments-list-plans .payment-card .payment-card-header .payment-card-title-row .status-badge.status-cancelled{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1px solid #94a3b8}.payments-tracker .payments-list-plans .payment-card .payment-card-header .payment-card-amount{color:#10b981;font-size:1rem;font-weight:800}.payments-tracker .payments-list-plans .payment-card .payment-card-body{padding:1rem;display:flex;flex-direction:column;gap:1rem}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:1rem}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-info-grid .payment-info-item{display:flex;flex-direction:column;gap:.5rem}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-info-grid .payment-info-item .info-label{color:#64748b;font-size:.5rem;text-transform:uppercase;font-weight:700}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-info-grid .payment-info-item .info-value{color:#1e293b;font-size:.75rem;font-weight:700}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-info-grid .payment-info-item .info-input-select,.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-info-grid .payment-info-item .info-input-date{padding:.625rem;border:2px solid #e2e8f0;border-radius:8px;font-weight:600;color:#1e293b;background:#fff;transition:all .2s ease}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-info-grid .payment-info-item .info-input-select:focus,.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-info-grid .payment-info-item .info-input-date:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-notes-section{display:flex;flex-direction:column;gap:.5rem}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-notes-section .info-label{color:#64748b;font-size:.5rem;text-transform:uppercase;font-weight:700}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-notes-section .notes-textarea{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;color:#1e293b;background:#fff;transition:all .2s ease;resize:vertical;min-height:60px}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-notes-section .notes-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-notes-section .notes-textarea::placeholder{color:#94a3b8}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-notes-section .notes-text{color:#475569;font-size:.95rem;line-height:1.6;margin:0;padding:.75rem;background:#f8fafc;border-radius:8px}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-status-section{display:flex;flex-direction:column;gap:.75rem}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-status-section .info-label{color:#64748b;font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-status-section .status-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}@media (max-width: 600px){.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-status-section .status-buttons-grid{grid-template-columns:repeat(4,1fr)}}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-status-section .status-buttons-grid .status-option{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .9rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#475569;font-weight:700;font-size:.75rem;cursor:pointer;transition:all .18s ease;text-transform:uppercase;letter-spacing:.5px;min-height:40px}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-status-section .status-buttons-grid .status-option:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-status-section .status-buttons-grid .status-option:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-status-section .status-buttons-grid .status-option.status-btn-pending.active{font-weight:900;border-color:#f59e0b;background:#fef3c7;color:#f59e0b;box-shadow:0 6px 18px #f59e0b14}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-status-section .status-buttons-grid .status-option.status-btn-pending:not(.active):hover{background:#fff7e6}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-status-section .status-buttons-grid .status-option.status-btn-paid.active{font-weight:900;border-color:#059669;background:#d1fae5;color:#059669;box-shadow:0 6px 18px #10b9810f}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-status-section .status-buttons-grid .status-option.status-btn-paid:not(.active):hover{background:#ecfff3}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-status-section .status-buttons-grid .status-option.status-btn-overdue.active{font-weight:900;border-color:#ef4444;background:#fee2e2;color:#ef4444;box-shadow:0 6px 18px #ef44440f;animation:pulse-alert 2s infinite}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-status-section .status-buttons-grid .status-option.status-btn-overdue:not(.active):hover{background:#fff5f5}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-status-section .status-buttons-grid .status-option.status-btn-cancelled.active{font-weight:900;border-color:#6b7280;background:#f3f4f6;color:#374151}.payments-tracker .payments-list-plans .payment-card .payment-card-body .payment-status-section .status-buttons-grid .status-option.status-btn-cancelled:not(.active):hover{background:#f8fafc}.payments-tracker .payments-list-plans .payment-card .payment-card-footer{background:transparent;padding:0;border-top:none;display:flex;justify-content:flex-end;align-items:center;gap:.75rem;transition:background .2s ease,padding .2s ease,border-top .2s ease}.payments-tracker .payments-list-plans .payment-card.payment-card-editing .payment-card-footer{background:linear-gradient(180deg,#f8fafc99,#f0f6ffcc);padding:.75rem 1rem;border-top:1px solid rgba(15,23,42,.06);border-bottom-left-radius:12px;border-bottom-right-radius:12px}.payments-tracker .payments-list-plans .payment-card .editing-actions{display:flex;gap:.75rem}@keyframes pulse-alert{0%,to{opacity:1}50%{opacity:.7}}.payment-card-row{display:flex;justify-content:space-between;width:100%}.status-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.28rem .6rem;border-radius:999px;font-weight:600;border:1px solid transparent;background-color:var(--status-bg, var(--status-cancelled-bg, #f3f4f6));color:var(--status-color, var(--status-cancelled-color, #374151));border-color:var(--status-border, var(--status-cancelled-border, transparent));text-transform:uppercase;letter-spacing:.05em}.status-pill--sm{padding:.125rem .5rem;font-size:.6875rem;gap:.25rem}.status-pill--sm .status-pill__icon{font-size:.75rem}.status-pill--md{padding:.25rem .75rem;font-size:.75rem;gap:.375rem}.status-pill--md .status-pill__icon{font-size:.875rem}.status-pill--lg{padding:.375rem 1rem;font-size:.875rem;gap:.5rem}.status-pill--lg .status-pill__icon{font-size:1rem}.status-pill--minimal{background-color:transparent!important;border:none!important;padding-left:0;padding-right:0;text-transform:none;letter-spacing:normal;font-weight:500}.status-pill--clickable{cursor:pointer}.status-pill--clickable:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026;opacity:.9}.status-pill--clickable:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.status-pill--clickable:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.status-pill--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.status-pill--animated .status-pill__icon{transition:transform .3s ease}.status-pill--animated:hover .status-pill__icon{transform:scale(1.1)}.status-pill__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-pill__text{flex:1;line-height:1}.status-pill--urgent{animation:pulse-danger 2s infinite}.status-pill--spinning .status-pill__icon{animation:spin 2s linear infinite}.status-pill--success.status-pill--animated:hover{box-shadow:0 4px 12px #0596694d}.status-pill--danger.status-pill--animated:hover{box-shadow:0 4px 12px #ef44444d}.status-pill--warning.status-pill--animated:hover{box-shadow:0 4px 12px #f59e0b4d}.status-pill--info.status-pill--animated:hover{box-shadow:0 4px 12px #3b82f64d}.status-pill--progress.status-pill--animated:hover{box-shadow:0 4px 12px #8b5cf64d}.status-pill--pending.status-pill--animated{animation:pulse-pending 3s infinite}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.status-pill--lg{padding:.25rem .75rem;font-size:.75rem}.status-pill--md{padding:.1875rem .625rem;font-size:.6875rem}}.status-pill--success{background-color:var(--status-bg, var(--status-paid-bg));color:var(--status-color, var(--status-paid-color, rgb(5, 150, 105)));border-color:var(--status-border, var(--status-paid-border, #10b981))}.status-pill--pending{background-color:var(--status-bg, var(--status-pending-bg));color:var(--status-color, var(--status-pending-color, #92400e));border-color:var(--status-border, var(--status-pending-border, #f59e0b))}.status-pill--danger{background-color:var(--status-bg, var(--status-overdue-bg));color:var(--status-color, var(--status-overdue-color, #9b1c1c));border-color:var(--status-border, var(--status-overdue-border, #ef4444))}.status-pill--warning{background-color:var(--status-bg, var(--status-pending-bg));color:var(--status-color, var(--status-pending-color, #92400e));border-color:var(--status-border, var(--status-pending-border, #f59e0b))}.status-pill--info{background-color:var(--status-bg, var(--status-info-bg));color:var(--status-color, var(--status-info-color, #1e40af));border-color:var(--status-border, var(--status-info-border, #3b82f6))}.status-pill--neutral{background-color:var(--status-bg, var(--status-cancelled-bg));color:var(--status-color, var(--status-cancelled-color, #374151));border-color:var(--status-border, var(--status-cancelled-border, #6b7280))}.status-pill--progress{background-color:var(--status-bg, var(--status-progress-bg));color:var(--status-color, var(--status-progress-color, #6d28d9));border-color:var(--status-border, var(--status-progress-border, #8b5cf6))}.status-pill__icon{display:inline-flex;align-items:center}.status-pill__text{line-height:1}.notification{padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.95rem;animation:slideDown .3s ease-out;font-weight:500}.notification svg{font-size:1.25rem;flex-shrink:0}.notification.success,.notification--success{background:#d1fae5;color:#065f46;border:1px solid #10b981}.notification.error,.notification.danger,.notification--error{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.notification.info,.notification--info{background:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.notification.info{background:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.base-form-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease-out}.base-form-modal{width:100%;max-width:800px;background:var(--bg-primary);border-radius:16px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;border:1px solid var(--glass-border)}.base-form-modal__row{display:flex;gap:5px;width:100%;justify-content:space-between}.base-form-modal__header{padding:1rem;background:var(--gradient-primary);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center}.base-form-modal__title{color:#fff;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.75rem;margin:0}.base-form-modal__title-icon{font-size:1.5rem}.base-form-modal__close-btn{background:#ffffff65;border:none;color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.25rem}.base-form-modal__close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.base-form-modal__form{display:flex;flex-direction:column;flex:1;overflow:hidden}.base-form-modal__content{background:var(--bg-secondary);flex:1;overflow-y:auto;padding:2rem}.base-form-modal__content::-webkit-scrollbar{width:8px}.base-form-modal__content::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.base-form-modal__content::-webkit-scrollbar-thumb{background:var(--glass-card);border-radius:4px}.base-form-modal__content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.base-form-modal__notification{padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.95rem;animation:slideDown .3s ease-out}.base-form-modal__notification svg{font-size:1.25rem;flex-shrink:0}.base-form-modal__notification--success{background:#d1fae5;color:#065f46;border:1px solid #10b981}.base-form-modal__notification--error{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.base-form-modal__notification--info{background:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.base-form-modal__section{margin-bottom:2rem}.base-form-modal__section:last-child{margin-bottom:0}.base-form-modal__section-title{font-size:1.125rem;font-weight:600;color:var(--text-muted);margin:0 0 .5rem;padding-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.base-form-modal__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.base-form-modal__group{display:flex;flex-direction:column;gap:.5rem;width:100%}.base-form-modal__group--full{grid-column:1/-1}.base-form-modal__group-row{display:flex;flex-direction:column;gap:.5rem;width:50%}.base-form-modal__group-row--full{grid-column:1/-1}.base-form-modal__label{font-size:.875rem;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:.5rem}.base-form-modal__label .required{color:#ef4444}.base-form-modal__label-icon{color:var(--text-accent);font-size:1rem}.base-form-modal__input,.base-form-modal__select,.base-form-modal__textarea{padding:.75rem;border:2px solid var(--glass-border);border-radius:8px;font-size:16px;transition:all .2s;font-family:inherit;background:var(--glass-card);color:var(--text-primary)}.base-form-modal__input:focus,.base-form-modal__select:focus,.base-form-modal__textarea:focus{outline:none;border-color:var(--text-accent)}.base-form-modal__input.error,.base-form-modal__select.error,.base-form-modal__textarea.error{border-color:#ef4444;background:#fef2f2}.base-form-modal__input.error:focus,.base-form-modal__select.error:focus,.base-form-modal__textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.base-form-modal__input::placeholder,.base-form-modal__select::placeholder,.base-form-modal__textarea::placeholder{color:#94a3b8}.base-form-modal__select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23475569' d='M4.427 6.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 6H4.604a.25.25 0 00-.177.427z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.base-form-modal__textarea{resize:vertical;min-height:100px;line-height:1.5}.base-form-modal__error{font-size:.8125rem;color:#ef4444;display:flex;align-items:center;gap:.375rem;margin-top:.25rem}.base-form-modal__error svg{font-size:.875rem}.base-form-modal__bank-select-option{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.base-form-modal__bank-main{font-weight:600;color:#1e293b}.base-form-modal__bank-iban{font-size:.875rem;color:#64748b;font-family:monospace}.base-form-modal__footer{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--glass-card);border:1px solid var(--glass-border);border-radius:0 0 16px 16px;z-index:10}.base-form-modal__footer-main{display:flex;justify-content:flex-end;gap:1rem}.base-form-modal__footer-danger{display:flex;justify-content:center;padding-top:.5rem;border-top:1px solid var(--glass-border)}.base-form-modal__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.base-form-modal__info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:1rem;display:flex;gap:.75rem;align-items:start;margin-top:1rem}.base-form-modal__info-box svg{color:#2563eb;font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.base-form-modal__info-box p{margin:0;font-size:.875rem;color:#1e40af;line-height:1.5}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.base-form-modal{max-width:100%}.base-form-modal__content{padding:1rem}.base-form-modal__footer{padding:1rem 1.5rem;flex-direction:column-reverse}.base-form-modal__footer button{width:100%;justify-content:center}}.calendar-input{font-size:.85rem!important}.status-tabs{width:100%;display:flex;gap:.25rem;align-items:center;background:var(--bg-secondary);padding:var(--spacing-xs);border:1px solid var(--glass-border);margin:0 0 1rem;border-radius:var(--border-radius-full)}.status-tabs .status-tab{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;border-radius:var(--border-radius-full, 999px);border:none;background:transparent;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .22s cubic-bezier(.22,1,.36,1);white-space:nowrap;min-width:96px}.status-tabs .status-tab:hover:not(.active){transform:translateY(-2px);box-shadow:0 6px 16px #1018280a}.status-tabs .status-tab.active{background:var(--tab-active-bg, var(--gradient-primary));color:var(--tab-active-color, #fff);border:none;font-weight:600}.works-page{min-height:100vh;max-width:1080px;margin:0 auto}.works-page .loading-container{display:flex;justify-content:center;align-items:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.works-page .loading-container .loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.works-page .loading-container .loading-spinner .spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.works-page .loading-container .loading-spinner .loading-text{color:#6b7280;font-size:1.1rem;font-weight:500;margin:0}.works-page .stats-bar{display:flex;gap:1rem;margin-bottom:2rem}@media (max-width: 768px){.works-page .stats-bar{gap:.5rem}}.works-page .stats-bar .stat-card{flex:1;background:#fff;text-align:center;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(30,64,175,.1);transition:all .2s ease}.works-page .stats-bar .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.works-page .stats-bar .stat-card .stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.works-page .stats-bar .stat-card .stat-header .stat-title{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.works-page .stats-bar .stat-card .stat-header .stat-icon{font-size:1.5rem;color:#3b82f6;opacity:.7}.works-page .stats-bar .stat-card .stat-value{font-size:2rem;font-weight:700;color:#1e293b;line-height:1}.works-page .stats-bar .stat-card .stat-change{font-size:.7rem;margin-top:.5rem}.works-page .stats-bar .stat-card .stat-change.positive{color:#059669}.works-page .stats-bar .stat-card .stat-change.negative{color:#dc2626}.works-page .stats-bar .stat-card .stat-change.neutral{color:#6b7280}.works-page .page-filters{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(30,64,175,.1)}@media (max-width: 768px){.works-page .page-filters{padding:1rem;border-radius:12px}}.works-page .page-filters .filters-content{display:flex;gap:1.5rem;align-items:center}@media (max-width: 768px){.works-page .page-filters .filters-content{flex-direction:column;gap:1rem}}.works-page .page-filters .filters-content .search-group{flex:1;position:relative}@media (max-width: 768px){.works-page .page-filters .filters-content .search-group{width:100%}}.works-page .page-filters .filters-content .search-group .search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#f9fafb}.works-page .page-filters .filters-content .search-group .search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.works-page .page-filters .filters-content .search-group .search-input::placeholder{color:#9ca3af}.works-page .page-filters .filters-content .search-group .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;font-size:1.2rem}.works-page .page-filters .filters-content .filter-group{display:flex;gap:1rem;align-items:center}@media (max-width: 768px){.works-page .page-filters .filters-content .filter-group{width:100%;justify-content:space-between}}.works-page .page-filters .filters-content .filter-group .filter-label{font-weight:600;color:#374151;font-size:.9rem;white-space:nowrap}.works-page .page-filters .filters-content .filter-group .filter-select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.9rem;background:#f9fafb;color:#374151;cursor:pointer;transition:all .2s ease;min-width:200px}.works-page .page-filters .filters-content .filter-group .filter-select:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.works-page .page-filters .filters-content .filter-group .filter-select{flex:1;min-width:auto}}.works-page .page-content .empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.works-page .page-content .empty-state .empty-icon{font-size:4rem;color:#d1d5db;margin-bottom:1rem}.works-page .page-content .empty-state .empty-title{font-size:1.5rem;font-weight:600;color:#374151;margin:0 0 .5rem}.works-page .page-content .empty-state .empty-description{color:#6b7280;font-size:1rem;margin:0 0 2rem}.works-page .page-content .empty-state .empty-action{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.works-page .page-content .empty-state .empty-action:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.works-page .page-content .empty-state .empty-action:active{transform:translateY(0)}.works-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.works-loading .loading-container{text-align:center;background:#fff;padding:3rem;border-radius:16px;box-shadow:0 10px 30px #0000001a}.works-loading .loading-container .loading-spinner{font-size:3rem;color:#3b82f6;animation:spin 1s linear infinite;margin-bottom:1.5rem}.works-loading .loading-container .loading-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.works-loading .loading-container .loading-description{color:#64748b;margin:0}.works-error{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.works-error .error-container{text-align:center;background:#fff;padding:3rem;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:500px}.works-error .error-container .error-icon{font-size:4rem;margin-bottom:1.5rem}.works-error .error-container .error-title{font-size:1.5rem;font-weight:600;color:#dc2626;margin:0 0 1rem}.works-error .error-container .error-description{color:#64748b;margin:0 0 2rem;line-height:1.6}.works-error .error-container .error-retry-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:.75rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.works-error .error-container .error-retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #dc262666}@media (max-width: 768px){.works-page{padding:0}.works-loading .loading-container,.works-loading .error-container,.works-error .loading-container,.works-error .error-container{margin:1rem;padding:2rem}}.home-menu{padding:1rem 0;transition:color .16s ease,background .16s ease,border-color .16s ease}.home-menu .menu-container{max-width:1080px;margin:0 auto;padding:0 var(--spacing-sm)}.home-menu .menu-header{text-align:center;margin-bottom:3rem}.home-menu .menu-header .welcome-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-blue-dark),var(--primary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.home-menu .menu-header .welcome-subtitle{font-size:1.1rem;color:var(--text-muted);font-weight:400}.home-menu .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:0 auto}@media (max-width: 768px){.home-menu .card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:0 1rem}}.home-menu .card-home{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:20px;text-align:center;text-decoration:none;color:var(--text-primary);padding:1rem .5rem;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0206170a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .16s ease;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);animation-fill-mode:both}.home-menu .card-home:hover{box-shadow:0 20px 25px -5px #3b82f614;border-color:var(--primary-blue)}.home-menu .card-home:hover .card-title{color:var(--primary-blue)}.home-menu .card-home .card-icon{border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto .5rem;color:var(--text-muted-secondary)}.home-menu .card-home .card-icon svg{font-size:2rem}.home-menu .card-home .card-title{font-size:1.25rem;font-weight:700;color:var(--text-secondary);margin:0 0 .5rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.home-menu .card-home .card-description{font-size:.9rem;color:var(--text-muted);margin:0;font-weight:400}.home-menu .card-home.active{border-color:var(--primary-blue);background:linear-gradient(135deg,#0ea5e90a,#2563eb08);transform:translateY(-4px);box-shadow:0 12px 20px -5px #3b82f61f}.home-menu .card-home.active:before{transform:scaleX(1)}.home-menu .card-home.active .card-icon{transform:scale(1.05);color:var(--primary-blue)}.home-menu .card-home.active .card-title{color:var(--primary-blue);font-weight:800}@media (max-width: 968px){.home-menu .card-home{padding:.75rem 1rem}}@media (max-width: 780px){.home-menu .card-home{padding:.5rem .75rem}}.home-menu .card-home.loading{pointer-events:none;opacity:.7}.home-menu .card-home.loading .card-icon{animation:pulse 2s infinite}.home-menu .card-home:nth-child(1){animation-delay:.1s}.home-menu .card-home:nth-child(2){animation-delay:.2s}.home-menu .card-home:nth-child(3){animation-delay:.3s}.home-menu .card-home:nth-child(4){animation-delay:.4s}.home-menu .card-home:nth-child(5){animation-delay:.5s}.home-menu .card-home:nth-child(6){animation-delay:.6s}@media (max-width: 768px){.home-menu{display:none}}.mobile-bottom-nav{display:none}@media (max-width: 768px){.mobile-bottom-nav{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(59,130,246,.06);z-index:1000;padding:.5rem 0 2rem;box-shadow:0 -4px 20px #0000000f;transition:background .16s ease,border-color .16s ease,color .16s ease}}.mobile-bottom-nav .nav-container{display:flex;justify-content:space-around;align-items:center;max-width:500px;margin:0 auto;padding:0 1rem}.mobile-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-muted);padding:.5rem .75rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-width:60px}.mobile-bottom-nav .nav-item:hover{color:var(--primary-blue);background:#3b82f60a;transform:translateY(-2px)}.mobile-bottom-nav .nav-item.active{color:var(--primary-blue);background:linear-gradient(135deg,#3b82f614,#1d4ed80a)}.mobile-bottom-nav .nav-item.active .nav-icon{transform:scale(1.1);color:var(--primary-blue)}.mobile-bottom-nav .nav-item.active .nav-label{font-weight:600;color:var(--primary-blue)}.mobile-bottom-nav .nav-item.active .nav-indicator{opacity:1;transform:scale(1)}.mobile-bottom-nav .nav-icon{font-size:1.5rem;margin-bottom:.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-bottom-nav .nav-icon svg{display:block;color:inherit}.mobile-bottom-nav .nav-label{font-size:.7rem;font-weight:500;text-align:center;transition:all .3s ease;line-height:1}.mobile-bottom-nav .nav-indicator{position:absolute;top:-2px;left:50%;transform:translate(-50%) scale(0);width:4px;height:4px;background:var(--primary-blue);border-radius:50%;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-bottom-nav{animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.nav-item.loading{pointer-events:none;opacity:.6}.nav-item.loading .nav-icon{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}[data-theme=dark] .home-menu .card-home{box-shadow:0 4px 10px #02061733}[data-theme=dark] .home-menu .menu-header .welcome-subtitle{color:var(--text-secondary)}[data-theme=dark] .home-menu .mobile-bottom-nav{background:var(--bg-secondary);border-top-color:#60a5fa0f;box-shadow:0 -6px 20px #02061773}[data-theme=dark] .home-menu .card-home .card-icon{color:var(--text-muted)}[data-theme=dark] .home-menu .card-home .card-title{color:var(--text-secondary)}[data-theme=dark] .home-menu .nav-item{color:var(--text-muted)}[data-theme=dark] .home-menu .nav-item:hover{background:#60a5fa08}[data-theme=dark] .home-menu .nav-item.active{background:linear-gradient(135deg,#60a5fa0f,#2563eb0a)}.provider-locations{border-top:5px dotted rgba(59,59,113,.3176470588);border-bottom:5px dotted rgba(59,59,113,.3176470588)}.provider-locations__title{font-size:18px;font-weight:700;color:#1a202c;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.5px;background:transparent}.provider-locations__block{border-bottom:12px solid #e2e8f0}.provider-locations__grid{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;padding:2rem;border-radius:0;gap:1.5rem;display:flex;flex-direction:column}@media (max-width: 768px){.provider-locations__grid{padding:1.5rem;gap:1rem}}.provider-locations__card{display:flex;flex-direction:column;gap:8px;transition:all .3s ease}@media (min-width: 768px){.provider-locations__card{flex-direction:row;align-items:center;gap:1rem}}@media (max-width: 768px){.provider-locations__card{padding:0rem}}.provider-locations__label{font-weight:600;font-size:14px;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin:0}@media (min-width: 768px){.provider-locations__label{min-width:160px;flex-shrink:0}}.provider-locations__input{flex:1;font-size:12px;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#374151;transition:all .3s ease}.provider-locations__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.provider-locations__input::placeholder{color:#a0aec0}.provider-locations__input:hover{border-color:#3b82f6}.provider-locations__actions{display:flex;justify-content:flex-end;gap:1rem;padding:2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}@media (max-width: 768px){.provider-locations__actions{flex-direction:column;padding:1.5rem}}.provider-locations__toggle-btn{padding:16px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;min-width:200px;box-shadow:0 4px 6px -1px #10b9814d;display:flex;align-items:center;justify-content:center;gap:8px}.provider-locations__toggle-btn:hover{box-shadow:0 8px 25px #10b98166}.provider-locations__toggle-btn:active{transform:translateY(0)}@media (max-width: 768px){.provider-locations__toggle-btn{width:100%}}.provider-locations__remove-btn{padding:16px 32px;background:#fff;color:#ef4444;border:2px solid #ef4444;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;min-width:200px;display:flex;align-items:center;justify-content:center;gap:8px}.provider-locations__remove-btn:hover{background:#ef4444;color:#fff;box-shadow:0 4px 6px -1px #ef44444d}.provider-locations__remove-btn:active{transform:translateY(0)}@media (max-width: 768px){.provider-locations__remove-btn{width:100%}}.provider-locations__icon{font-size:16px}.provider-locations__hours-grid{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;padding:2rem;border-radius:0;gap:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));border-top:1px solid #e2e8f0}@media (max-width: 768px){.provider-locations__hours-grid{grid-template-columns:1fr;padding:1.5rem;gap:1rem}}.provider-locations__day-block{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}@media (max-width: 768px){.provider-locations__day-block{padding:1rem}}.provider-locations__day-title{font-weight:600;font-size:14px;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;display:block;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.provider-locations__time-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:8px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;border:1px solid #e2e8f0}.provider-locations__time-input{padding:8px 12px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#374151;transition:all .3s ease}.provider-locations__time-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.provider-locations__time-input:hover{border-color:#3b82f6}.provider-locations__add-small{font-size:12px;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;margin-top:8px;box-shadow:0 2px 4px #3b82f64d}.provider-locations__add-small:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f666}.provider-locations__add-btn{padding:16px 32px;color:linear-gradient(135deg,#3b82f6,#1d4ed8);background:#fff;border:1px solid rgb(0,173,254);border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;min-width:250px}.provider-locations__add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.provider-locations__add-btn:active{transform:translateY(0)}@media (max-width: 768px){.provider-locations__add-btn{width:100%}}.provider-locations__button-container{display:flex;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0}@media (max-width: 768px){.provider-locations__button-container{padding:1.5rem}}@media (max-width: 600px){.provider-locations__grid,.provider-locations__actions{padding:1rem}}.provider-contacts{border-bottom:5px dotted rgba(59,59,113,.319)}.section-title{font-size:18px;font-weight:700;color:#1a202c;padding-left:15px;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.5px}.contact-card{border-bottom:12px solid #e2e8f0}.contact-grid{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;padding:2rem;border-radius:0;gap:1.5rem;display:flex;flex-direction:column}@media (max-width: 768px){.contact-grid{padding:1.5rem;gap:1rem}}.contact-field-card{display:flex;flex-direction:column;gap:8px;transition:all .3s ease}@media (min-width: 768px){.contact-field-card{flex-direction:row;align-items:center;gap:1rem}}@media (max-width: 768px){.contact-field-card{padding:12px}}.contact-field-label{font-weight:600;font-size:14px;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin:0;display:flex;align-items:center;gap:8px}@media (min-width: 768px){.contact-field-label{min-width:160px;flex-shrink:0}}.input-field{flex:1;font-size:12px;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#374151;transition:all .3s ease}.input-field:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-field::placeholder{color:#a0aec0}.input-field:hover{border-color:#3b82f6}.input-group{transition:all .3s ease}@media (max-width: 768px){.input-group{padding:12px}}.input-group h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.input-row{display:flex;flex-direction:column;gap:8px;margin-bottom:1rem}@media (min-width: 768px){.input-row{flex-direction:row;align-items:center;gap:1rem}}.input-row .input-row-label{font-weight:600;font-size:14px;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin:0}@media (min-width: 768px){.input-row .input-row-label{min-width:120px;flex-shrink:0}}.input-row .input-row-content{flex:1;display:flex;gap:8px;align-items:center}.btn{cursor:pointer;border-radius:12px;border:none;padding:12px 20px;transition:all .3s ease;-webkit-user-select:none;user-select:none;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.btn-small{font-size:12px;padding:10px 16px;border-radius:10px}.btn-outline{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;box-shadow:0 4px 6px -1px #3b82f64d}.btn-outline:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.btn-outline:active{transform:translateY(0)}.btn-danger{background:#fff;color:#ef4444;border:2px solid #ef4444}.btn-danger:hover{background:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px -1px #ef44444d}.btn-danger:active{transform:translateY(0)}.btn-add{color:#3b82f6;background:none;border:none;cursor:pointer;margin-top:1rem;font-weight:600;font-size:14px;text-decoration:none;padding:8px 16px;border-radius:8px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-add:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#1d4ed8;transform:translateY(-1px)}.btn-add:before{content:"+ ";font-weight:700;margin-right:4px}.provider-contacts-action{display:flex;justify-content:flex-end;padding:2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0}@media (max-width: 768px){.provider-contacts-action{padding:1.5rem;justify-content:center}}.add-contact-btn{display:flex;justify-content:center;margin:0 auto;padding:16px 32px;color:linear-gradient(135deg,#3b82f6,#1d4ed8);background:#fff;border:1px solid rgb(0,173,254);border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;min-width:250px}.add-contact-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.add-contact-btn:active{transform:translateY(0)}.add-contact-btn:before{content:"+ ";font-weight:700;margin-right:8px}@media (max-width: 768px){.add-contact-btn{width:100%}}.add-contact-container{display:flex;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0}@media (max-width: 768px){.add-contact-container{padding:1.5rem}}.provider-locations__remove-small{color:#ef4444;background:#fff;border:2px solid #ef4444;font-size:16px;padding:4px 8px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:700}.provider-locations__remove-small:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(59,130,246,.3);border-radius:50%;border-top-color:#3b82f6;animation:spin 1s ease-in-out infinite;margin-right:8px}@media (max-width: 600px){.contact-grid{padding:2px 4px}.provider-contacts-action{padding:1rem}}.provider-form{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:2px solid #e2e8f0;position:relative;margin-bottom:2rem}@media (max-width: 768px){.provider-form{margin:1rem;border-radius:16px}}.provider-form__grid{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;padding:2rem;border-radius:0;gap:1.5rem;display:flex;flex-direction:column}@media (max-width: 768px){.provider-form__grid{padding:1.5rem;gap:1rem}}.provider-form__card{display:flex;flex-direction:column;gap:8px;transition:all .3s ease}@media (min-width: 768px){.provider-form__card{flex-direction:row;align-items:center}}.provider-form__label{font-weight:600;font-size:14px;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin:0}@media (min-width: 768px){.provider-form__label{min-width:160px;flex-shrink:0}}.provider-form__input,.provider-form__textarea{flex:1;font-size:13px;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#374151;transition:all .3s ease}.provider-form__input:focus,.provider-form__textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.provider-form__input::placeholder,.provider-form__textarea::placeholder{color:#a0aec0}.provider-form__input:hover,.provider-form__textarea:hover{border-color:#3b82f6}.provider-form__textarea{min-height:120px;resize:vertical;line-height:1.6}@media (min-width: 768px){.provider-form__textarea-card{flex-direction:column;align-items:stretch}}@media (min-width: 768px){.provider-form__textarea-card .provider-form__label{min-width:unset;margin-bottom:8px}}.provider-form__textarea-card .provider-form__textarea{min-height:140px}.provider-form__logo-preview{margin-top:12px;max-width:120px;max-height:80px;border-radius:12px;object-fit:contain;align-self:flex-start;transition:all .3s ease}.provider-form__logo-preview:hover{transform:scale(1.05);box-shadow:0 8px 15px -3px #3b82f626;border-color:#3b82f6}@media (min-width: 768px){.provider-form__logo-preview{margin-left:1rem;margin-top:0}}.provider-form__actions{display:flex;justify-content:flex-end;gap:1rem;padding:2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0}@media (max-width: 768px){.provider-form__actions{flex-direction:column;padding:1.5rem}}.provider-form__primary-btn{padding:16px 32px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;min-width:150px;box-shadow:0 4px 6px -1px #3b82f64d}.provider-form__primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.provider-form__primary-btn:active{transform:translateY(0)}@media (max-width: 768px){.provider-form__primary-btn{width:100%}}.provider-form__secondary-btn{padding:16px 32px;background:#fff;color:#374151;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;min-width:150px}.provider-form__secondary-btn:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.provider-form__secondary-btn:active{transform:translateY(0)}@media (max-width: 768px){.provider-form__secondary-btn{width:100%}}.provider-form__notification{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:16px;font-weight:600;margin:2rem;margin-bottom:0;font-size:14px;box-shadow:0 4px 6px -1px #0000001a;animation:slideIn .3s ease-out}.provider-form__notification svg{font-size:18px;flex-shrink:0}.provider-form__notification--success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border:2px solid #10b981}.provider-form__notification--error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:2px solid #ef4444}.provider-form__notification--info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;border:2px solid #3b82f6}@media (max-width: 768px){.provider-form__notification{margin:1rem;margin-bottom:0;padding:12px 16px;font-size:13px}}.provider-form__input:focus,.provider-form__textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.provider-form__input:disabled,.provider-form__textarea:disabled{background-color:#f9fafb;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.provider-form__primary-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.provider-form__primary-btn:disabled:hover{transform:none;box-shadow:none}@media (max-width: 600px){.provider-form{margin:0rem}.provider-form__grid{padding:1rem}.provider-form__card{padding:2px 4px}.provider-form__actions{padding:1rem}}.provider-table{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:2px solid #e2e8f0;position:relative}.provider-table .empty-state{color:#6b7280;font-style:italic;text-align:center;padding:3rem;font-size:16px}.provider-table .table-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:grid;grid-template-columns:80px 1fr 120px;gap:1rem;padding:1rem 1.5rem;color:#fff;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.provider-table .table-header{grid-template-columns:60px 1fr 100px;padding:.75rem 1rem;font-size:12px}}.provider-table .table-header .header-cell{display:flex;align-items:center}.provider-table .table-header .header-cell.right-align{justify-content:flex-end}.provider-table .table-body .table-row{display:grid;grid-template-columns:80px 1fr 70px;gap:1rem;padding:8px 16px;align-items:center;transition:all .3s ease;border-bottom:1px solid #e2e8f0}.provider-table .table-body .table-row:last-child{border-bottom:none}.provider-table .table-body .table-row:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}@media (max-width: 768px){.provider-table .table-body .table-row{grid-template-columns:60px 1fr 100px;padding:8px 16px}}.provider-table .logo-cell{display:flex;align-items:center;justify-content:center}.provider-table .logo-cell .provider-logo{height:50px;max-width:70px;object-fit:contain;transition:all .3s ease}.provider-table .logo-cell .provider-logo:hover{transform:scale(1.05);box-shadow:0 4px 8px #3b82f626}@media (max-width: 768px){.provider-table .logo-cell .provider-logo{height:40px;max-width:60px}}.provider-table .logo-cell .no-logo{font-style:italic;color:#9ca3af;font-size:12px;text-align:center;padding:8px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:8px;border:1px dashed #d1d5db}.provider-table .name-cell{font-weight:600;color:#1a202c;font-size:16px}@media (max-width: 768px){.provider-table .name-cell{font-size:14px}}.provider-table .actions-cell{display:flex;justify-content:flex-end;gap:8px}.provider-table .actions-cell .action-button{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:16px}.provider-table .actions-cell .action-button:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.provider-table .actions-cell .action-button.edit-button{color:#3b82f6;border-color:#3b82f6}.provider-table .actions-cell .action-button.edit-button:hover{background:#3b82f6;color:#fff}.provider-table .actions-cell .action-button.delete-button{color:#ef4444;border-color:#ef4444}.provider-table .actions-cell .action-button.delete-button:hover{background:#ef4444;color:#fff}.provider-table .actions-cell .action-button.delete-button.confirm{background:#dc2626;color:#fff;border-color:#dc2626;font-weight:700}.provider-table .actions-cell .action-button.delete-button.confirm:hover{background:#b91c1c;border-color:#b91c1c}@media (max-width: 768px){.provider-table .actions-cell .action-button{padding:6px;font-size:14px}}.providers-dashboard{max-width:1080px;margin:0 auto}.providers-dashboard__title{font-size:2rem;font-weight:700;color:#222;margin-bottom:1rem;text-align:center;letter-spacing:.03em}.providers-dashboard__container{display:flex;flex-wrap:wrap;gap:1rem;margin:16px}.providers-dashboard__table{flex:0 0 320px;max-width:320px;box-shadow:0 8px 12px #00000014;border-radius:10px;overflow-x:auto}.providers-dashboard__form{flex:1 1 0;min-width:280px;box-shadow:0 8px 12px #00000014;border-radius:10px}@media (max-width: 767px){.providers-dashboard__container{flex-direction:column}.providers-dashboard__table,.providers-dashboard__form{flex:1 1 100%;box-shadow:0 0 #0000;border:0;max-width:100%}}.notes-board{padding:2rem;max-width:1200px;margin:0 auto;min-height:100vh}@media (min-width: 768px){.notes-board{display:flex;justify-content:center;gap:2rem}}@media (max-width: 768px){.notes-board{padding:1rem}}.notes-board .status-filters{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.notes-board .status-filters{gap:.5rem;margin-bottom:1rem}}.notes-board .status-filters .filter-button{padding:12px 24px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#64748b;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;box-shadow:0 4px 6px -1px #0000001a}.notes-board .status-filters .filter-button:hover{box-shadow:0 8px 15px -3px #3b82f626;border-color:#3b82f6;color:#3b82f6}.notes-board .status-filters .filter-button.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#3b82f6;box-shadow:0 6px 12px -2px #3b82f64d}@media (max-width: 768px){.notes-board .status-filters .filter-button{padding:8px;font-size:10px;flex:1;min-width:0}}.notes-board .notes-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;width:50%}@media (max-width: 868px){.notes-board .notes-list{width:100%}}.notes-board .notes-list__card{display:flex;flex-direction:column;background:#fff;border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 5px 5px -3px #0000000a;transition:all .3s ease;position:relative}.notes-board .notes-list__card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#1d4ed8);transform:scaleX(0);transition:transform .3s ease}.notes-board .notes-list__card.obras .notes-list__badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.notes-board .notes-list__card.llamar .notes-list__badge{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.notes-board .notes-list__card.pagos .notes-list__badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notes-board .notes-list__card.correo .notes-list__badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.notes-board .notes-list__card.otro .notes-list__badge{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.notes-board .notes-list .notes-list__badge{display:flex;gap:8px;align-items:center;padding:8px 16px;border-radius:20px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;align-self:flex-start;box-shadow:0 4px 6px -1px #0000001a}.notes-board .notes-list .notes-list__text{font-size:15px;padding-top:12px;color:#374151;line-height:1.6}.notes-board .notes-list .notes-list__deadline{font-size:13px;color:#6b7280;font-weight:500}.notes-board .notes-list .notes-list__actions{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.notes-board .notes-list .notes-list__actions.pendiente{background:linear-gradient(135deg,#fef3c7,#f4b562)}.notes-board .notes-list .notes-list__actions.completado{background:linear-gradient(135deg,#d1fae5,#37d99b)}.notes-board .notes-list .notes-list__actions .status-info{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#374151}.notes-board .notes-list .notes-list__actions .action-buttons{display:flex;align-items:center;gap:8px}.notes-board .notes-list .notes-list__actions .action-buttons button{background:#fff;border:none;border-radius:8px;padding:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.notes-board .notes-list .notes-list__actions .action-buttons button:hover{box-shadow:0 4px 6px -1px #0000001a}.notes-board .notes-list .notes-list__actions .action-buttons button:disabled{opacity:.5;cursor:not-allowed;transform:none}.notes-board .notes-list .notes-list__actions .action-buttons button:nth-child(1){color:#fff;border-color:#22c55e;background-color:#4bab6e}.notes-board .notes-list .notes-list__actions .action-buttons button:nth-child(1):hover{background:#16a34a;color:#fff}.notes-board .notes-list .notes-list__actions .action-buttons button:nth-child(2){color:#fff;border-color:#3b82f6;background-color:#3b82f6}.notes-board .notes-list .notes-list__actions .action-buttons button:nth-child(2):hover{background:#2563eb;color:#fff}.notes-board .notes-list .notes-list__actions .action-buttons button:nth-child(3){color:#fff;border-color:#ef4444;background-color:#ef4444}.notes-board .notes-list .notes-list__actions .action-buttons button:nth-child(3):hover{background:#dc2626;color:#fff}.notes-board .error{color:#ef4444;font-size:14px;margin-bottom:1rem;padding:12px 16px;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;border-radius:8px}.notes-list__container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px;-webkit-user-select:none;user-select:none}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:24px;top:0;left:0;right:0;bottom:0;transition:.4s;box-shadow:0 2px 4px #0000001a}.toggle-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.4s;z-index:1;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.slider{background:linear-gradient(135deg,#10b981,#059669)}.toggle-switch input:checked+.slider:before{transform:translate(24px)}.toggle-switch input:disabled+.slider{background:#d1d5db;cursor:not-allowed}.toggle-switch input:disabled+.slider:before{background-color:#f3f4f6}.notes-list__block{padding:8px 16px}.priority-dots{display:flex;justify-content:flex-end;gap:6px;align-items:center}.priority-dots .dot{width:10px;height:10px;border-radius:50%;background-color:#d1d5db;transition:background-color .3s ease}.priority-dots .dot.active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef44444d}.pdf-cards-wrapper{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.form{display:flex;flex-direction:column;gap:.8rem;background:#fff;border:2px solid #e2e8f0;border-radius:20px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;position:relative;overflow:hidden}.form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#1d4ed8)}@media (max-width: 868px){.form{border-radius:0 0 16px 16px;padding:1.5rem}}.form-title{font-weight:700;font-size:1rem;color:#878889;text-align:center}.textarea-text{width:100%;padding:16px;font-size:16px;border:2px solid #e2e8f0;border-radius:12px;background-color:#fff;color:#374151;resize:vertical;outline:none;transition:all .3s ease;min-height:120px;box-sizing:border-box}.textarea-text:hover{border-color:#3b82f6}.textarea-text:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.textarea-text:disabled{background-color:#f9fafb;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.row-select{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}@media (max-width: 768px){.row-select{flex-direction:column;align-items:stretch;gap:1rem}}.row-button{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){.row-button{flex-direction:column}}.btn-action,.btn-cancel{flex:1;cursor:pointer;border:none;padding:16px 24px;border-radius:12px;color:#fff;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-action{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 6px -1px #3b82f64d}.btn-action:hover:not(:disabled){box-shadow:0 8px 15px -3px #3b82f666}.btn-cancel{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 6px -1px #ef44444d}.btn-cancel:hover:not(:disabled){box-shadow:0 8px 15px -3px #ef444466}.btn-action:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}.select-date,.select-type{padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;background-color:#fff;color:#374151;outline:none;transition:all .3s ease;cursor:pointer;font-size:16px}.select-date:hover,.select-type:hover{border-color:#3b82f6}.select-date:focus,.select-type:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.select-date:disabled,.select-type:disabled{background-color:#f9fafb;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.select-type{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%233b82f6' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px 8px}.file-upload-wrapper{width:100%}.input-file{display:none}.custom-file-label{display:flex;align-items:center;gap:12px;justify-content:center;padding:16px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#3b82f6;border:2px dashed #3b82f6;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.custom-file-label:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.upload-icon{font-size:20px}.list-files{list-style:none;padding:0;margin:0}.file-item{display:flex;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px;margin-bottom:8px;gap:12px;position:relative;transition:all .3s ease}.file-item:hover{box-shadow:0 4px 6px -1px #0000001a}.file-name{flex:1;font-weight:500;font-size:14px;color:#374151;word-break:break-all}.file-size{font-size:12px;color:#6b7280;font-weight:500}.remove-button{background:none;border:none;color:#ef4444;font-size:16px;cursor:pointer;transition:all .3s ease;padding:4px;border-radius:4px}.remove-button:hover{background:#ef44441a}.label-date{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;display:block}.row-container-label{display:flex;flex-direction:column;width:100%}.form-toggle{border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 6px -1px #0000001a}.form-toggle.expanded{border-radius:16px 16px 0 0;border-bottom:none}.form-toggle-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;-webkit-user-select:none;user-select:none;transition:all .3s ease}.form-toggle-header:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.form-toggle-title{font-weight:600;color:#374151;font-size:16px}.form-toggle-btn{background:transparent;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;color:#3b82f6;transition:transform .3s ease}.form-content{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .4s ease,padding .4s ease;padding:0 20px;border-top:1px solid #e2e8f0}.form-content.show{max-height:100%;opacity:1;padding:20px}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(59,130,246,.3);border-radius:50%;border-top-color:#3b82f6;animation:spin 1s ease-in-out infinite}@media (max-width: 600px){.notes-board,.form{padding:1rem}.row-select{flex-direction:column;gap:1rem}}.pdf-card{display:flex;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #ddd;border-radius:8px;margin-bottom:8px;transition:box-shadow .3s}.pdf-card:hover{box-shadow:0 0 6px #0000001a}.pdf-card__link{padding:10px 14px;display:flex;align-items:center;text-decoration:none;color:inherit;width:100%}.pdf-card__icon{margin-right:12px;display:flex;align-items:center}.pdf-card__details{flex:1;overflow:hidden}.pdf-card__name{font-weight:500;font-size:15px;color:#3780fe;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-width:100%;word-break:break-all}.pdf-card__size{font-size:13px;color:#666}.notes-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#09112ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:1rem;animation:backdropFadeIn .3s ease-out}@media (max-width: 768px){.notes-modal-backdrop{padding:.5rem}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.notes-modal{background:#fff;width:100%;max-width:900px;max-height:90vh;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;border:2px solid #e2e8f0;animation:modalSlideIn .4s ease-out;display:flex;flex-direction:column}@media (max-width: 768px){.notes-modal{max-height:75vh;border-radius:16px}}.notes-modal__content{overflow-y:auto;max-height:calc(90vh - 4px);padding:2rem}@media (max-width: 768px){.notes-modal__content{padding:1.5rem}}@media (max-width: 480px){.notes-modal__content{padding:1rem}}.notes-modal__close-btn{position:sticky;top:0;right:0;float:right;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:18px;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 4px 6px -1px #ef44444d;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.notes-modal__close-btn:hover{transform:scale(1.1);box-shadow:0 8px 15px -3px #ef444466}.notes-modal__close-btn:active{transform:scale(.95)}@media (max-width: 768px){.notes-modal__close-btn{width:36px;height:36px;font-size:16px}}.notes-modal__header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:2px solid #e2e8f0;box-shadow:0 5px 5px -3px #0000000a;width:100%}@media (max-width: 768px){.notes-modal__header{padding:1rem;margin-bottom:1.5rem}}.notes-modal__avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:700;display:flex;justify-content:center;align-items:center;font-size:18px;flex-shrink:0;box-shadow:0 4px 6px -1px #3b82f64d;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.notes-modal__avatar{width:48px;height:48px;font-size:16px}}.notes-modal__header-content{flex:1;min-width:0}.notes-modal__header-content h2{margin:0 0 8px;font-size:20px;font-weight:700;color:#1a202c;line-height:1.4;word-wrap:break-word}@media (max-width: 768px){.notes-modal__header-content h2{font-size:18px}}.notes-modal__date{font-size:14px;color:#64748b;font-weight:500;margin:0}.notes-modal__section{margin-bottom:2rem}.notes-modal__section:last-child{margin-bottom:0}@media (max-width: 768px){.notes-modal__section{margin-bottom:1.5rem}}.notes-modal__section-title{font-size:16px;font-weight:700;color:#1a202c;margin-bottom:1rem;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.notes-modal__section-title{font-size:14px}}.notes-modal__details-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:8px 16px;color:#374151;line-height:1.6;box-shadow:0 5px 5px -3px #0000000a;transition:all .3s ease;white-space:pre-line}.notes-modal__attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}@media (max-width: 768px){.notes-modal__attachments-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}}.notes-modal__comments-container{max-height:400px;overflow-y:auto;padding-right:8px}.notes-modal__comments-container::-webkit-scrollbar{width:6px}.notes-modal__comments-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.notes-modal__comments-container::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:3px}@media (max-width: 768px){.notes-modal__comments-container{max-height:410px}}.notes-modal__comment{display:flex;gap:12px;margin-bottom:.7rem;padding:8px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}@media (max-width: 768px){.notes-modal__comment{gap:8px}}.notes-modal__comment-avatar{width:40px;height:40px;background:linear-gradient(135deg,#64748b,#475569);color:#fff;font-weight:600;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:14px;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.notes-modal__comment-avatar{width:36px;height:36px;font-size:12px}}.notes-modal__comment-content{flex:1;min-width:0}.notes-modal__comment-meta{font-size:12px;color:#64748b;margin-bottom:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.notes-modal__comment-text{color:#374151;line-height:1.5;margin-bottom:12px;word-wrap:break-word}.notes-modal__comment-files{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.notes-modal__comment-file-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .3s ease}.notes-modal__comment-file-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.notes-modal__comment-file-item a{color:#3b82f6;text-decoration:none;font-weight:500;font-size:14px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-modal__comment-file-item a:hover{color:#1d4ed8;text-decoration:underline}.notes-modal__new-comment{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 5px 5px -3px #0000000a;transition:all .3s ease;margin:50px 0 100px}@media (max-width: 768px){.notes-modal__new-comment{padding:1rem;margin:50px 0 20px}}.notes-modal__comment-textarea{width:100%;min-height:100px;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;resize:vertical;transition:all .3s ease;background:#fff;color:#374151;margin-bottom:1rem}.notes-modal__comment-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.notes-modal__comment-textarea::placeholder{color:#a0aec0}.notes-modal__comment-textarea:hover{border-color:#3b82f6}.notes-modal__comment-textarea:disabled{background-color:#f9fafb;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.notes-modal__file-upload-wrapper{margin-bottom:1rem}.notes-modal__input-file{display:none}.notes-modal__file-label{display:flex;align-items:center;gap:12px;justify-content:center;padding:12px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#3b82f6;border:2px dashed #3b82f6;border-radius:12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.notes-modal__file-label:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);transform:translateY(-1px);box-shadow:0 4px 6px -1px #3b82f633}.notes-modal__file-label .upload-icon{font-size:16px}.notes-modal__file-preview{margin-top:12px}.notes-modal__files-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.notes-modal__file-item{display:flex;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;gap:8px;transition:all .3s ease}.notes-modal__file-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.notes-modal__file-name{flex:1;font-weight:500;font-size:14px;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-modal__file-size{font-size:12px;color:#64748b;font-weight:500}.notes-modal__remove-file-btn{background:none;border:none;color:#ef4444;font-size:14px;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease}.notes-modal__remove-file-btn:hover{background:#ef44441a;transform:scale(1.1)}.notes-modal__submit-btn{align-self:flex-end;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:12px 24px;border-radius:12px;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 6px -1px #3b82f64d;display:flex;align-items:center;gap:8px}.notes-modal__submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.notes-modal__submit-btn:active{transform:translateY(0)}.notes-modal__submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 6px -1px #3b82f64d}@media (max-width: 768px){.notes-modal__submit-btn{width:100%;justify-content:center}}.notes-modal__loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.notes-modal__no-files,.notes-modal__no-comments{color:#64748b;font-style:italic;text-align:center;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:2px dashed #e2e8f0}@media (max-width: 600px){.notes-modal{margin:.5rem}.notes-modal__header{text-align:left;gap:.75rem}.notes-modal__comment{gap:.75rem;padding:8px}.notes-modal__comment-avatar{align-self:flex-start}}body.notes-modal-open{overflow:hidden;height:100vh}.auth-form .form-group label{color:var(--text-muted);margin-bottom:var(--spacing-xs)}.auth-form .form-group input,.auth-form .form-group select{width:100%;padding:var(--spacing-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--glass-border);border-radius:var(--border-radius-md);font-size:var(--font-size-md);color:var(--text-primary);transition:all .3s ease}.auth-form .form-group input:focus,.auth-form .form-group select:focus{outline:none;border-color:var(--text-accent);box-shadow:0 0 0 3px #10b9811a;background:#ffffff1a}.auth-form .form-group input::placeholder,.auth-form .form-group select::placeholder{color:var(--text-muted)}.auth-form .form-group .error-message{color:var(--primary-red);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.forgot-password{text-align:center;margin-top:var(--spacing-xl)}.forgot-password a{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-xs);transition:color .3s ease}.forgot-password a:hover{color:var(--primary-emerald);text-decoration:underline}.label-with-icon{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-img{width:50px;border-radius:var(--border-radius-sm)}.notification-container{text-align:center;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.notification{display:flex;align-items:flex-start;justify-content:center;gap:.5rem;padding:1rem;width:auto;margin:1rem 0;border-radius:.75rem;border:1px solid;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification.show{transform:translate(0)}.notification.hide{transform:translate(100%)}.notification.success{background:#10b9811a;border-color:#10b98133;color:#10b981}.notification.success:before{background:linear-gradient(180deg,#10b981,#059669)}.notification.success .notification-icon{color:#10b981;background:#10b9811a}.notification.error,.notification.danger{background:#ef44441a;border-color:#ef444433;color:#ef4444}.notification.error:before,.notification.danger:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.notification.error .notification-icon,.notification.danger .notification-icon{color:#ef4444;background:#ef44441a}.notification.warning{background:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b}.notification.warning:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.notification.warning .notification-icon{color:#f59e0b;background:#f59e0b1a}.notification.info{background:#3b82f61a;border-color:#3b82f633;color:#3b82f6}.notification.info:before{background:linear-gradient(180deg,#3b82f6,#2563eb)}.notification.info .notification-icon{color:#3b82f6;background:#3b82f61a}.notification-icon{display:flex;align-items:center;justify-content:center;border-radius:.5rem;flex-shrink:0;font-size:1rem;margin-top:.2rem}.notification-icon svg{width:1rem;height:1rem}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:.875rem;line-height:1.25rem;margin:0 0 .25rem;color:inherit}.notification-message{font-size:.8125rem;line-height:1.375rem;opacity:.9;margin:0;color:inherit;word-wrap:break-word}.notification-close{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:transparent;border-radius:.375rem;cursor:pointer;color:inherit;opacity:.7;transition:all .2s ease;flex-shrink:0;margin-top:.125rem}.notification-close:hover{opacity:1;background:#ffffff1a}.notification-close:focus{outline:none}.notification-close svg{width:.875rem;height:.875rem}.notification.slide-in-right{animation:slideInRight .3s cubic-bezier(.4,0,.2,1) forwards}.notification.slide-out-right{animation:slideOutRight .3s cubic-bezier(.4,0,.2,1) forwards}.notification.fade-in{animation:fadeIn .3s ease-out forwards}.notification.fade-out{animation:fadeOut .3s ease-in forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.notification-progress{position:absolute;bottom:0;left:0;height:2px;background:currentColor;opacity:.3;border-radius:0 0 .75rem .75rem;transform-origin:left;animation:progressBar linear forwards}@keyframes progressBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width: 640px){.notification{border-radius:.5rem;padding:.3rem .5rem}.notification.slide-in-right{animation:slideInDown .3s cubic-bezier(.4,0,.2,1) forwards}.notification.slide-out-right{animation:slideOutUp .3s cubic-bezier(.4,0,.2,1) forwards}.notification-title{font-size:.8125rem}.notification-message{font-size:.65rem}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.notification.success{background:#10b98126;border-color:#10b98140}.notification.error,.notification.danger{background:#ef444426;border-color:#ef444440}.notification.warning{background:#f59e0b26;border-color:#f59e0b40}.notification.info{background:#3b82f626;border-color:#3b82f640}.notification-container .notification:not(:last-child){margin-bottom:.5rem}.auth-form-register .form-group{margin-bottom:var(--spacing-xl)}.auth-form-register .form-group label{color:var(--text-muted);margin-bottom:var(--spacing-xs)}.auth-form-register .form-group input,.auth-form-register .form-group select{width:100%;padding:var(--spacing-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--glass-border);border-radius:var(--border-radius-md);font-size:var(--font-size-md);color:var(--text-primary);transition:all .3s ease}.auth-form-register .form-group input:focus,.auth-form-register .form-group select:focus{outline:none;border-color:var(--accent-success);box-shadow:0 0 0 3px #10b9811a;background:#ffffff1a}.auth-form-register .form-group input::placeholder,.auth-form-register .form-group select::placeholder{color:var(--text-muted)}.auth-form-register .form-group .error-message{color:var(--primary-red);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.auth-form-register .submit-button-register{width:100%}.message{color:var(--primary-red);font-weight:var(--font-weight-medium);margin-top:var(--spacing-md);font-size:var(--font-size-sm)}.message-success-container{max-width:480px;border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;justify-content:center;align-items:center;margin:0 auto;color:var(--primary-emerald);gap:var(--spacing-sm);background:#10b9811a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.2)}@media (max-width: 480px){.message-success-container{margin:var(--spacing-lg)}}.message-success{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.error-message{margin:var(--spacing-md) 0;font-weight:var(--font-weight-semibold);color:var(--primary-red);font-size:var(--font-size-sm);display:flex;justify-content:center;align-items:center;background:#ef44441a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,68,68,.2);padding:var(--spacing-md);border-radius:var(--border-radius-md);gap:var(--spacing-sm)}.icon-form-register{font-size:var(--font-size-md);color:var(--accent-success)}.password-recommendation{color:var(--text-muted)}.check-icon{font-size:1.1em;color:#10b981;transition:color .2s ease}.warn-icon{font-size:1.1em;color:#fbbf24;transition:color .2s ease}.accept-policies{margin-top:8px;font-size:.7rem;line-height:1.1rem}.accept-policies-label{display:flex;gap:8px;align-items:flex-start}.accept-policies-label input{margin-top:3px;transform:scale(.9);width:20px!important}.accept-policies a{color:#0f55d1;text-decoration:underline}.accept-policies a:hover{color:#0a3e96}.auth-container{display:flex;align-items:center;justify-content:center;padding:70px}.auth-card{background:var(--glass-card);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:40px;border:1px solid var(--glass-border);width:100%;max-width:450px;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#1d4ed8,#3b82f6)}.header-brand-logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:var(--spacing-xl)}.header-brand-logo-container h1{color:var(--text-muted)}.company-header{text-align:center;margin-bottom:32px}.company-header .logo-form{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff;font-size:24px;font-weight:700}.company-header .company-name{font-size:24px;font-weight:700;color:#1a202c;margin-bottom:4px}.company-header .company-subtitle{font-size:14px;color:#718096}.forgot-password{text-align:center;margin-top:20px}.forgot-password a{color:#3b82f6;text-decoration:none;font-size:14px;font-weight:500}.forgot-password a:hover{text-decoration:underline;color:#1d4ed8}.form-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0;font-size:14px;color:#718096}.pin-gate-form{display:flex;flex-direction:column;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;padding:16px 18px;border-radius:10px}.pin-gate-header{display:flex;align-items:center;gap:6px;font-weight:600;color:#0f172a}.pin-gate-info{font-size:.75rem;color:#475569;margin:0 0 4px}.pin-input{border:1px solid #cbd5e1;border-radius:6px;padding:8px 10px;font-size:1rem;outline:none}.pin-input:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb33}.pin-submit-btn{background:#0f172a;color:#fff;padding:8px 10px;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;font-weight:600}.pin-submit-btn:hover{background:#1e293b}.pin-error{color:#dc2626;font-size:.7rem;margin-top:-4px}@media (max-width: 480px){.auth-container{padding:30px 16px}.auth-card{padding:24px;margin:10px}.form-row{grid-template-columns:1fr}.company-header .company-name{font-size:20px}}.loading{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.auth-toggle{margin:var(--spacing-2xl) 0;display:flex;height:56px;background:var(--glass-dark);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-lg);box-shadow:0 4px 16px #0000001a;transition:all .3s ease}.auth-toggle .option{display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-md);position:relative;width:50%}.auth-toggle .option span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color .24s ease,opacity .24s ease}.auth-toggle .option svg{font-size:var(--font-size-md);transition:color .24s ease,transform .24s ease}.auth-toggle .toggle-slider{position:absolute;width:50%;height:100%;top:0;left:0;transform:translate(0);will-change:transform,background;transition:transform .36s cubic-bezier(.22,1,.36,1),background .36s ease-in-out;z-index:1;box-shadow:0 2px 8px var(--glass-dark)}.auth-toggle .toggle-slider:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:inherit}.auth-toggle.login{border-color:var(--glass-border)}.auth-toggle.login .toggle-slider{background:var(--gradient-primary)}.auth-toggle.login .login-option{background:var(--gradient-main-primary);color:#fff}.auth-toggle.login .login-option span{font-weight:var(--font-weight-semibold)}.auth-toggle.register{border-color:var(--glass-border)}.auth-toggle.register .toggle-slider{transform:translate(100%);background:var(--gradient-secondary)}.auth-toggle.register .login-option{color:var(--text-primary)}.auth-toggle.register .login-option svg{color:var(--text-muted)}.auth-toggle.register .login-option:hover{color:var(--text-primary)}.auth-toggle.register .login-option:hover svg{color:var(--text-secondary)}.auth-toggle.register .register-option{color:#fff;background:var(--gradient-success)}.auth-toggle.register .register-option svg{color:#fff;transform:scale(1.1)}.auth-toggle.register .register-option span{font-weight:var(--font-weight-semibold)}@media (max-width: 768px){.auth-toggle{max-width:100%;height:40px}.auth-toggle .option{gap:var(--spacing-xs)}.auth-toggle .option span{font-size:var(--font-size-xs)}.auth-toggle .option svg{font-size:var(--font-size-sm)}}.auth-toggle:focus-visible{outline:2px solid var(--primary-emerald);outline-offset:2px}.auth-toggle:active{transform:translateY(0);box-shadow:0 2px 8px var(--glass-dark)}.user-admin{max-width:1200px;margin:0 auto;padding:2rem;min-height:calc(100vh - 80px);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}@media (max-width: 768px){.user-admin{padding:1rem}}.user-admin__container{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:2px solid #e2e8f0;position:relative}.user-admin__header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;border-bottom:1px solid #e2e8f0}@media (max-width: 768px){.user-admin__header{padding:1.5rem}}.user-admin__title{font-size:24px;font-weight:700;color:#1a202c;margin:0;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.user-admin__title{font-size:20px}}.user-admin__table-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:grid;grid-template-columns:.5fr 1.2fr 1.5fr 150px;gap:2rem;padding:1rem 1.5rem;color:#fff;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.user-admin__table-header{grid-template-columns:.5fr 1fr .1fr .1fr;padding:.75rem 1rem;font-size:8px}}.user-admin__table-body .user-row{transition:all .3s ease}.user-admin__table-body .user-row:last-child{border-bottom:none}.user-admin__table-body .user-row:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.user-admin__table-body .user-row.editing{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;box-shadow:0 4px 6px -1px #f59e0b33}.user-admin__table-body .user-data{display:grid;grid-template-columns:.7fr 1.5fr 1fr 150px;gap:1rem;padding:1.25rem 1.5rem;cursor:pointer;align-items:center;transition:all .3s ease;border-bottom:1px solid #e2e8f0}@media (max-width: 768px){.user-admin__table-body .user-data{grid-template-columns:.5fr 1fr .1fr .1fr;padding:1rem;display:column}}.user-admin__user-name{font-weight:600;color:#1a202c;font-size:16px}.user-admin__user-name.no-name{color:#64748b;font-style:italic}@media (max-width: 768px){.user-admin__user-name{font-size:12px}}.user-admin__user-email{color:#374151;font-size:14px;word-break:break-all}@media (max-width: 768px){.user-admin__user-email{font-size:12px}}.user-admin__user-role{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:20px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.user-admin__user-role.admin{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.user-admin__user-role.editor{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.user-admin__user-role.viewer{background:linear-gradient(135deg,#10b981,#059669);color:#fff}@media (max-width: 768px){.user-admin__user-role{padding:4px 8px;font-size:8px}}.user-admin__actions{display:flex;gap:8px;justify-content:flex-end}@media (max-width: 480px){.user-admin__actions{flex-direction:column;gap:4px}}.user-admin__action-btn{background:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .3s ease;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.user-admin__action-btn:hover{box-shadow:0 4px 6px -1px #0000001a}.user-admin__action-btn.edit{background:#3b82f6;color:#fff}.user-admin__action-btn.edit:hover{background:#1753b4}.user-admin__action-btn.delete{background:#ef4444;color:#fff}.user-admin__action-btn.delete:hover{background:#a72121}@media (max-width: 768px){.user-admin__action-btn{padding:6px 10px;font-size:10px}}.user-admin__edit-form{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;border-top:1px solid #e2e8f0;animation:slideDown .3s ease-out}@media (max-width: 768px){.user-admin__edit-form{padding:1.5rem}}.user-admin__form-title{font-size:18px;font-weight:700;color:#1a202c;margin-bottom:1.5rem;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.user-admin__form-title{font-size:14px}}.user-admin__form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.user-admin__form-grid{grid-template-columns:1fr;gap:1rem}}.user-admin__form-field{display:flex;flex-direction:column;gap:8px}.user-admin__form-label{font-weight:600;font-size:14px;color:#374151;text-transform:uppercase;letter-spacing:.5px}.user-admin__form-input,.user-admin__form-select{padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;background:#fff;color:#374151;transition:all .3s ease;font-family:inherit}.user-admin__form-input:focus,.user-admin__form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.user-admin__form-input::placeholder,.user-admin__form-select::placeholder{color:#a0aec0}.user-admin__form-input:hover,.user-admin__form-select:hover{border-color:#3b82f6}.user-admin__form-input:disabled,.user-admin__form-select:disabled{background-color:#f9fafb;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.user-admin__form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%233b82f6' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px 8px}.user-admin__form-actions{display:flex;gap:1rem;justify-content:flex-end}@media (max-width: 768px){.user-admin__form-actions{flex-direction:column}}.user-admin__form-btn{padding:16px 32px;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;min-width:150px;display:flex;align-items:center;justify-content:center;gap:8px}.user-admin__form-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 6px -1px #3b82f64d}.user-admin__form-btn.primary:hover:not(:disabled){box-shadow:0 8px 25px #3b82f666}.user-admin__form-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.user-admin__form-btn.secondary{background:#fff;color:#374151;border:2px solid #e2e8f0}.user-admin__form-btn.secondary:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a}@media (max-width: 768px){.user-admin__form-btn{width:100%}}.user-admin__notification{border-radius:16px;padding:16px 20px;margin-bottom:2rem;margin:20px;font-weight:600;display:flex;align-items:center;gap:12px;box-shadow:0 4px 6px -1px #0000001a;animation:slideIn .3s ease-out}.user-admin__notification--error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:2px solid #ef4444}.user-admin__notification--error:before{content:"⚠️";font-size:18px}.user-admin__notification--success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border:2px solid #10b981}.user-admin__notification--success:before{content:"✅";font-size:18px}@media (max-width: 768px){.user-admin__notification{padding:12px 16px;font-size:14px}}.user-admin__loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.user-admin__empty-state{text-align:center;color:#6b7280;padding:3rem;font-size:16px;font-style:italic}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.user-admin,.user-admin__header,.user-admin__edit-form{padding:1rem}}.text-center{text-align:center}.text-rigth{text-align:right}@media (max-width: 768px){.user-admin__table-header{display:none}.user-admin__table-body .user-data{grid-template-columns:1fr auto;grid-template-areas:"info actions" "info actions";align-items:flex-start;gap:1rem}.user-admin__user-info{grid-area:info;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.user-admin__user-role{order:1;align-self:flex-start;margin-bottom:4px}.user-admin__user-role.hide-mobile{display:inline-flex!important}.user-admin__user-name{order:2;font-size:14px;font-weight:700}.user-admin__user-email{order:3;font-size:12px;color:#64748b;word-break:break-all}.user-admin__actions{grid-area:actions;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:6px;min-width:80px}.user-admin__action-btn{padding:8px 14px;font-size:17px;text-align:center}.user-admin__action-btn svg{width:15px;height:auto}}.user-admin__table-body .user-data{display:grid;grid-template-columns:.5fr 1.2fr 1.5fr 150px;gap:2rem;padding:1.25rem 1.5rem;cursor:pointer;align-items:center;transition:all .3s ease}@media (max-width: 768px){.user-admin__table-body .user-data{grid-template-columns:1fr auto;grid-template-areas:"info actions";padding:1rem;align-items:flex-start}}.user-admin__user-info{display:contents}@media (max-width: 768px){.user-admin__user-info{display:flex;flex-direction:column;gap:6px;align-items:flex-start;grid-area:info}}@media (max-width: 768px){.user-admin__user-role.hide-mobile{display:inline-flex!important}}@media (max-width: 768px){.user-admin__actions{grid-area:actions;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:6px}}.payments-list{padding:.5rem;max-width:1100px;margin:0 auto;min-height:100vh}.payments-list .payments-filters{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.payments-list .payments-filters .category-filter-btn{display:flex;align-items:center;padding:.5rem 1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.payments-list .payments-filters .category-filter-btn:hover{background-color:#f1f5f9;border-color:#cbd5e1}.payments-list .payments-filters .category-filter-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.payments-list .payments-filters .category-filter-btn .category-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.payments-list .payments-filters .category-filter-btn .category-label{display:flex;align-items:center;gap:.375rem;flex:1}.payments-list .payments-filters .category-filter-btn .category-count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:.125rem .375rem;border-radius:10px;font-size:.75rem;font-weight:600;line-height:1}.payments-list .payments-filters .category-filter-btn .category-count[data-count="0"]{background-color:#f1f5f9;color:#94a3b8}.payments-list .payments-filters .category-filter-btn .category-count[data-count-range="1-5"]{background-color:#dbeafe;color:#1d4ed8}.payments-list .payments-filters .category-filter-btn .category-count[data-count-range="6-10"]{background-color:#fef3c7;color:#d97706}.payments-list .payments-filters .category-filter-btn .category-count[data-count-range="11+"]{background-color:#fee2e2;color:#dc2626}.payments-list .payments-filters .category-filter-btn.active .category-count{background-color:#fff3!important;color:#fff!important}.payments-list .payments-filters .category-filter-btn .filter-indicator{font-size:.7rem;color:#6b7280;font-weight:400;margin-left:.25rem}.payments-list .payments-filters .category-filter-btn.active .filter-indicator{color:#fffc}.payments-list .payments-container{display:flex;flex-direction:column;gap:1rem}.payments-list .empty-state{background:#fff;padding:4rem 2rem;border-radius:16px;text-align:center;box-shadow:0 2px 8px #0000000d}.payments-list .empty-state svg{font-size:4rem;color:#cbd5e1;margin-bottom:1rem}.payments-list .empty-state h3{color:#1e293b;font-size:1.5rem;margin:0 0 .5rem}.payments-list .empty-state p{color:#64748b;margin:0 0 1.5rem}.payments-list .empty-state .empty-action{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.payments-list .empty-state .empty-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.payments-list .payment-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:all .2s;overflow:hidden}.payments-list .payment-item:hover{box-shadow:0 4px 16px #0000001a}.payments-list .payment-item.vencido{border-left:4px solid #dc2626;background-color:#fef2f2}.payments-list .payment-item.vencido .payment-concepto{color:#dc2626}.payments-list .payment-item.critical{border-left:4px solid #ea580c;background-color:#fff7ed}.payments-list .payment-item.warning{border-left:4px solid #d97706;background-color:#fffbeb}.payments-list .payment-item.paid{opacity:.8}.payments-list .payment-main-row{display:flex;padding:.75rem;gap:1rem;align-items:start}.payments-list .payment-info{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0;width:100%}.payments-list .payment-primary{display:flex;flex-direction:column;gap:.25rem}.payments-list .payment-header-info{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;width:100%}.payments-list .payment-header-info .payment-category{font-size:.8125rem;padding:.25rem .75rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border-radius:12px;font-weight:500;display:flex;align-items:center;gap:.375rem}.payments-list .payment-header-info .payment-date{font-size:.8125rem;color:#64748b;font-family:monospace}.payments-list .payment-concepto-status{display:flex;flex-direction:column;gap:.5rem}.payments-list .payment-concepto{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0;line-height:1.4}.payments-list .payment-empresa{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:#475569;font-size:.9rem}.payments-list .payment-empresa svg{color:#2563eb;font-size:1rem}.payments-list .status-pill{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.payments-list .status-pill svg{font-size:.875rem}.payments-list .payment-secondary{display:flex;flex-direction:column;gap:.75rem}.payments-list .payment-quick-info{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.payments-list .quick-info-item{display:flex;align-items:center;gap:.375rem;font-size:14px;color:#64748b}.payments-list .quick-info-item svg{color:#2563eb;font-size:1rem}.payments-list .quick-info-item.importe{font-weight:700;font-size:1rem;color:#0f172a}.payments-list .quick-info-item.vencida{color:#ef4444;font-weight:600}.payments-list .quick-info-item.vencida svg{color:#ef4444}.payments-list .quick-info-item.days-status-overdue{color:#dc2626!important;font-weight:700}.payments-list .quick-info-item.days-status-overdue svg{color:#dc2626!important;font-size:1.2rem!important}.payments-list .quick-info-item.days-status-overdue .days-indicator{margin-left:.25rem;padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap;background-color:#dc2626;color:#fff;animation:pulse 2s infinite;font-weight:700}.payments-list .quick-info-item.days-status-critical{color:#dc2626!important;font-weight:700}.payments-list .quick-info-item.days-status-critical svg{color:#dc2626!important;font-size:1.1rem!important}.payments-list .quick-info-item.days-status-critical .days-indicator{margin-left:.25rem;padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap;background-color:#dc2626;color:#fff;animation:pulse 2s infinite;font-weight:700}.payments-list .quick-info-item.days-status-warning{color:#d97706!important}.payments-list .quick-info-item.days-status-warning svg{color:#d97706!important}.payments-list .quick-info-item.days-status-warning .days-indicator{background-color:#fed7aa;color:#9a3412;margin-left:.25rem;padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap}.payments-list .quick-info-item.days-status-attention{color:#ca8a04!important}.payments-list .quick-info-item.days-status-attention svg{color:#ca8a04!important}.payments-list .quick-info-item.days-status-attention .days-indicator{background-color:#fef3c7;color:#92400e;margin-left:.25rem;padding:.125rem .375rem;border-radius:.25rem;white-space:nowrap;font-size:.75rem}.payments-list .quick-info-item.days-status-normal{color:#059669}.payments-list .quick-info-item.days-status-normal svg{color:#059669}.payments-list .quick-info-item.days-status-normal .days-indicator{background-color:#d1fae5;color:#065f46;margin-left:.25rem;padding:.125rem .375rem;border-radius:.25rem;white-space:nowrap;font-size:.75rem}.payments-list .quick-info-item.days-status-paid{color:#10b981}.payments-list .quick-info-item.days-status-paid svg{color:#10b981}.payments-list .quick-info-item.days-status-paid .days-indicator{margin-left:.25rem;padding:.125rem .375rem;border-radius:.25rem;white-space:nowrap;font-size:.75rem;background-color:#d1fae5;color:#065f46}.payments-list .payment-actions-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.payments-list .payment-banco{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#64748b;padding:.25rem .75rem;background:#f1f5f9;border-radius:8px}.payments-list .payment-banco svg{color:#2563eb;font-size:.875rem}.payments-list .payment-metodo,.payments-list .payment-banco{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#6b7280}.payments-list .payment-metodo svg,.payments-list .payment-banco svg{flex-shrink:0;width:14px;height:14px}.payments-list .payment-banco{color:#059669;font-weight:500}.payments-list .payment-metodo{color:#6366f1}.payments-list .payment-metodo[data-method=transferencia]{color:#0ea5e9}.payments-list .payment-metodo[data-method=tarjeta]{color:#8b5cf6}.payments-list .payment-metodo[data-method=efectivo]{color:#f59e0b}.payments-list .payment-actions{display:flex;gap:.5rem;align-items:start}.payments-list .payment-expanded{border-top:2px solid #f1f5f9;background:#f8fafc;animation:slideDown .2s ease-out}.payments-list .expanded-content{padding:.75rem}.payments-list .payment-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;font-size:.7rem}.payments-list .detail-item{display:flex;align-items:start;gap:.75rem;padding:.75rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.payments-list .detail-item svg{color:#2563eb;font-size:1.125rem;margin-top:.125rem;flex-shrink:0}.payments-list .detail-item .detail-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.payments-list .detail-item .detail-label{font-size:.7rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.payments-list .detail-item .detail-value{font-size:.7rem;color:#1e293b;font-weight:500;word-break:break-word}.payments-list .advanced-filters{border-top:1px solid #e2e8f0}.payments-list .filter-row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.payments-list .status-filter,.payments-list .sort-filter{width:100%}.payments-list .status-filter,.payments-list .sort-filter{padding:.75rem 2rem .75rem .75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.85rem;transition:all .2s;font-family:inherit;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23475569' d='M4.427 6.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 6H4.604a.25.25 0 00-.177.427z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.payments-list .status-filter:hover,.payments-list .sort-filter:hover{border-color:#cbd5e1}.payments-list .status-filter:focus,.payments-list .sort-filter:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.payments-list .status-filter::placeholder,.payments-list .sort-filter::placeholder{color:#94a3b8}.payments-list .status-filter:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.payments-list .sort-filter:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.payments-list .advanced-filters{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #f1f5f9}.payments-list .search-box{position:relative;flex:1;min-width:280px;background:#f9fafb}.payments-list .sort-order-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:2px solid #e2e8f0;border-radius:8px;background-color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s;color:#475569;font-weight:600}.payments-list .sort-order-btn:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.payments-list .active-filters{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;flex-wrap:wrap}@media (max-width: 1024px){.payments-list .filter-row{flex-direction:column;align-items:stretch;gap:1rem}.payments-list .filter-controls{width:100%;justify-content:stretch}.payments-list .filter-controls .status-filter,.payments-list .filter-controls .sort-filter{flex:1;min-width:0}.payments-list .category-selector{min-width:0}}@media (max-width: 768px){.payments-list .payments-list .advanced-filters{padding:.75rem}.payments-list .payments-list .filter-controls{flex-direction:column;gap:.75rem}.payments-list .payments-list .filter-controls .status-filter,.payments-list .payments-list .filter-controls .sort-filter,.payments-list .payments-list .filter-controls .sort-order-btn{width:100%}.payments-list .payments-list .search-box{min-width:0}.payments-list .payments-list .active-filters{flex-direction:column;align-items:stretch;gap:.5rem}}.payments-list .category-selector,.payments-list .status-filter,.payments-list .sort-filter{padding:.75rem 2rem .75rem .75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.85rem;transition:all .2s;font-family:inherit;background:#f9fafb;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23475569' d='M4.427 6.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 6H4.604a.25.25 0 00-.177.427z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.payments-list .category-selector:hover,.payments-list .status-filter:hover,.payments-list .sort-filter:hover{border-color:#cbd5e1}.payments-list .category-selector:focus,.payments-list .status-filter:focus,.payments-list .sort-filter:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.payments-list .category-selector::placeholder,.payments-list .status-filter::placeholder,.payments-list .sort-filter::placeholder{color:#94a3b8}.payments-list .category-selector{min-width:280px;font-weight:500}.payments-list .category-selector:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.payments-list .status-filter{min-width:160px}.payments-list .status-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #10b9811a}.payments-list .sort-filter{min-width:180px}.payments-list .sort-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #8b5cf61a}.payments-list .advanced-filters{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:.75rem;margin-bottom:1.5rem;border:1px solid #f1f5f9}.payments-list .filter-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.payments-list .filter-row:last-child{margin-bottom:0}.payments-list .search-box{position:relative;flex:1;min-width:280px}.payments-list .search-box svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6b7280;width:16px;height:16px;z-index:1}.payments-list .search-input{padding:.75rem .75rem .75rem 2.5rem;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s;background:#f9fafb;width:100%;font-family:inherit;font-size:.85rem}.payments-list .search-input:hover{border-color:#cbd5e1}.payments-list .search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.payments-list .search-input::placeholder{color:#94a3b8}.payments-list .sort-order-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f9fafb;font-size:1.2rem;cursor:pointer;transition:all .2s;color:#475569;font-weight:600}.payments-list .sort-order-btn:hover{background-color:#f8fafc;border-color:#cbd5e1;transform:scale(1.05)}.payments-list .sort-order-btn:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #8b5cf61a}.payments-list .sort-order-btn:active{transform:scale(.98)}.payments-list .filter-controls{display:flex;gap:1rem;align-items:center;min-width:0}.payments-list .active-filters{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e2e8f0;flex-wrap:wrap}.payments-list .filter-count{font-size:.875rem;color:#6b7280;font-weight:600;padding:.25rem .75rem;background:#fff;border-radius:6px;border:1px solid #d1d5db}.payments-list .filter-tag{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:6px;font-size:.8125rem;font-weight:500;border:1px solid #93c5fd}.payments-list .filter-tag button{background:none;border:none;color:#1e40af;cursor:pointer;font-weight:700;width:18px;height:18px;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .2s}.payments-list .filter-tag button:hover{background:#1e40af1a;color:#1e3a8a}.payments-list .clear-filters-btn{padding:.375rem .75rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;border-radius:6px;font-size:.8125rem;color:#374151;cursor:pointer;font-weight:500;transition:all .2s}.payments-list .clear-filters-btn:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.payments-list .clear-filters-btn:active{transform:translateY(0)}@media (max-width: 1024px){.payments-list .filter-row{flex-direction:column;align-items:stretch;gap:.75rem}.payments-list .filter-controls{width:100%;justify-content:stretch}.payments-list .filter-controls .status-filter,.payments-list .filter-controls .sort-filter{flex:1;min-width:0}.payments-list .category-selector{min-width:0}}@media (max-width: 768px){.payments-list .payments-list .advanced-filters{padding:1rem}.payments-list .payments-list .filter-controls{flex-direction:column;gap:.75rem}.payments-list .payments-list .filter-controls .status-filter,.payments-list .payments-list .filter-controls .sort-filter,.payments-list .payments-list .filter-controls .sort-order-btn{width:100%}.payments-list .payments-list .search-box{min-width:0}.payments-list .payments-list .active-filters{flex-direction:column;align-items:stretch;gap:.5rem}}.payments-list .payment-quick-info-container{display:fleX;justify-content:space-between;align-items:center;width:100%}.payments-list .payment-concepto-container{display:flex;justify-content:space-between;align-items:center;gap:5px}.payments-list .bold{font-weight:600}.payments-list .category-selector-row{width:100%}.workplace-safety-container{padding:0 16px;max-width:1080px;margin:0 auto}.workplace-safety-container .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#64748b}.workplace-safety-container .loading-container .loading-spinner{font-size:2rem;animation:spin 1s linear infinite;margin-bottom:1rem;color:#3b82f6}.workplace-safety-container .loading-container p{font-size:1.125rem;margin:0}.workplace-safety-container .error-container{display:flex;align-items:center;justify-content:center;padding:3rem;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.workplace-safety-container .error-container p{font-size:1.125rem;margin:0}.workplace-safety-container .safety-header{margin-bottom:2rem}.workplace-safety-container .safety-header .safety-title{font-size:2rem;font-weight:700;margin:0 0 .5rem}@media (max-width: 768px){.workplace-safety-container .safety-header .safety-title{font-size:1.5rem}}.workplace-safety-container .safety-header .safety-description{font-size:1.125rem;margin:0;opacity:.9}@media (max-width: 768px){.workplace-safety-container .safety-header .safety-description{font-size:1rem}}.workplace-safety-container .navigation-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}@media (max-width: 768px){.workplace-safety-container .navigation-buttons{gap:.75rem}}.workplace-safety-container .navigation-buttons .nav-safety-button{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;color:#000;cursor:pointer;transition:all .3s ease;text-align:left}@media (max-width: 768px){.workplace-safety-container .navigation-buttons .nav-safety-button{padding:.8rem}}.workplace-safety-container .navigation-buttons .nav-safety-button:hover{border-color:#3b82f6;background-color:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f626}.workplace-safety-container .navigation-buttons .nav-safety-button.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#3b82f6;box-shadow:0 6px 16px #3b82f64d;transform:translateY(-2px)}.workplace-safety-container .navigation-buttons .nav-safety-button .nav-safety-button-content{text-align:center;align-items:center;gap:1rem}.workplace-safety-container .navigation-buttons .nav-safety-button .nav-safety-button-content .nav-safety-icon{font-size:1.5rem;color:#02ffd5}.workplace-safety-container .navigation-buttons .nav-safety-button .nav-safety-button-content .nav-safety-icon .nav-safety-button.active .nav-safety-icon{color:#fff}.workplace-safety-container .navigation-buttons .nav-safety-button .nav-safety-button-content .nav-safety-text{display:flex;flex-direction:column;gap:.25rem}.workplace-safety-container .navigation-buttons .nav-safety-button .nav-safety-button-content .nav-safety-text .nav-safety-label{font-size:1.125rem;font-weight:700}@media (max-width: 768px){.workplace-safety-container .navigation-buttons .nav-safety-button .nav-safety-button-content .nav-safety-text .nav-safety-label{font-size:.65rem}}.nav-safety-button.active .workplace-safety-container .navigation-buttons .nav-safety-button .nav-safety-button-content .nav-safety-text .nav-safety-label{color:#fff}.workplace-safety-container .navigation-buttons .nav-safety-button .nav-safety-button-content .nav-safety-text .nav-safety-description{font-size:.875rem}.nav-safety-button.active .workplace-safety-container .navigation-buttons .nav-safety-button .nav-safety-button-content .nav-safety-text .nav-safety-description{color:#fffc}.workplace-safety-container .safety-content .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.workplace-safety-container .safety-content .section-header .section-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}@media (max-width: 768px){.workplace-safety-container .safety-content .section-header .section-title{font-size:1.25rem}}.workplace-safety-container .safety-content .section-header .add-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.workplace-safety-container .safety-content .section-header .add-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}@media (max-width: 768px){.workplace-safety-container .safety-content .section-header .add-button{padding:.625rem 1rem;font-size:.875rem}}.workplace-safety-container .safety-content .card-header{position:relative}.workplace-safety-container .safety-content .card-header .edit-header-button,.workplace-safety-container .safety-content .card-header .add-header-button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;display:flex;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.workplace-safety-container .safety-content .card-header .edit-header-button:hover,.workplace-safety-container .safety-content .card-header .add-header-button:hover{background:#ffffff4d}.workplace-safety-container .safety-content .contact-item{position:relative}.workplace-safety-container .safety-content .contact-item .contact-actions{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;gap:.5rem;opacity:0;transition:opacity .2s ease}.workplace-safety-container .safety-content .contact-item:hover .contact-actions{opacity:1}.workplace-safety-container .safety-content .nidus-section .nidus-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem}@media (max-width: 768px){.workplace-safety-container .safety-content .nidus-section .nidus-content-grid{grid-template-columns:1fr;gap:1rem}}.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:all .3s ease}.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card .card-header,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card .card-header,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card .card-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card .card-header .card-icon,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card .card-header .card-icon,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card .card-header .card-icon{font-size:1.25rem}.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card .card-header .card-title,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card .card-header .card-title,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card .card-header .card-title{font-size:1.125rem;font-weight:600;margin:0}.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card .card-content,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card .card-content,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card .card-content{padding:1rem}.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card .card-content .info-row,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card .card-content .info-row,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card .card-content .info-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}@media (max-width: 768px){.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card .card-content .info-row,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card .card-content .info-row,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card .card-content .info-row{flex-direction:column;gap:.25rem}}.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card .card-content .info-row .info-label,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card .card-content .info-row .info-label,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card .card-content .info-row .info-label{font-weight:600;color:#475569;min-width:100px}.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card .card-content .info-row .info-value,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card .card-content .info-row .info-value,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card .card-content .info-row .info-value{color:#1e293b;text-align:right}@media (max-width: 768px){.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card .card-content .info-row .info-value,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card .card-content .info-row .info-value,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card .card-content .info-row .info-value{text-align:left}}.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card .card-content .contact-item,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card .card-content .contact-item,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card .card-content .contact-item{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card .card-content .contact-item:last-child,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card .card-content .contact-item:last-child,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card .card-content .contact-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card .card-content .contact-item .contact-area,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card .card-content .contact-item .contact-area,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card .card-content .contact-item .contact-area{font-weight:600;color:#3b82f6;margin-bottom:.5rem}.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card .card-content .contact-item .contact-details .contact-name,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card .card-content .contact-item .contact-details .contact-name,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card .card-content .contact-item .contact-details .contact-name{font-weight:500;color:#1e293b;margin-bottom:.25rem}.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card .card-content .contact-item .contact-details .contact-info,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card .card-content .contact-item .contact-details .contact-info,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card .card-content .contact-item .contact-details .contact-info{display:flex;flex-direction:column;gap:.25rem}.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card .card-content .contact-item .contact-details .contact-info .contact-phone,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card .card-content .contact-item .contact-details .contact-info .contact-email,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card .card-content .contact-item .contact-details .contact-info .contact-phone,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card .card-content .contact-item .contact-details .contact-info .contact-email,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card .card-content .contact-item .contact-details .contact-info .contact-phone,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card .card-content .contact-item .contact-details .contact-info .contact-email{font-size:.875rem;color:#64748b}.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card .card-content .course-item,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card .card-content .course-item,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card .card-content .course-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card .card-content .course-item:last-child,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card .card-content .course-item:last-child,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card .card-content .course-item:last-child{border-bottom:none}.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-info-card .card-content .course-item .course-name,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-contacts-card .card-content .course-item .course-name,.workplace-safety-container .safety-content .nidus-section .nidus-content-grid .nidus-courses-card .card-content .course-item .course-name{font-weight:500;color:#1e293b}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .contract-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:all .3s ease}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .contract-info-card .card-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .contract-info-card .card-header .card-icon{font-size:1.25rem}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .contract-info-card .card-header .card-title{font-size:1.125rem;font-weight:600;margin:0}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .contract-info-card .card-content{padding:1rem}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .contract-info-card .card-content .info-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}@media (max-width: 768px){.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .contract-info-card .card-content .info-row{flex-direction:column;gap:.25rem}}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .contract-info-card .card-content .info-row .info-label{font-weight:600;color:#475569;min-width:100px}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .contract-info-card .card-content .info-row .info-value{color:#1e293b;text-align:right}@media (max-width: 768px){.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .contract-info-card .card-content .info-row .info-value{text-align:left}}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .contract-info-card .card-content .document-downloads{display:flex;gap:.5rem;margin-top:1rem}@media (max-width: 768px){.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .contract-info-card .card-content .document-downloads{flex-direction:column}}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .contract-info-card .card-content .document-downloads .download-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .contract-info-card .card-content .document-downloads .download-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .documents-plans-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:all .3s ease}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .documents-plans-card .card-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .documents-plans-card .card-header .card-icon{font-size:1.25rem}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .documents-plans-card .card-header .card-title{font-size:1.125rem;font-weight:600;margin:0}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .documents-plans-card .card-content{padding:1rem}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .documents-plans-card .card-content .documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}@media (max-width: 768px){.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .documents-plans-card .card-content .documents-grid{grid-template-columns:1fr}}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .documents-plans-card .card-content .documents-grid .document-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .documents-plans-card .card-content .documents-grid .document-item .document-info{flex:1}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .documents-plans-card .card-content .documents-grid .document-item .document-info .document-name{display:block;font-weight:500;color:#1e293b;margin:.35rem 0;padding-right:3px}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .documents-plans-card .card-content .documents-grid .document-item .document-info .document-date{font-size:.875rem;color:#64748b}.workplace-safety-container .safety-content .documentation-section .documentation-content-grid .documents-plans-card .card-content .documents-grid .document-item .document-actions{display:flex;align-items:center;gap:.5rem}.workplace-safety-container .safety-content .employees-section .search-filter-bar{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.workplace-safety-container .safety-content .employees-section .search-filter-bar .search-input-container{position:relative;flex:1;min-width:250px}.workplace-safety-container .safety-content .employees-section .search-filter-bar .search-input-container .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;font-size:.875rem}.workplace-safety-container .safety-content .employees-section .search-filter-bar .search-input-container .search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;transition:border-color .2s ease}.workplace-safety-container .safety-content .employees-section .search-filter-bar .search-input-container .search-input:focus{outline:none;border-color:#3b82f6}.workplace-safety-container .safety-content .employees-section .search-filter-bar .filter-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;transition:all .2s ease}.workplace-safety-container .safety-content .employees-section .search-filter-bar .filter-button:hover{border-color:#3b82f6;color:#3b82f6}.workplace-safety-container .safety-content .employees-section .employees-table{display:flex;flex-direction:column;gap:1rem}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:all .3s ease}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-main-info{display:grid;grid-template-columns:1fr auto auto;align-items:center;padding:1rem;gap:1rem}@media (max-width: 768px){.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-main-info{grid-template-columns:1fr;gap:1rem}}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-main-info .employee-basic-data{display:flex;gap:2rem}@media (max-width: 768px){.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-main-info .employee-basic-data{flex-direction:column;gap:.5rem}}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-main-info .employee-basic-data .employee-name-position .employee-name{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-main-info .employee-basic-data .employee-name-position .employee-position{font-size:.875rem;color:#3b82f6;font-weight:500;margin:0}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-main-info .employee-basic-data .employee-department-date .employee-department{font-size:.875rem;color:#64748b;margin:0 0 .25rem}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-main-info .employee-basic-data .employee-department-date .employee-start-date{font-size:.875rem;color:#64748b;margin:0}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-main-info .employee-status-summary{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 768px){.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-main-info .employee-status-summary{flex-direction:row;justify-content:space-between}}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-main-info .employee-status-summary .status-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}@media (max-width: 768px){.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-main-info .employee-status-summary .status-item{flex-direction:column;align-items:flex-start;gap:.25rem}}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-main-info .employee-status-summary .status-item .status-label{font-weight:500;color:#475569}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-main-info .employee-status-summary .status-item .status-date{color:#64748b}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-main-info .employee-main-actions{display:flex;align-items:center;gap:.5rem}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-main-info .employee-main-actions .expand-button{padding:.5rem;background:#dbeafe;color:#1d4ed8;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:1rem}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-main-info .employee-main-actions .expand-button:hover{background:#bfdbfe}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details{background:#fff;border-top:1px solid #e2e8f0;padding:1rem}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}@media (max-width: 768px){.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid{grid-template-columns:1fr;gap:1rem}}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .detail-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .courses-list{display:flex;flex-direction:column;gap:.75rem}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .courses-list .course-detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0}@media (max-width: 768px){.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .courses-list .course-detail-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .courses-list .course-detail-item .course-detail-name{font-weight:500;color:#1e293b}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .courses-list .course-detail-item .course-detail-date{font-size:.875rem;color:#64748b}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .medical-details{display:flex;flex-direction:column;gap:.75rem}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .medical-details .medical-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e2e8f0}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .medical-details .medical-item:last-child{border-bottom:none}@media (max-width: 768px){.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .medical-details .medical-item{flex-direction:column;align-items:flex-start;gap:.25rem}}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .medical-details .medical-item .medical-label{font-weight:500;color:#475569}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .medical-details .medical-item .medical-value{color:#1e293b}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .epi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (max-width: 768px){.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .epi-grid{grid-template-columns:1fr}}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .epi-grid .epi-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0}@media (max-width: 768px){.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .epi-grid .epi-item{flex-direction:column;align-items:flex-start;gap:.25rem}}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .epi-grid .epi-item .epi-name{font-weight:500;color:#475569}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .epi-grid .epi-item .epi-status{font-size:.875rem}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .epi-grid .epi-item .epi-status.delivered{color:#059669}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .epi-grid .epi-item .epi-status.pending{color:#d97706}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .documents-checklist{display:flex;flex-direction:column;gap:.75rem}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .documents-checklist .document-check-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0}@media (max-width: 768px){.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .documents-checklist .document-check-item{flex-direction:column;align-items:flex-start;gap:.25rem}}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .documents-checklist .document-check-item .document-check-name{font-weight:500;color:#475569}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .documents-checklist .document-check-item .document-check-status{font-size:.875rem;font-weight:500}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .documents-checklist .document-check-item .document-check-status.available{color:#059669}.workplace-safety-container .safety-content .employees-section .employees-table .employee-row .employee-expanded-details .details-grid .detail-section .documents-checklist .document-check-item .document-check-status.missing{color:#dc2626}.workplace-safety-container .status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.workplace-safety-container .status-badge.status-valid{background-color:#dcfce7;color:#166534}.workplace-safety-container .status-badge.status-expired{background-color:#fee2e2;color:#dc2626}.workplace-safety-container .status-badge.status-pending{background-color:#fef3c7;color:#d97706}.workplace-safety-container .status-badge.status-active{background-color:#dbeafe;color:#1d4ed8}.workplace-safety-container .status-badge.status-completed{background-color:#dcfce7;color:#166534}.workplace-safety-container .status-badge.status-updated{background-color:#e0f2fe;color:#0369a1}.workplace-safety-container .action-button{display:flex;padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem}.workplace-safety-container .action-button.view-button{background-color:#dbeafe;color:#1d4ed8}.workplace-safety-container .action-button.view-button:hover{background-color:#bfdbfe}.workplace-safety-container .action-button.edit-button{background-color:#c7effe;color:#0649d9}.workplace-safety-container .action-button.edit-button:hover{background-color:#8aaafd98}.workplace-safety-container .action-button.delete-button{background-color:#fee2e2;color:#dc2626}.workplace-safety-container .action-button.delete-button:hover{background-color:#fecaca}.workplace-safety-container .action-button.download-button{background-color:#dcfce7;color:#166534}.workplace-safety-container .action-button.download-button:hover{background-color:#bbf7d0}.safety-link{color:#3b82f6;text-decoration:none;font-weight:500;transition:all .3s ease}.safety-link:hover{color:#0e76a8;text-decoration:underline}.document-info-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-backdrop .modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}.modal-backdrop .modal-content.modal-small{width:100%;max-width:400px}.modal-backdrop .modal-content.modal-medium{width:100%;max-width:600px}.modal-backdrop .modal-content.modal-large{width:100%;max-width:900px}.modal-backdrop .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:12px 12px 0 0}.modal-backdrop .modal-content .modal-header .modal-title{font-size:1.25rem;font-weight:600;margin:0}.modal-backdrop .modal-content .modal-header .modal-close-button{background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease}.modal-backdrop .modal-content .modal-header .modal-close-button:hover{background-color:#ffffff1a}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.form-container{padding:1.5rem}.form-container .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.form-container .form-grid{grid-template-columns:1fr;gap:1rem}}.form-container .form-grid .form-group{display:flex;flex-direction:column;gap:.5rem}.form-container .form-grid .form-group.form-group-full{grid-column:1/-1}.form-container .form-grid .form-group .form-label{font-weight:600;color:#1e293b;font-size:.875rem;margin-bottom:.25rem}.form-container .form-grid .form-group .form-label:after{content:" *";color:#ef4444;font-weight:500}.form-container .form-grid .form-group .form-input{padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#fff;color:#1e293b}.form-container .form-grid .form-group .form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fafbff}.form-container .form-grid .form-group .form-input:hover{border-color:#cbd5e1}.form-container .form-grid .form-group .form-input.error{border-color:#ef4444;background:#fef2f2}.form-container .form-grid .form-group .form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-container .form-grid .form-group .form-input::placeholder{color:#94a3b8;font-style:italic}.form-container .form-grid .form-group .form-input[type=date]{color:#64748b}.form-container .form-grid .form-group .form-input[type=date]::-webkit-calendar-picker-indicator{color:#3b82f6;cursor:pointer}.form-container .form-grid .form-group .form-input[type=email]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 12a4 4 0 10-8 0 4 4 0 008 0zm0 0v1.5a2.5 2.5 0 005 0V12a9 9 0 10-9 9m4.5-1.206a8.959 8.959 0 01-4.5 1.207'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}.form-container .form-grid .form-group .form-input[type=tel]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}.form-container .form-grid .form-group .form-input[type=url]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}.form-container .form-grid .form-group .form-error{color:#ef4444;font-size:.75rem;font-weight:500;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.form-container .form-grid .form-group .form-error:before{content:"⚠";font-size:.875rem}.form-container .form-section{margin-bottom:2rem}.form-container .form-section h4{margin:0 0 1rem;color:#1e293b;font-size:1.125rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.form-container .form-section h4:before{content:"";width:4px;height:1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:2px}.form-container .form-section .form-inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0}@media (max-width: 768px){.form-container .form-section .form-inline{grid-template-columns:1fr}}.form-container .form-section .form-inline input,.form-container .form-section .form-inline select{padding:.75rem;border:2px solid #e2e8f0;border-radius:6px;font-size:.875rem;transition:all .2s ease;background:#fff}.form-container .form-section .form-inline input:focus,.form-container .form-section .form-inline select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.form-container .form-section .form-inline input::placeholder,.form-container .form-section .form-inline select::placeholder{color:#94a3b8;font-style:italic}.form-container .form-section .form-inline select{cursor:pointer;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 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-container .form-section .form-inline button{padding:.75rem 1rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;min-height:44px}.form-container .form-section .form-inline button:first-of-type{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.form-container .form-section .form-inline button:first-of-type:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.form-container .form-section .form-inline button:last-of-type{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.form-container .form-section .form-inline button:last-of-type:hover{background:#e5e7eb;color:#374151}.form-container .form-section .form-inline button:active{transform:translateY(0)}.form-container .form-section ul{list-style:none;padding:0;margin:0}.form-container .form-section ul li{display:flex;align-items:center;justify-content:space-between;padding:1rem;margin-bottom:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.form-container .form-section ul li:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.form-container .form-section ul li:last-child{margin-bottom:0}.form-container .form-section ul li .contact-info,.form-container .form-section ul li .course-info{flex:1;display:flex;flex-direction:column;gap:.25rem}@media (min-width: 768px){.form-container .form-section ul li .contact-info,.form-container .form-section ul li .course-info{flex-direction:row;align-items:center;gap:1rem}}.form-container .form-section ul li .contact-info .primary-text,.form-container .form-section ul li .course-info .primary-text{font-weight:600;color:#1e293b}.form-container .form-section ul li .contact-info .secondary-text,.form-container .form-section ul li .course-info .secondary-text{color:#64748b;font-size:.875rem}.form-container .form-section ul li .contact-info .status-badge,.form-container .form-section ul li .course-info .status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.form-container .form-section ul li .contact-info .status-badge.active,.form-container .form-section ul li .course-info .status-badge.active{background:#dcfce7;color:#166534}.form-container .form-section ul li .contact-info .status-badge.expired,.form-container .form-section ul li .course-info .status-badge.expired{background:#fee2e2;color:#991b1b}.form-container .form-section ul li .contact-info .status-badge.pending,.form-container .form-section ul li .course-info .status-badge.pending{background:#fef3c7;color:#92400e}.form-container .form-section ul li .item-actions{display:flex;gap:.5rem;margin-left:1rem}.form-container .form-section ul li .item-actions button{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.form-container .form-section ul li .item-actions button:first-child{background:#dbeafe;color:#1d4ed8}.form-container .form-section ul li .item-actions button:first-child:hover{background:#bfdbfe;transform:translateY(-1px)}.form-container .form-section ul li .item-actions button:last-child{background:#fee2e2;color:#dc2626}.form-container .form-section ul li .item-actions button:last-child:hover{background:#fecaca;transform:translateY(-1px)}@media (max-width: 768px){.form-container .form-section ul li{flex-direction:column;align-items:stretch;gap:1rem}.form-container .form-section ul li .item-actions{margin-left:0;justify-content:center}}.form-container .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:2px solid #f1f5f9;margin-top:2rem}@media (max-width: 768px){.form-container .form-actions{flex-direction:column-reverse}}.form-container .form-actions .form-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;min-height:44px;position:relative;overflow:hidden}.form-container .form-actions .form-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.form-container .form-actions .form-button:hover:before{left:100%}.form-container .form-actions .form-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.form-container .form-actions .form-button:disabled:before{display:none}.form-container .form-actions .form-button.form-button-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f633}.form-container .form-actions .form-button.form-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.form-container .form-actions .form-button.form-button-primary:active:not(:disabled){transform:translateY(-1px)}.form-container .form-actions .form-button.form-button-secondary{background:#fff;color:#64748b;border:2px solid #e2e8f0;box-shadow:0 2px 4px #0000000d}.form-container .form-actions .form-button.form-button-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.form-container .form-actions .form-button.form-button-secondary:active:not(:disabled){transform:translateY(0)}@media (max-width: 768px){.form-container .form-actions .form-button{padding:1rem 2rem;font-size:1rem}}.form-container .loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 480px){.form-container{padding:1rem}.form-container .form-grid{gap:.75rem}.form-container .form-section .form-inline{padding:.75rem;gap:.5rem}}.form-container{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.client-contacts-list{max-width:1200px;margin:0 auto;min-height:100vh}.client-contacts-list .client-contacts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.client-contacts-list .client-contacts-container{display:flex;flex-direction:column;gap:1rem}.client-contacts-list .client-contact-item{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.client-contacts-list .client-contact-item:hover{box-shadow:0 8px 25px #0000001a}.client-contacts-list .client-contact-item .client-contact-main-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;cursor:pointer;transition:background-color .2s ease}.client-contacts-list .client-contact-item .client-contact-main-row:hover{background-color:#f8fafc}.client-contacts-list .client-contact-item .client-contact-main-row .client-contact-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.client-contacts-list .client-contact-item .client-contact-main-row .client-contact-info .client-contact-primary{display:flex;flex-direction:column;gap:.75rem}.client-contacts-list .client-contact-item .client-contact-main-row .client-contact-info .client-contact-primary .client-id-date{display:flex;align-items:center;justify-content:space-between;gap:.25rem}.client-contacts-list .client-contact-item .client-contact-main-row .client-contact-info .client-contact-primary .client-id-date .client-id{font-size:.875rem;font-weight:600;color:#1e40af;background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:.25rem .75rem;border-radius:20px;width:fit-content}.client-contacts-list .client-contact-item .client-contact-main-row .client-contact-info .client-contact-primary .client-id-date .client-date{font-size:.75rem;color:#64748b;font-weight:500}.client-contacts-list .client-contact-item .client-contact-main-row .client-contact-info .client-contact-primary .client-name-status{display:flex;flex-direction:column;align-items:flex-start}.client-contacts-list .client-contact-item .client-contact-main-row .client-contact-info .client-contact-primary .client-name-status .client-name{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0;text-align:left}.client-contacts-list .client-contact-item .client-contact-main-row .client-contact-info .client-contact-primary .client-name-status .status-pill{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid currentColor}.client-contacts-list .client-contact-item .client-contact-main-row .client-contact-info .client-contact-primary .client-name-status .status-pill svg{font-size:.875rem}.client-contacts-list .client-contact-item .client-contact-main-row .client-contact-info .client-contact-secondary{display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.client-contacts-list .client-contact-item .client-contact-main-row .client-contact-info .client-contact-secondary .client-progress-section{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex:1}.client-contacts-list .client-contact-item .client-contact-main-row .client-contact-info .client-contact-secondary .client-quick-info{display:flex;gap:2.5rem;align-items:flex-start}.client-contacts-list .client-contact-item .client-contact-main-row .client-contact-info .client-contact-secondary .client-quick-info .quick-info-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.client-contacts-list .client-contact-item .client-contact-main-row .client-contact-info .client-contact-secondary .client-quick-info .quick-info-item .quick-info-icon{font-size:1rem;color:#64748b}.client-contacts-list .client-contact-item .client-contact-main-row .client-contact-info .client-contact-secondary .client-quick-info .quick-info-item.activities-count{color:#64748b}.client-contacts-list .client-contact-item .client-contact-main-row .client-contact-actions{display:flex;align-items:center;margin-left:.5rem}.client-contacts-list .client-contact-item .client-contact-expanded{border-top:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9);animation:expandDown .3s cubic-bezier(.4,0,.2,1)}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .section-title{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .section-title:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:2px}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .contact-details-section .contact-details-grid{display:grid;grid-template-columns:1fr;gap:.5rem;font-size:.7rem}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .contact-details-section .contact-details-grid .detail-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .contact-details-section .contact-details-grid .detail-item .detail-icon{font-size:1rem;color:#1e40af;flex-shrink:0}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .contact-details-section .contact-details-grid .detail-item .detail-label{font-weight:600;color:#374151;min-width:80px}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .contact-details-section .contact-details-grid .detail-item .detail-value{color:#64748b;flex:1}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .contact-details-section .contact-details-grid .detail-item .detail-value.budget-value{font-weight:700;color:#059669;font-size:1.1rem}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .contact-details-section .contact-details-grid .detail-item .status-pill-large{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid currentColor}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .contact-details-section .contact-details-grid .detail-item .status-pill-large svg{font-size:1rem}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline{display:flex;flex-direction:column;gap:.5rem}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;background:#fff;border-radius:12px;border:1px solid #e5e7eb;position:relative;transition:all .2s ease}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item:hover{box-shadow:0 4px 12px #0000000d}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item.activity-status-completed{background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item.activity-status-pending{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item.activity-status-cancelled{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item .activity-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;font-size:1.1rem;flex-shrink:0}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item .activity-content{flex:1}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item .activity-content .activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item .activity-content .activity-header .activity-header-main{flex:1;display:flex;align-items:center;gap:.75rem}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item .activity-content .activity-header .activity-type{font-weight:700;color:#1e293b;font-size:.875rem}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item .activity-content .activity-header .activity-date{font-size:.875rem;color:#64748b;font-weight:500}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item .activity-content .activity-header .activity-time{font-size:.875rem;color:#1e40af;font-weight:600}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item .activity-content .activity-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item .activity-content .activity-details .activity-duration,.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item .activity-content .activity-details .activity-amount,.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item .activity-content .activity-details .activity-location{font-size:.875rem;color:#64748b}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item .activity-content .activity-details .activity-amount{font-weight:700;color:#059669}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item .activity-content .activity-notes{font-size:.875rem;color:#555656;margin-top:.5rem;padding:.75rem;background:#ffffff80;border-radius:8px;border:1px solid #e5e7eb}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item .activity-status{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:1rem}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item .activity-status.completed{background:#10b981;color:#fff}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item .activity-status.pending{background:#f59e0b;color:#fff}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .activities-section .activities-timeline .activity-item .activity-status.cancelled{background:#ef4444;color:#fff}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .progress-steps-section .progress-steps{display:grid;grid-template-columns:1fr;gap:1rem}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .progress-steps-section .progress-steps .progress-step-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .progress-steps-section .progress-steps .progress-step-item:hover{box-shadow:0 8px 25px #0000001a}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .progress-steps-section .progress-steps .progress-step-item.completed{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .progress-steps-section .progress-steps .progress-step-item.completed .step-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .progress-steps-section .progress-steps .progress-step-item.current{border-color:#1e40af;background:linear-gradient(135deg,#dbeafe,#bfdbfe);transform:scale(1.02)}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .progress-steps-section .progress-steps .progress-step-item.current .step-icon{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .progress-steps-section .progress-steps .progress-step-item .step-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f3f4f6;color:#6b7280;font-size:1.1rem;transition:all .2s ease}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .progress-steps-section .progress-steps .progress-step-item .step-info{flex:1}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .progress-steps-section .progress-steps .progress-step-item .step-info .step-label{display:block;font-weight:600;color:#1e293b;font-size:.875rem}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .progress-steps-section .progress-steps .progress-step-item .step-info .step-percentage{display:block;font-size:.75rem;color:#64748b;margin-top:.25rem}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .status-management-section .status-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .status-management-section .status-options-grid .status-option-pill{justify-content:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:2px solid transparent;opacity:.4}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .status-management-section .status-options-grid .status-option-pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;opacity:.85}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .status-management-section .status-options-grid .status-option-pill.active{opacity:1;border-color:currentColor;box-shadow:0 0 0 3px #3b82f64d}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .status-management-section .status-options-grid .status-option-pill.active:hover{opacity:1}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .status-management-section .current-status-info{text-align:center;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .status-management-section .current-status-info h4{margin:0 0 1rem;color:#374151;font-size:.875rem;font-weight:600}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .expanded-section-tabs{display:flex;gap:.5rem;border-bottom:1px solid #e2e8f0}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .expanded-section-tabs .section-tab-btn{background:none;border:none;padding:.75rem 1rem;cursor:pointer;color:#6b7280;font-weight:500;border-bottom:2px solid transparent;transition:all .2s ease}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .expanded-section-tabs .section-tab-btn:hover{color:#374151;background:#f8fafc}.client-contacts-list .client-contact-item .client-contact-expanded .expanded-content .expanded-section-tabs .section-tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#f8fafc}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-container-bar{display:flex;flex-direction:column;justify-content:space-between;align-items:start;width:100%}.name-status-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.2rem;width:100%}.name-status-row .client-id-date{font-size:.75rem;color:#6b7280}.status-management-section .status-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.status-management-section .status-options-grid .status-option-pill{justify-content:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:2px solid transparent;opacity:.4}.status-management-section .status-options-grid .status-option-pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;opacity:.85}.status-management-section .status-options-grid .status-option-pill.active{opacity:1;border-color:currentColor;box-shadow:0 0 0 3px #3b82f64d}.status-management-section .status-options-grid .status-option-pill.active:hover{opacity:1}.status-management-section .current-status-info{text-align:center;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.status-management-section .current-status-info h4{margin:0 0 1rem;color:#374151;font-size:.875rem;font-weight:600}.section-title-container{display:flex;justify-content:flex-end;margin-bottom:1rem}@media (max-width: 768px){.client-contacts-header{flex-direction:column;gap:1rem;align-items:stretch}.client-contacts-header .add-contact-button{width:100%;justify-content:center}.client-contact-actions{margin-left:.25rem}.section-title-container{justify-content:center}.activity-header{align-items:flex-start;gap:.5rem}.activity-header .activity-header-main{width:100%}.detail-item .detail-value{width:100%;justify-content:flex-start}.detail-item .delete-contact-button{align-self:flex-end}.client-name-edit{align-items:flex-start;gap:.5rem}.status-options-grid{grid-template-columns:1fr;gap:.75rem}.status-options-grid .status-option-pill{min-height:50px;padding:.75rem;opacity:.4}.status-options-grid .status-option-pill:hover{opacity:.85}.status-options-grid .status-option-pill.active,.status-options-grid .status-option-pill.active:hover{opacity:1}}@media (max-width: 480px){.expanded-section-tabs .section-tab-btn{padding:.5rem .75rem;font-size:.875rem}.client-name-edit .client-contact-actions{align-self:flex-end}}.progress-info-contact{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.75rem;font-weight:600;width:100%}.progress-info-contact .progress-step{color:#374151}.progress-info-contact .progress-percentage{color:#6b7280}.client-name-edit{display:flex;justify-content:space-between;align-items:center;width:100%}.client-name{margin:0;font-size:1.1rem;font-weight:600;color:#1f2937;flex:1}.activity-main-info{display:flex;flex-direction:column;justify-content:start;gap:.1rem}.client-contact-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.client-contact-modal{width:100%;max-width:800px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@media (max-width: 768px){.client-contact-modal{max-width:100%}.client-contact-modal__content{padding:1rem}.client-contact-modal__grid{grid-template-columns:1fr}.client-contact-modal__footer{padding:1rem 1.5rem;flex-direction:column-reverse}.client-contact-modal__footer button{width:100%;justify-content:center}}.client-contact-modal__header{padding:1.5rem 2rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center}.client-contact-modal__title{color:#fff;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.75rem;margin:0}.client-contact-modal__title .client-contact-modal__title-icon{font-size:1.75rem}.client-contact-modal__close-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.25rem}.client-contact-modal__close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.client-contact-modal__form{display:flex;flex-direction:column;flex:1;overflow:hidden}.client-contact-modal__content{flex:1;overflow-y:auto;padding:2rem}.client-contact-modal__content::-webkit-scrollbar{width:8px}.client-contact-modal__content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.client-contact-modal__content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.client-contact-modal__content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.client-contact-modal__notification{padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.95rem;animation:slideDown .3s ease-out}.client-contact-modal__notification svg{font-size:1.25rem;flex-shrink:0}.client-contact-modal__notification--success{background:#d1fae5;color:#065f46;border:1px solid #10b981}.client-contact-modal__notification--error{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.client-contact-modal__notification--info{background:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.client-contact-modal__section{margin-bottom:2rem}.client-contact-modal__section:last-child{margin-bottom:0}.client-contact-modal__section-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:.5rem}.client-contact-modal__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.client-contact-modal__group{display:flex;flex-direction:column;gap:.5rem;width:100%}.client-contact-modal__group--full{grid-column:1/-1}.client-contact-modal__label{font-size:.875rem;font-weight:600;color:#475569;display:flex;align-items:center;gap:.5rem}.client-contact-modal__label .required{color:#ef4444}.client-contact-modal__label-icon{color:#2563eb;font-size:1rem}.client-contact-modal__input,.client-contact-modal__select,.client-contact-modal__textarea{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.85rem;transition:all .2s;font-family:inherit;background:#fff}.client-contact-modal__input:hover,.client-contact-modal__select:hover,.client-contact-modal__textarea:hover{border-color:#cbd5e1}.client-contact-modal__input:focus,.client-contact-modal__select:focus,.client-contact-modal__textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.client-contact-modal__input.error,.client-contact-modal__select.error,.client-contact-modal__textarea.error{border-color:#ef4444;background:#fef2f2}.client-contact-modal__input.error:focus,.client-contact-modal__select.error:focus,.client-contact-modal__textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.client-contact-modal__input::placeholder,.client-contact-modal__select::placeholder,.client-contact-modal__textarea::placeholder{color:#94a3b8}.client-contact-modal__select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23475569' d='M4.427 6.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 6H4.604a.25.25 0 00-.177.427z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.client-contact-modal__textarea{resize:vertical;min-height:100px;line-height:1.5}.client-contact-modal__error{font-size:.8125rem;color:#ef4444;display:flex;align-items:center;gap:.375rem;margin-top:.25rem}.client-contact-modal__error svg{font-size:.875rem}.client-contact-modal__footer{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background-color:#f8fafc;border-top:1px solid #e2e8f0;border-radius:16px}.client-contact-modal__footer-main{display:flex;justify-content:flex-end;gap:1rem}.client-contact-modal__footer-danger{display:flex;justify-content:center;padding-top:.5rem;border-top:1px solid #fee2e2}.client-contact-modal__cancel-btn,.client-contact-modal__save-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;border:none}.client-contact-modal__cancel-btn:disabled,.client-contact-modal__save-btn:disabled{opacity:.5;cursor:not-allowed}.client-contact-modal__cancel-btn{background:#fff;color:#475569;border:2px solid #e2e8f0}.client-contact-modal__cancel-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.client-contact-modal__save-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.client-contact-modal__save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.client-contact-modal__delete-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;color:#dc2626;background-color:transparent;border:1px solid #fecaca;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.client-contact-modal__delete-btn:hover:not(:disabled){background-color:#fef2f2;border-color:#fca5a5;color:#b91c1c}.client-contact-modal__delete-btn:active:not(:disabled){background-color:#fee2e2;transform:translateY(1px)}.client-contact-modal__delete-btn:disabled{opacity:.5;cursor:not-allowed}.client-contact-modal__delete-btn svg{width:14px;height:14px}.client-contact-modal__spinner{width:16px;height:16px;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)}}.client-contact-page{min-height:100vh;padding:var(--spacing-sm);max-width:1080px;margin:0 auto}@media (max-width: 768px){.client-contact-page{padding:var(--spacing-sm)}}.client-contact-page .page-filters{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(30,64,175,.1)}@media (max-width: 768px){.client-contact-page .page-filters{padding:1rem;border-radius:12px}}.client-contact-page .page-filters .filters-content{display:flex;gap:1.5rem;align-items:center}@media (max-width: 768px){.client-contact-page .page-filters .filters-content{gap:1rem}}.client-contact-page .page-filters .filters-content .search-group{flex:1;position:relative}@media (max-width: 768px){.client-contact-page .page-filters .filters-content .search-group{width:50%}}.client-contact-page .page-filters .filters-content .search-group .search-input{width:50%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#f9fafb}.client-contact-page .page-filters .filters-content .search-group .search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.client-contact-page .page-filters .filters-content .search-group .search-input::placeholder{color:#9ca3af}.client-contact-page .page-filters .filters-content .search-group .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;font-size:1.2rem}.client-contact-page .page-filters .filters-content .filter-group{display:flex;gap:1rem;align-items:center}@media (max-width: 768px){.client-contact-page .page-filters .filters-content .filter-group{width:100%;justify-content:space-between}}.client-contact-page .page-filters .filters-content .filter-group .filter-label{font-weight:600;color:#374151;font-size:.8rem;white-space:nowrap}.client-contact-page .page-filters .filters-content .filter-group .filter-select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.9rem;background:#f9fafb;color:#374151;cursor:pointer;transition:all .2s ease;min-width:150px}.client-contact-page .page-filters .filters-content .filter-group .filter-select:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.client-contact-page .page-filters .filters-content .filter-group .filter-select{flex:1;min-width:auto}}.client-contact-page .page-content .loading-container{display:flex;justify-content:center;align-items:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.client-contact-page .page-content .loading-container .loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.client-contact-page .page-content .loading-container .loading-spinner .spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.client-contact-page .page-content .loading-container .loading-spinner .loading-text{color:#6b7280;font-size:1.1rem;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.client-contact-page .page-content .empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.client-contact-page .page-content .empty-state .empty-icon{font-size:4rem;color:#d1d5db;margin-bottom:1rem}.client-contact-page .page-content .empty-state .empty-title{font-size:1.5rem;font-weight:600;color:#374151;margin:0 0 .5rem}.client-contact-page .page-content .empty-state .empty-description{color:#6b7280;font-size:1rem;margin:0 0 2rem}.client-contact-page .page-content .empty-state .empty-action{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.client-contact-page .page-content .empty-state .empty-action:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.client-contact-page .page-content .empty-state .empty-action:active{transform:translateY(0)}.client-contact-page .stats-bar{display:flex;gap:1rem;margin-bottom:2rem}@media (max-width: 768px){.client-contact-page .stats-bar{gap:.5rem}}.client-contact-page .stats-bar .stat-card{flex:1;background:#fff;text-align:center;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(30,64,175,.1);transition:all .2s ease}.client-contact-page .stats-bar .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.client-contact-page .stats-bar .stat-card .stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.client-contact-page .stats-bar .stat-card .stat-header .stat-title{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.client-contact-page .stats-bar .stat-card .stat-header .stat-icon{font-size:1.5rem;color:#3b82f6;opacity:.7}.client-contact-page .stats-bar .stat-card .stat-value{font-size:2rem;font-weight:700;color:#1e293b;line-height:1}.client-contact-page .stats-bar .stat-card .stat-change{font-size:.7rem}.client-contact-page .stats-bar .stat-card .stat-change.positive{color:#059669}.client-contact-page .stats-bar .stat-card .stat-change.negative{color:#dc2626}.client-contact-page .stats-bar .stat-card .stat-change.neutral{color:#6b7280}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease-out}@media (max-width: 480px){.client-contact-page{padding:.5rem}.client-contact-page .page-header{padding:1rem;margin-bottom:1rem}.client-contact-page .page-header .header-content .page-title{font-size:1.25rem}.client-contact-page .page-header .header-content .page-title .title-icon{font-size:1.5rem}.client-contact-page .page-header .header-content .page-subtitle{font-size:.9rem}.client-contact-page .page-header .header-content .header-actions .action-button{padding:.75rem 1rem;font-size:.8rem}.client-contact-page .page-filters{padding:.75rem;margin-bottom:1rem}.client-contact-page .stats-bar{margin-bottom:1rem}.client-contact-page .stats-bar .stat-card{padding:.5rem}.client-contact-page .stats-bar .stat-card .stat-value{font-size:1.5rem}}.contracts-wrapper{padding:1rem;max-width:1200px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.contracts-header{background:linear-gradient(135deg,#1e3a8a,#3b82f6);padding:2rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 10px 40px #1e3a8a4d;position:relative;overflow:hidden}.contracts-header:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.contracts-header:after{content:"";position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:50%}.contracts-header-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.contracts-header-info{flex:1;min-width:250px}.contracts-header-info h1{color:#fff;font-size:2.5rem;font-weight:800;margin:0 0 .5rem;display:flex;align-items:center;gap:1rem;letter-spacing:-.5px}.contracts-header-info h1 .header-icon{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.contracts-header-info p{color:#fffffff2;font-size:1.125rem;margin:0;font-weight:500}.contracts-header-stats{display:flex;gap:2rem;flex-wrap:wrap}.stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.2);text-align:center;min-width:100px}.stat-card .stat-number{display:block;font-size:2rem;font-weight:800;color:#fff;line-height:1;margin-bottom:.25rem}.stat-card .stat-label{display:block;font-size:.875rem;color:#ffffffe6;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.contracts-header-action .add-contract-button{background:#fff;color:#1e3a8a;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #ffffff4d;position:relative;overflow:hidden}.contracts-header-action .add-contract-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#1e3a8a1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.contracts-header-action .add-contract-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #fff6}.contracts-header-action .add-contract-button:hover:before{width:300px;height:300px}.contracts-header-action .add-contract-button:active{transform:translateY(-1px) scale(1)}.contracts-header-action .add-contract-button svg{font-size:1.25rem;position:relative;z-index:1}.contracts-header-action .add-contract-button span{position:relative;z-index:1}.contracts-filters{background:#fff;padding:1.5rem;border-radius:16px;margin-bottom:2rem;box-shadow:0 4px 20px #00000014;display:flex;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:center}.filter-chip{padding:.75rem 1.5rem;border-radius:25px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;white-space:nowrap;position:relative;overflow:hidden}.filter-chip:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#1e3a8a,#3b82f6);transform:translate(-50%,-50%);transition:width .4s,height .4s;z-index:0}.filter-chip span{position:relative;z-index:1;transition:color .3s}.filter-chip svg{position:relative;z-index:1;transition:color .3s}.filter-chip:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.filter-chip.active{border-color:#3b82f6;box-shadow:0 4px 16px #3b82f64d}.filter-chip.active:before{width:300px;height:300px}.filter-chip.active span,.filter-chip.active svg{color:#fff}.contracts-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.contract-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative}.contract-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#3b82f6);opacity:0;transition:opacity .3s}.contract-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:#3b82f6}.contract-card:hover:before{opacity:1}.contract-card.renewal-alert{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fff 50%)}.contract-card.renewal-alert:before{background:linear-gradient(90deg,#f59e0b,#ef4444);opacity:1}.contract-card.expired-alert{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fff 50%)}.contract-card.expired-alert:before{background:#ef4444;opacity:1}.contract-card.critical{animation:pulse-critical 2s infinite}.contract-card-header{padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.contract-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.contract-card-top .contract-category-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:20px;font-size:.8125rem;font-weight:700;color:#1e40af;text-transform:uppercase;letter-spacing:.5px}.contract-card-top .contract-category-badge svg{font-size:1rem}.contract-status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:.5rem;border:2px solid currentColor}.contract-status-badge svg{font-size:.875rem}.contract-status-badge.status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#10b981}.contract-status-badge.status-renewal-needed{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#f59e0b;animation:pulse-warning 2s infinite}.contract-status-badge.status-expired{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#ef4444}.contract-status-badge.status-negotiating{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#3b82f6}.contract-status-badge.status-cancelled{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-color:#94a3b8}.contract-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.contract-title-info{flex:1}.contract-title-info .contract-provider{font-size:.8125rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.375rem}.contract-title-info h3{font-size:1.375rem;font-weight:800;color:#1e293b;margin:0;line-height:1.3}.contract-actions{display:flex;gap:.5rem}.action-btn{width:40px;height:40px;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .4s,height .4s}.action-btn:hover:before{width:100px;height:100px}.action-btn svg{font-size:1.125rem;position:relative;z-index:1}.action-btn.edit-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.action-btn.edit-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px #10b98166}.action-btn.expand-btn{background:linear-gradient(135deg,#64748b,#475569);color:#fff;box-shadow:0 2px 8px #64748b4d}.action-btn.expand-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px #64748b66}.action-btn.expand-btn.expanded{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:rotate(180deg)}.action-btn.expand-btn.expanded:hover{transform:rotate(180deg) translateY(-2px) scale(1.05)}.contract-card-body{padding:1.5rem}.contract-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.info-item{display:flex;flex-direction:column;gap:.375rem}.info-item .info-label{font-size:.75rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.375rem}.info-item .info-label svg{font-size:.875rem}.info-item .info-value{font-size:1rem;font-weight:700;color:#1e293b}.info-item .info-value.price{font-size:1.25rem;color:#10b981}.info-item .info-value.days-critical{color:#ef4444;animation:pulse 2s infinite}.info-item .info-value.days-warning{color:#f59e0b}.info-item .info-value.days-normal{color:#10b981}.contract-renewal-notice{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;margin-top:1rem}.contract-renewal-notice .renewal-notice-content{flex:1;color:#92400e;font-size:.875rem;line-height:1.4}.contract-renewal-notice .renewal-notice-content strong{font-weight:600;display:block;margin-bottom:.5rem}.contract-renewal-notice .renewal-notice-actions{margin-top:.5rem}.contract-renewal-notice svg{color:#f59e0b;margin-top:.125rem;flex-shrink:0}.contract-auto-renewal-notice{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;border-radius:8px;margin-top:1rem}.contract-auto-renewal-notice .auto-renewal-content{flex:1;color:#1e40af;font-size:.875rem;line-height:1.4}.contract-auto-renewal-notice .auto-renewal-content strong{font-weight:600;display:block;margin-bottom:.5rem}.contract-auto-renewal-notice .auto-renewal-status{margin-top:.5rem}.contract-auto-renewal-notice svg{margin-top:.125rem;flex-shrink:0}.expanded-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.expanded-section h4{font-size:.875rem;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.expanded-section h4 svg{color:#3b82f6;font-size:1rem}.expanded-section .detail-item{padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:.75rem}.expanded-section .detail-item svg{font-size:1.25rem;color:#3b82f6;flex-shrink:0}.expanded-section .detail-item .detail-content{flex:1}.expanded-section .detail-item .detail-content .detail-label{font-size:.75rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.expanded-section .detail-item .detail-content .detail-value{font-size:.9375rem;font-weight:700;color:#1e293b}.expanded-section .detail-item .detail-content .detail-value a{color:#3b82f6;text-decoration:none;transition:color .2s}.expanded-section .detail-item .detail-content .detail-value a:hover{color:#2563eb;text-decoration:underline}.expanded-text-section{padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #3b82f6;border-radius:8px}.expanded-text-section p{margin:0;font-size:.875rem;color:#475569;line-height:1.6;white-space:pre-wrap}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014}.empty-state svg{font-size:5rem;color:#cbd5e1;margin-bottom:1.5rem;opacity:.5}.empty-state h3{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.empty-state p{color:#64748b;font-size:1.125rem;margin:0 0 2rem}.empty-state .empty-action-btn{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #3b82f64d}.empty-state .empty-action-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #3b82f666}.header-counters{display:flex;gap:2.5rem;align-items:center;margin:0 0 1.5rem;padding:.5rem 0;background:transparent}@media (max-width: 600px){.header-counters{flex-direction:column;gap:.75rem;align-items:flex-start}}.counter-item{display:flex;flex-direction:column;align-items:center;min-width:70px}.counter-number{font-size:2rem;font-weight:700;color:#2563eb;line-height:1}.counter-label{font-size:.95rem;color:#64748b;font-weight:500;margin-top:.15rem;letter-spacing:.5px}@keyframes pulse-critical{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 12px #ef444400}}@keyframes pulse-warning{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 8px #f59e0b00}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:2000px;transform:translateY(0)}}@media (max-width: 768px){.contracts-wrapper{padding:.5rem}.contracts-header{padding:1.5rem;border-radius:16px}.contracts-header-content{flex-direction:column;align-items:stretch;gap:1.5rem}.contracts-header-info{text-align:center}.contracts-header-info h1{font-size:1.75rem;justify-content:center}.contracts-header-info p{font-size:1rem}.contracts-header-stats{justify-content:center;gap:1rem}.stat-card{flex:1;min-width:auto}.contracts-header-action .add-contract-button{width:100%;justify-content:center}.contracts-filters{padding:1rem;gap:.75rem}.filter-chip{padding:.625rem 1.25rem;font-size:.875rem}.contracts-grid{gap:1rem}.contract-card-header,.contract-card-body{padding:1rem}.contract-card-expanded{padding:0 1rem 1rem}}.stats-bar{display:flex;gap:1rem;margin-bottom:2rem}@media (max-width: 768px){.stats-bar{gap:.5rem}}.stats-bar .stat-card{display:flex;flex:1;background:#fff;text-align:center;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(30,64,175,.1);transition:all .2s ease}.stats-bar .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.stats-bar .stat-card .stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.stats-bar .stat-card .stat-header .stat-title{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.stats-bar .stat-card .stat-header .stat-icon{font-size:1.5rem;color:#3b82f6;opacity:.7}.stats-bar .stat-card .stat-value{font-size:2rem;font-weight:700;color:#1e293b;line-height:1}.stats-bar .stat-card .stat-change{font-size:.7rem}.stats-bar .stat-card .stat-change.positive{color:#059669}.stats-bar .stat-card .stat-change.negative{color:#dc9926}.stats-bar .stat-card .stat-change.neutral{color:#6b7280}.stats-bar .stat-card .stat-change.expired{color:#dc2626}@media (max-width: 480px){.stats-bar{margin-bottom:1rem}.stats-bar .stat-card{padding:.5rem;flex-direction:column}.stats-bar .stat-card .stat-value{font-size:1.5rem}}.filters-content{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.search-input{padding:.75rem .75rem .75rem 2.5rem;border:2px solid #e2e8f0;border-radius:8px;background:#f9fafb;font-size:.95rem;width:100%;max-width:350px}.status-filter{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;background:#f9fafb;min-width:180px}.annual-contract-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease}.annual-contract-modal-overlay .annual-contract-modal{background:#fff;border-radius:20px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-header{background:linear-gradient(135deg,#1e3a8a,#3b82f6);padding:2rem;border-radius:20px 20px 0 0;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0000001a}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-header h2{color:#fff;font-size:1.75rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.75rem}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-header h2 .header-icon{font-size:2rem}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-header .close-button{position:absolute;top:1.5rem;right:1.5rem;background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-header .close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body{padding:2rem}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section{margin-bottom:2rem}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section:last-child{margin-bottom:0}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .section-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:.5rem}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-bottom:1.25rem}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row.single{grid-template-columns:1fr}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row .form-group{display:flex;flex-direction:column;gap:.5rem}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row .form-group label{font-size:.875rem;font-weight:600;color:#475569;display:flex;align-items:center;gap:.375rem}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row .form-group label .required{color:#ef4444}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row .form-group input,.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row .form-group select,.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row .form-group textarea{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.9375rem;transition:all .2s ease;font-family:inherit}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row .form-group input:focus,.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row .form-group select:focus,.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row .form-group input.error,.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row .form-group select.error,.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row .form-group textarea.error{border-color:#ef4444}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row .form-group textarea{min-height:100px;resize:vertical;line-height:1.5}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row .form-group .error-message{font-size:.8125rem;color:#ef4444;margin-top:-.25rem;display:flex;align-items:center;gap:.25rem}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row .form-group .checkbox-wrapper{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8fafc;border-radius:10px;border:2px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row .form-group .checkbox-wrapper:hover{background:#f1f5f9;border-color:#cbd5e1}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row .form-group .checkbox-wrapper input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row .form-group .checkbox-wrapper label{margin:0;cursor:pointer;flex:1}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .info-box{padding:1rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:10px;border-left:4px solid #3b82f6;margin-top:1rem}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .info-box .info-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1e40af;margin-bottom:.5rem;font-size:.9375rem}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .info-box .info-content{font-size:.875rem;color:#1e40af;line-height:1.5}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .info-box .info-content p{margin:.25rem 0}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .info-box .info-content strong{font-weight:600}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .warning-box{padding:1rem;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:10px;border-left:4px solid #f59e0b;margin-top:1rem}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .warning-box .warning-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#92400e;margin-bottom:.5rem;font-size:.9375rem}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .warning-box .warning-content{font-size:.875rem;color:#92400e;line-height:1.5}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-footer{padding:1.5rem 2rem;background:#f8fafc;border-top:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-radius:0 0 20px 20px}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-footer .footer-left .delete-button{background:none;border:2px solid #ef4444;color:#ef4444;padding:.75rem 1.5rem;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-footer .footer-left .delete-button:hover{background:#ef4444;color:#fff}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-footer .footer-right{display:flex;gap:.75rem}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-footer .footer-right .cancel-button{background:#fff;border:2px solid #e2e8f0;color:#64748b;padding:.75rem 1.5rem;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-footer .footer-right .cancel-button:hover{border-color:#cbd5e1;background:#f8fafc}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-footer .footer-right .save-button{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:none;color:#fff;padding:.75rem 2rem;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-footer .footer-right .save-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-footer .footer-right .save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.annual-contract-modal-overlay{padding:0}.annual-contract-modal-overlay .annual-contract-modal{max-height:100vh;border-radius:0}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-header{border-radius:0;padding:1.5rem 1rem}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-header h2{font-size:1.25rem}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-header .close-button{top:1rem;right:1rem}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body{padding:1.5rem 1rem}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-body .contract-form-section .form-row{grid-template-columns:1fr;gap:1rem}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-footer{padding:1rem;flex-direction:column}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-footer .footer-left,.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-footer .footer-right{width:100%}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-footer .footer-right{flex-direction:column}.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-footer .footer-right .cancel-button,.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-footer .footer-right .save-button,.annual-contract-modal-overlay .annual-contract-modal .annual-contract-modal-footer .footer-left .delete-button{width:100%;justify-content:center}}.profile-mgmt-root{display:flex;max-width:1080px;margin:0 auto;flex-direction:column;gap:var(--spacing-2xl)}.profile-mgmt-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl)}.profile-mgmt-header-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.profile-mgmt-avatar-section{display:flex;align-items:center;gap:var(--spacing-xl)}.profile-mgmt-avatar-edit{position:relative;width:120px;height:120px;border-radius:50%;background:var(--glass-card);border:3px solid var(--glass-border);display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-mgmt-avatar-edit img{width:100%;height:100%;object-fit:cover}.profile-mgmt-avatar-edit svg{color:var(--text-secondary)}@media (max-width: 768px){.profile-mgmt-avatar-edit{width:100px;height:100px}}.profile-mgmt-avatar-upload-btn{position:absolute;right:810px;top:100px;width:36px;height:36px;background:var(--text-muted);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}@media (max-width: 968px){.profile-mgmt-avatar-upload-btn{right:708px;top:100px}}@media (max-width: 768px){.profile-mgmt-avatar-upload-btn{right:608px;top:80px}}@media (max-width: 668px){.profile-mgmt-avatar-upload-btn{right:478px;top:80px}}@media (max-width: 568px){.profile-mgmt-avatar-upload-btn{right:388px;top:80px}}@media (max-width: 468px){.profile-mgmt-avatar-upload-btn{right:280px;top:80px}}@media (max-width: 415px){.profile-mgmt-avatar-upload-btn{right:260px;top:80px}}@media (max-width: 398px){.profile-mgmt-avatar-upload-btn{right:255px;top:80px}}@media (max-width: 376px){.profile-mgmt-avatar-upload-btn{right:225px;top:80px}}.profile-mgmt-avatar-upload-btn:hover{transform:scale(1.1)}.profile-mgmt-avatar-upload-btn svg{color:#fff}.profile-mgmt-basic-info{flex:1}.profile-mgmt-page-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.profile-mgmt-page-email{color:var(--text-secondary);font-size:var(--font-size-xs);margin:0 0 var(--spacing-md) 0}.profile-mgmt-badges{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}@media (max-width: 768px){.profile-mgmt-badges{justify-content:center}}.profile-mgmt-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.profile-mgmt-badge.badge-emerald{background:#10b98133;color:var(--primary-emerald)}.profile-mgmt-badge.badge-blue{background:#3b82f633;color:var(--primary-blue)}.profile-mgmt-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media (min-width: 768px){.profile-mgmt-stats-grid{grid-template-columns:repeat(4,1fr)}}.profile-mgmt-stat{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:all .2s ease}.profile-mgmt-stat:hover{background:var(--glass-hover);transform:translateY(-2px)}.stat-icon{width:40px;height:40px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center}.stat-icon.stat-emerald{background:#10b98133;color:var(--primary-emerald)}.stat-icon.stat-blue{background:#3b82f633;color:var(--primary-blue)}.stat-icon.stat-orange{background:#f9731633;color:var(--primary-orange)}.stat-icon.stat-yellow{background:#f59e0b33;color:var(--primary-yellow)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.stat-label{font-size:var(--font-size-xs);color:var(--text-secondary)}.profile-mgmt-tab-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl)}.profile-mgmt-section-header{display:flex;align-items:center;justify-content:end}.profile-mgmt-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.profile-mgmt-profile-form,.profile-mgmt-security-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.profile-mgmt-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media (max-width: 768px){.profile-mgmt-form-grid{grid-template-columns:1fr}}.profile-mgmt-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.profile-mgmt-form-group.full-width{grid-column:1/-1}.profile-mgmt-form-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.profile-mgmt-form-label svg{color:var(--text-muted)}.profile-mgmt-form-input,.profile-mgmt-form-select,.profile-mgmt-form-textarea{padding:var(--spacing-md);background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-md);transition:all .2s ease;width:100%}.profile-mgmt-form-input:focus,.profile-mgmt-form-select:focus,.profile-mgmt-form-textarea:focus{outline:none;border-color:var(--text-accent);box-shadow:0 0 0 3px #10b9811a;background:#ffffff1a}.profile-mgmt-form-input:disabled,.profile-mgmt-form-select:disabled,.profile-mgmt-form-textarea:disabled{opacity:.6;cursor:not-allowed}.profile-mgmt-form-input::placeholder,.profile-mgmt-form-select::placeholder,.profile-mgmt-form-textarea::placeholder{color:var(--text-muted)}.profile-mgmt-form-textarea{resize:vertical;min-height:100px}.profile-mgmt-password-input-group{position:relative;display:flex;align-items:center}.profile-mgmt-password-toggle{position:absolute;right:var(--spacing-md);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all .2s ease}.profile-mgmt-password-toggle:hover{color:var(--text-primary);background:var(--glass-hover)}.profile-mgmt-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md)}@media (max-width: 768px){.profile-mgmt-form-actions{justify-content:stretch}.profile-mgmt-form-actions .button{flex:1}}.profile-mgmt-danger-zone{margin-top:150px;padding:var(--spacing-xl);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--border-radius-lg)}.profile-mgmt-danger-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary-red);margin:0 0 var(--spacing-sm) 0}.profile-mgmt-danger-description{color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.profile-mgmt-preferences-grid{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.profile-mgmt-preference-group{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.profile-mgmt-preference-group-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.profile-mgmt-preference-group-title svg{color:var(--primary-emerald)}.profile-mgmt-preference-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) 0;border-bottom:1px solid var(--glass-border)}.profile-mgmt-preference-item:last-child{border-bottom:none}@media (max-width: 768px){.profile-mgmt-preference-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}.profile-mgmt-preference-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-mgmt-preference-label{font-weight:var(--font-weight-medium);color:var(--text-primary)}.profile-mgmt-preference-description{font-size:var(--font-size-sm);color:var(--text-secondary)}.profile-mgmt-toggle-switch{position:relative;display:inline-block;width:50px;height:24px;cursor:pointer}.profile-mgmt-toggle-switch input{opacity:0;width:0;height:0}.profile-mgmt-toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-tertiary);border-radius:24px;transition:all .3s ease}.profile-mgmt-toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s ease}.profile-mgmt-toggle-switch input:checked+.profile-mgmt-toggle-slider{background:linear-gradient(135deg,var(--primary-emerald),var(--primary-blue))}.profile-mgmt-toggle-switch input:checked+.profile-mgmt-toggle-slider:before{transform:translate(26px)}.profile-mgmt-crop-upload-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.profile-mgmt-crop-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.profile-mgmt-crop-modal .profile-mgmt-crop-content{background:var(--glass-bg, rgba(255, 255, 255, .15));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border, rgba(255, 255, 255, .2));border-radius:16px;max-width:400px;width:90vw;box-shadow:0 8px 32px #00000040;animation:slideUp .3s ease-out}.profile-mgmt-crop-modal .profile-mgmt-crop-content .profile-mgmt-crop-header{padding:2rem 1rem .5rem;font-size:1.2rem;font-weight:600;color:var(--text-primary, #222);margin-bottom:1rem;text-align:center}.profile-mgmt-crop-modal .profile-mgmt-crop-content .profile-mgmt-crop-actions{display:flex;gap:1rem;justify-content:center;padding:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.profile-mgmt-root{padding:0;margin:var(--spacing-sm);gap:var(--spacing-xl)}.profile-mgmt-header,.profile-mgmt-tab-content{padding:var(--spacing-xl) var(--spacing-md)}.profile-mgmt-stats-grid{grid-template-columns:repeat(2,1fr)}}.profile-mgmt-forgot-password{display:flex;justify-content:end;align-items:center;font-size:var(--font-size-xxs);color:var(--text-secondary);margin-top:-5px}.profile-mgmt-link{color:var(--text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color .2s ease}.profile-mgmt-link:hover{color:var(--primary-blue);text-decoration:underline}.password-live-check{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs);display:flex;color:var(--text-tertiary);font-size:var(--font-size-xs);flex-direction:column;gap:var(--spacing-xs)}.password-check-line{display:flex;align-items:center;gap:var(--spacing-xs);transition:color .2s ease,opacity .2s ease}.password-check-line.warn,.password-check-line.warn .warn-icon{color:var(--accent-warning)}.password-check-line.warn .password-check-text{opacity:.85}.password-check-line.ok,.password-check-line.ok .check-icon{color:var(--accent-success)}.password-check-line.ok .password-check-text{opacity:1}.check-icon{font-size:1.1em;color:var(--accent-success);transition:color .2s ease}.warn-icon{font-size:1.1em;color:var(--accent-warning);transition:color .2s ease}.password-check-text{transition:opacity .2s ease,color .2s ease}.success-text{color:var(--text-tertiary)}:root{--primary-blue: #2563eb;--primary-blue-dark: #1d4ed8;--primary-blue-light: #60a5fa;--primary-navy: #0f172a;--primary-yellow: #f59e0b;--primary-red: #ef4444;--primary-green: #10b981;--bg-primary: #e8ebf083;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-quaternary: #e6eefc;--bg-progress: #e5e7eb;--bg-success: #d1fae5;--table-row-accent-bg: #f59f0b21;--table-row-accent-border: #ffa200;--table-row-secondary-bg: #d1d1d113;--table-row-secondary-border: #cfcfcf;--table-row-success-bg: #d1fae521;--table-row-success-border: #10b98199;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: rgba(15, 23, 42, .6);--text-muted: #6b7280;--text-muted-secondary: #94a3b8;--text-black: #000000;--text-accent: #4a90e2;--text-accent-secondary: #b8860b;--text-premium: #b8860b;--border-primary: rgba(37, 99, 235, .12);--border-secondary: rgba(2,6,23,.04);--glass-bg: rgba(255, 255, 255, .9);--glass-card: rgba(255, 255, 255, .95);--glass-card-accent: #eef2ff;--glass-dark: rgba(248, 252, 255, .836);--glass-border: rgba(15, 23, 42, .06);--glass-border-accent: #c7d2fe;--glass-hover: rgba(240, 246, 255, .6);--glass-modal: rgba(255, 255, 255, .9);--gradient-primary: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-dark) 100%);--gradient-success: linear-gradient(135deg, #059669 0%, #10b981 100%);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-full: 9999px;--status-pending-bg-light: #fef3c7;--status-success-bg-light: #d1fae5;--status-overdue-bg-light: #fff1f2;--status-cancelled-bg-light: #f3f4f6;--status-info-bg-light: #dbeafe;--status-info-border: #3b82f6;--status-progress-bg-light: #ede9fe;--status-progress-border: #8b5cf6;--status-pending-bg: var(--status-pending-bg-light);--status-paid-bg: var(--status-success-bg-light);--status-overdue-bg: var(--status-overdue-bg-light);--status-cancelled-bg: var(--status-cancelled-bg-light);--status-info-bg: var(--status-info-bg-light);--status-progress-bg: var(--status-progress-bg-light);--status-info-color: #1e40af;--status-progress-color: #6d28d9;--status-pending-bg: rgb(254, 243, 199);--status-pending-border: #f59e0b;--status-pending-color: #f59e0bff;--status-paid-bg: rgb(209, 250, 229);--status-paid-border: #10b981;--status-paid-color: rgb(5, 150, 105);--status-overdue-bg: #fff1f2;--status-overdue-border: #ef4444;--status-overdue-color: #9b1c1c;--status-cancelled-bg: #f3f4f6;--status-cancelled-border: #6b7280;--status-cancelled-color: #374151;--app-surface: var(--bg-secondary);--card-bg: var(--glass-card);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--font-size-xxs: 10px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--accent-primary: #00d4ff;--accent-secondary: #ff6b6b;--accent-success: #1ca867;--accent-warning: #ff9500;--accent-error: #ff4757}:root{--action-info-bg: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--action-info-color: #ffffff;--action-info-hover-shadow: 0 4px 12px rgba(59,130,246,.28);--action-edit-bg: linear-gradient(135deg, #10b981 0%, #059669 100%);--action-edit-color: #ffffff;--action-edit-hover-shadow: 0 4px 12px rgba(16,185,129,.22);--action-delete-bg: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--action-delete-color: #ffffff;--action-delete-hover-shadow: 0 4px 12px rgba(239,68,68,.22);--action-add-bg: linear-gradient(135deg, #ffffff 0%, #f3ecff 100%);--action-add-color: #2b60b6;--action-add-hover-shadow: 0 4px 12px rgba(99,102,241,.08);--action-save-bg: linear-gradient(135deg, #059669 0%, #047857 100%);--action-save-color: #ffffff;--action-save-hover-shadow: 0 4px 12px rgba(5,150,105,.22);--action-cancel-bg: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%);--action-cancel-color: #ffffff;--action-cancel-hover-shadow: 0 4px 12px rgba(156,163,175,.18);--action-view-bg: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--action-view-color: #ffffff;--action-view-hover-shadow: 0 4px 12px rgba(6,182,212,.18);--action-download-bg: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--action-download-color: #ffffff;--action-download-hover-shadow: 0 4px 12px rgba(245,158,11,.18);--action-share-bg: linear-gradient(135deg, #ec4899 0%, #db2777 100%);--action-share-color: #ffffff;--action-share-hover-shadow: 0 4px 12px rgba(236,72,153,.18);--action-settings-bg: linear-gradient(135deg, #64748b 0%, #475569 100%);--action-settings-color: #ffffff;--action-settings-hover-shadow: 0 4px 12px rgba(71,85,105,.18);--action-refresh-bg: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);--action-refresh-color: #ffffff;--action-refresh-hover-shadow: 0 4px 12px rgba(14,165,233,.18);--action-copy-bg: linear-gradient(135deg, #84cc16 0%, #65a30d 100%);--action-copy-color: #ffffff;--action-copy-hover-shadow: 0 4px 12px rgba(132,204,22,.18);--action-external-bg: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--action-external-color: #ffffff;--action-external-hover-shadow: 0 4px 12px rgba(99,102,241,.18);--action-play-bg: linear-gradient(135deg, #059669 0%, #10b981 100%);--action-play-color: #ffffff;--action-play-hover-shadow: 0 4px 12px rgba(34,197,94,.18);--action-pause-bg: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--action-pause-color: #ffffff;--action-pause-hover-shadow: 0 4px 12px rgba(245,158,11,.18);--action-next-bg: var(--action-info-bg);--action-next-color: var(--action-info-color);--action-next-hover-shadow: var(--action-info-hover-shadow);--action-prev-bg: var(--action-info-bg);--action-prev-color: var(--action-info-color);--action-prev-hover-shadow: var(--action-info-hover-shadow)}[data-theme=dark]{--primary-blue: #60a5fa;--primary-blue-dark: #2563eb;--primary-blue-light: #93c5fd;--primary-navy: #f8fafc;--bg-primary: #090d1a;--bg-secondary: #0f1724;--bg-tertiary: #0b2340;--bg-quaternary: #08283f;--bg-progress: #242f44;--bg-success: #193627;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: rgba(255, 255, 255, .5);--text-muted: #94a3b8;--text-muted-secondary: #94a3b88e;--text-black: #000000;--text-accent: #4a90e2;--text-accent-secondary: #b8860b;--text-premium: #f4d03f;--border-primary: rgba(96,165,250,.12);--border-secondary: rgba(255,255,255,.04);--glass-bg: rgba(30, 41, 59, .3);--glass-card: rgba(50, 50, 104, .281);--glass-card-accent: #11204dc2;--glass-dark: rgba(14, 18, 27, .404);--glass-border: rgba(148, 163, 184, .247);--glass-border-accent: rgba(147, 196, 253, .185);--glass-hover: rgba(30, 41, 59, .4);--glass-modal: rgb(9, 12, 17);--gradient-primary: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-dark) 100%);--gradient-success: linear-gradient(135deg, #059669 0%, #10b981 100%);--status-pending-bg: #fef3c720;--status-paid-bg: #d1fae520;--status-overdue-bg: #fff1f220;--status-cancelled-bg: #f3f4f620;--status-info-bg: #dbeafe20;--status-progress-bg: #ede9fe20;--status-pending-color: #f59e0bff;--status-paid-color: rgb(5, 150, 105);--status-overdue-color: #9b1c1c;--status-cancelled-color: #374151;--status-info-color: #1e40af;--status-progress-color: #6d28d9;--status-pending-border: #f59e0b;--status-paid-border: #10b981;--status-overdue-border: #ef4444;--status-cancelled-border: #6b7280;--status-info-border: #3b82f6;--status-progress-border: #8b5cf6;--accent-success: #21b972;--app-surface: var(--bg-secondary);--card-bg: var(--glass-card)}html,body{transition:background-color .18s ease,color .18s ease,border-color .18s ease}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);padding-bottom:150px}label{color:var(--text-muted)}.floating-header{position:fixed;top:var(--spacing-lg);left:var(--spacing-lg);right:var(--spacing-lg);background:var(--glass-dark);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--border-radius-xl)}.gradient-text{background:linear-gradient(135deg,var(--primary-emerald),var(--primary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-content{padding:0 16px}.container{max-width:960px;margin:0 auto}.content-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);margin-top:var(--spacing-2xl)}@media (min-width: 1024px){.content-layout{grid-template-columns:2fr 1fr}}.content-secondary{display:flex;flex-direction:column;gap:var(--spacing-2xl)}@media (max-width: 768px){.floating-header{left:var(--spacing-sm);right:var(--spacing-sm);top:var(--spacing-sm)}}a{text-decoration:none}.div-row{display:flex;justify-content:space-between;align-items:center}li{list-style:none}.auth-form .form-group{margin-bottom:var(--spacing-xl)}.auth-form .form-group label{color:var(--text-muted);margin-bottom:var(--spacing-sm)}.auth-form .form-group input{width:100%;padding:var(--spacing-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--glass-border);border-radius:var(--border-radius-md);font-size:var(--font-size-md);color:var(--text-primary);transition:all .3s ease}.auth-form .form-group input:focus{outline:none;border-color:var(--text-accent);box-shadow:0 0 0 3px #10b9811a;background:#ffffff1a}.auth-form .form-group input::placeholder{color:var(--text-muted)}.auth-form .form-group .error-message,.auth-form .form-group .success-message{color:var(--primary-red);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.auth-form .form-group .success-message{color:var(--primary-emerald)}.icon-form{font-size:var(--font-size-md);color:var(--text-accent)}.top-actions{margin:20px 0}.auth-verify-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.auth-verify-card{width:100%;max-width:400px;border:1px solid var(--glass-border);padding:var(--spacing-2xl);background:var(--glass-bg);border-radius:var(--border-radius-lg, 16px);box-shadow:0 8px 32px #10b98114;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.auth-verify-submit-button{width:100%;padding:var(--spacing-lg, 1rem);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--border-radius-md, 8px);font-size:var(--font-size-md, 1rem);font-weight:var(--font-weight-semibold, 600);cursor:pointer;transition:all .3s ease;margin-top:var(--spacing-lg, 1.5rem)}.auth-verify-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.auth-verify-submit-button:disabled{opacity:.6;cursor:not-allowed}.time-clock-employee{max-width:800px;margin:0 auto;padding:var(--spacing-sm)}.time-clock-employee .digital-clock{background:var(--bg-secondary);border:2px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:1rem;margin-bottom:1rem;text-align:center}.time-clock-employee .digital-clock .clock-display{display:flex;align-items:center;justify-content:center;gap:1rem}.time-clock-employee .digital-clock .clock-display .clock-icon{font-size:3rem;color:#3b82f6;animation:pulse-clock 2s infinite}@media (max-width: 768px){.time-clock-employee .digital-clock .clock-display .clock-icon{font-size:2rem}}.time-clock-employee .digital-clock .clock-display .clock-time{font-size:4rem;font-weight:800;color:var(--text-primary);font-family:Courier New,monospace;letter-spacing:.05em}@media (max-width: 768px){.time-clock-employee .digital-clock .clock-display .clock-time{font-size:2.5rem}}.time-clock-employee .digital-clock .clock-label{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:600;text-transform:uppercase;margin:0}.time-clock-employee .clock-status{margin-bottom:1rem}.time-clock-employee .clock-status .status-message{display:flex;align-items:center;gap:.5rem;position:relative}.time-clock-employee .clock-status .status-icon{font-size:1rem;flex-shrink:0}.time-clock-employee .clock-status .status-check-icon{font-size:56px;color:#10b981;opacity:.15;position:absolute;top:4px;left:4px;pointer-events:none}.time-clock-employee .clock-status .inline-check{color:#10b981;vertical-align:middle;font-size:1rem}.time-clock-employee .clock-status .inline-check.tiny{font-size:.85rem;margin-right:4px}.time-clock-employee .clock-status .status-text{flex:1}.time-clock-employee .clock-status .status-text p{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:var(--font-size-sm);margin:.25rem;color:var(--text-muted)}.time-clock-employee .status-complete .status-text{width:100%}.time-clock-employee .status-complete .status-text .status-time-container{background:var(--bg-success);border:1px solid var(--glass-border);border-radius:12px;padding:1rem;margin:.5rem 0;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.time-clock-employee .status-complete .status-text .status-time-container p{margin:0;min-width:170px;padding:0;border:none;font-size:.8rem;font-weight:600}.time-clock-employee .status-complete .status-text .status-time-container p .status-time-check{font-size:1.125rem;font-weight:800;font-family:Courier New,monospace;color:#059669}.time-clock-employee .status-complete .status-text .status-time-container .small-note{font-size:.875rem;font-weight:500;color:var(--text-secondary);font-family:inherit;font-style:italic;text-align:end}.time-clock-employee .status-working{background:linear-gradient(135deg,#10b981,#059669);border:none;padding:1rem}.time-clock-employee .status-working .status-icon{font-size:1.5rem}.time-clock-employee .status-working .status-text p{background:#fffffff2;color:#1e293b;font-weight:600;padding:1rem 1.5rem}.time-clock-employee .status-working .status-text p .small-note{font-size:.875rem;color:#64748b;font-weight:500;font-style:italic;margin-top:.25rem}.clock-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:2rem}.clock-actions .clock-button{padding:1rem;border:none;border-radius:16px;font-size:1rem;font-weight:800;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem}.clock-actions .clock-button .button-icon{font-size:1.5rem}.clock-actions .clock-button .button-text{text-transform:uppercase;letter-spacing:.5px}.clock-actions .clock-button.clock-in-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.clock-actions .clock-button.clock-in-button:hover:not(.button-disabled){transform:translateY(-4px);box-shadow:0 10px 30px #10b98166}.clock-actions .clock-button.clock-in-button:active:not(.button-disabled){transform:translateY(-2px)}.clock-actions .clock-button.clock-out-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.clock-actions .clock-button.clock-out-button:hover:not(.button-disabled){transform:translateY(-4px);box-shadow:0 10px 30px #ef444466}.clock-actions .clock-button.clock-out-button:active:not(.button-disabled){transform:translateY(-2px)}.clock-actions .clock-button.button-disabled{opacity:.4;cursor:not-allowed;transform:none!important}.date-text{color:var(--text-muted)}.notes-section-time{margin-bottom:1rem}.notes-section-time .notes-label{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:var(--text-muted);margin:.25rem 0;text-transform:uppercase}.notes-section-time .notes-label .notes-icon{font-size:1.25rem;color:#3b82f6}.notes-section-time .notes-textarea{width:100%;min-height:120px;background:var(--bg-secondary);padding:1rem;border:1px solid var(--glass-border);border-radius:12px;font-family:inherit;font-size:1rem;color:var(--text-primary);resize:vertical;transition:all .2s ease}.notes-section-time .notes-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.notes-section-time .notes-textarea::placeholder{color:var(--text-muted)}.notes-section-time .notes-textarea:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.confirmation-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.confirmation-modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirmation-modal .modal-content{position:relative;background:#fff;border-radius:20px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;animation:modal-appear .3s ease;z-index:9999}.confirmation-modal .modal-content .modal-header{padding:1.5rem;border-bottom:2px solid #e2e8f0}.confirmation-modal .modal-content .modal-header .modal-title{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0}.confirmation-modal .modal-content .modal-body{padding:2rem 1.5rem}.confirmation-modal .modal-content .modal-body .confirmation-time{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#dbeafe,#e0f2fe);border:2px solid #3b82f6;border-radius:12px;margin-bottom:1.5rem}.confirmation-modal .modal-content .modal-body .confirmation-time .confirmation-icon{font-size:2rem;color:#3b82f6}.confirmation-modal .modal-content .modal-body .confirmation-time .time-display{display:flex;flex-direction:column;gap:.25rem}.confirmation-modal .modal-content .modal-body .confirmation-time .time-display .time-label{font-size:.875rem;color:#475569;font-weight:600}.confirmation-modal .modal-content .modal-body .confirmation-time .time-display .time-value{font-size:1.5rem;font-weight:800;color:#1e293b;font-family:Courier New,monospace}.confirmation-modal .modal-content .modal-body .confirmation-message{font-size:1rem;color:#475569;line-height:1.6;margin:0 0 1rem}.confirmation-modal .modal-content .modal-body .confirmation-notes{padding:1rem;background:#f8fafc;border-radius:8px;margin-top:1rem}.confirmation-modal .modal-content .modal-body .confirmation-notes strong{display:block;color:#475569;font-size:.875rem;margin-bottom:.5rem;text-transform:uppercase}.confirmation-modal .modal-content .modal-body .confirmation-notes p{color:#64748b;margin:0;line-height:1.6}.confirmation-modal .modal-content .modal-actions{padding:1.5rem;border-top:2px solid #e2e8f0;display:flex;gap:1rem}.confirmation-modal .modal-content .modal-actions .modal-button{flex:1;padding:1rem;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.confirmation-modal .modal-content .modal-actions .modal-button.button-cancel{background:#f1f5f9;color:#475569}.confirmation-modal .modal-content .modal-actions .modal-button.button-cancel:hover{background:#e2e8f0;transform:translateY(-2px)}.confirmation-modal .modal-content .modal-actions .modal-button.button-confirm{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.confirmation-modal .modal-content .modal-actions .modal-button.button-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.confirmation-modal .modal-content .modal-actions .modal-button:active{transform:translateY(0)}@keyframes pulse-clock{0%,to{opacity:1}50%{opacity:.7}}.status-time-icon{display:flex;align-items:center;gap:.4rem}.time-clock-title{margin:5rem 0 1rem;text-align:center;font-size:var(--font-size-sm);color:var(--text-muted)}.day-summary-wrapper{margin:0 0 1rem}.day-summary-row{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;border:2px solid #059669;border-radius:18px;overflow:hidden;position:relative;background:#00ff732c;isolation:isolate}.day-summary-row>div{padding:.85rem .9rem .75rem;display:flex;flex-direction:column;justify-content:center;z-index:1}.day-summary-row .summary-in .label,.day-summary-row .summary-out .label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:.2rem}.day-summary-row .summary-in .value,.day-summary-row .summary-out .value{display:flex;align-items:center;gap:.4rem;font-size:1rem;font-weight:700;font-family:Courier New,monospace;color:var(--accent-success);min-height:1.4rem}.day-summary-row .summary-in .value .ok-icon,.day-summary-row .summary-out .value .ok-icon{color:var(--accent-success);font-size:.95rem;filter:drop-shadow(0 0 2px rgba(255,255,255,.4))}.day-summary-row .summary-in .note,.day-summary-row .summary-out .note{margin-top:.35rem;font-size:.65rem;line-height:1.1;font-style:italic;font-weight:500;color:var(--text-tertiary);opacity:.85;word-break:break-word}.time-clock-admin{width:100%;max-width:1600px;margin:0 auto}.time-clock-admin .admin-table-container{display:none!important}.time-clock-admin .mobile-table{width:100%;border:1px solid var(--glass-border);border-radius:14px;overflow:hidden}.time-clock-admin .mobile-header{display:grid;grid-template-columns:1.5fr 1fr 1fr .6fr;align-items:center;padding:10px 9px;background:var(--gradient-primary);color:#fff;font-size:var(--font-size-xxs);font-weight:600;text-transform:uppercase;border-top-left-radius:14px;border-top-right-radius:14px;letter-spacing:.5px}.time-clock-admin .mobile-body{display:flex;flex-direction:column}.time-clock-admin .mobile-row{border-top:1px solid var(--glass-border);background:var(--glass-card);transition:background .15s;display:block}.time-clock-admin .mobile-row.with-notes.expanded{background:var(--glass-dark)}.time-clock-admin .mobile-row.last-row{border-bottom-left-radius:14px;border-bottom-right-radius:14px}.time-clock-admin .mobile-row-header{display:grid;grid-template-columns:42px 1fr 90px 90px 50px;gap:8px;align-items:center;padding:4px 8px;font-size:.78rem;min-height:45px}.time-clock-admin .row-date{font-size:var(--font-size-xxs);color:var(--text-muted)}.time-clock-admin .row-in,.time-clock-admin .row-out{font-weight:600;font-size:var(--font-size-xs)}.time-clock-admin .expand-btn{margin-left:auto;width:34px;height:34px;border:1px solid var(--glass-border);background:var(--glass-card);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:background .15s}.time-clock-admin .expand-btn.open{color:var(--text-accent)}.time-clock-admin .expand-btn:hover{background:var(--glass-dark)}.time-clock-admin .no-notes-placeholder{text-align:center;color:var(--text-muted);font-size:.75rem;font-style:italic}.time-clock-admin .mobile-row-notes{border-top:1px solid var(--glass-border);background:var(--glass-dark);padding:8px 14px 10px;display:flex;flex-direction:column;gap:4px;font-size:.7rem;animation:fadeNotes .25s ease}.time-clock-admin .note-line{line-height:1.15;display:flex;flex-wrap:wrap;gap:4px;color:var(--text-tertiary)}.time-clock-admin .note-line strong{font-weight:600;color:var(--text-tertiary)}.time-clock-admin .empty-wrapper{border:1px solid var(--glass-border);border-radius:14px;background:var(--glass-card)}.empty-state-time{text-align:center;padding:2.5rem 1.5rem}.time-clock-admin{text-align:center}.time-clock-admin .empty-icon{font-size:3rem;color:var(--text-muted);margin-bottom:.75rem}.time-clock-admin .empty-message{font-size:.95rem;font-weight:600;margin:0;color:var(--text-tertiary)}@keyframes fadeNotes{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mh-seq,.row-seq{width:20px;text-align:center;font-weight:600}.mh-employee,.row-employee{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sort-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s;color:#fff;z-index:999}.sort-btn:hover{color:#2563eb}.time-clock-admin.worker-view .mobile-row-header,.time-clock-admin.worker-view .mobile-header{display:grid;grid-template-columns:42px 1fr 90px 90px 56px;gap:8px;align-items:center}.time-clock-admin.admin-view .mobile-row-header,.time-clock-admin.admin-view .mobile-header{display:grid;grid-template-columns:0px 110px 1fr 70px 70px 36px;gap:1px;align-items:center}.mh-hours{flex:0 0 90px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#475569;display:flex;align-items:center;justify-content:center}.row-hours{flex:0 0 90px;font-size:.75rem;font-weight:600;color:#1e293b;display:flex;align-items:center;justify-content:center}@media (max-width: 640px){.mh-hours,.row-hours{flex:0 0 70px;font-size:.68rem}}.incomplete-badge{font-size:8px}.time-clock-recent-history .col-date{display:flex;flex-direction:column;line-height:1.1}.time-clock-recent-history .date-bottom-user{font-size:.78rem;color:var(--text-secondary)}.timeclock-history{max-width:1080px;margin:0 auto;padding:var(--spacing-sm)}.history-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.history-actions{display:flex;gap:.5rem}.filters-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;background:var(--glass-bg);padding:.9rem .9rem .8rem;border:1px solid var(--glass-border);border-radius:16px;margin-bottom:1rem}.filter-group{position:relative;display:flex;align-items:center;background:var(--glass-card);border:1px solid var(--glass-border);border-radius:12px;padding:.4rem .55rem;gap:.45rem}.filter-group .icon{color:var(--text-muted);font-size:.85rem;flex-shrink:0}.filter-group input,.filter-group select{border:none;outline:none;width:100%;font-size:.8rem;background:transparent;color:var(--text-primary)}.filter-group input::placeholder{color:var(--text-muted)}.results-info{margin:0rem 0 .5rem;font-size:.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.results-info .loading{color:#0d9488;font-weight:600}.results-info .error{color:#dc2626;font-weight:600}.results-info .count{color:var(--text-muted)}.records-wrapper{position:relative;min-height:120px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:.9rem;margin-top:1.5rem;flex-wrap:wrap}.pagination button{border:1px solid var(--glass-border);background:var(--glass-bg);padding:.55rem .9rem;border-radius:10px;cursor:pointer;display:flex;align-items:center;color:var(--text-tertiary);gap:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:.18s}.pagination button:disabled{opacity:.45;cursor:not-allowed}.pagination span{font-size:.75rem;font-weight:600;color:var(--text-tertiary)}.integrity-export-panel{border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:16px;padding:1rem .9rem .9rem;margin-bottom:1.1rem;display:flex;flex-direction:column;gap:.9rem}.range-inputs{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.range-inputs label{display:flex;flex-direction:column;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#334155;gap:.3rem}.range-inputs input[type=date]{border:1px solid var(--glass-border);background:var(--glass-card);border-radius:10px;padding:.45rem .6rem;font-size:.75rem;color:var(--text-primary)}.btn-verify{border:1px solid #0d9488;background:#0d9488;color:#fff;padding:.6rem .85rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:10px;cursor:pointer;transition:.15s}.btn-verify:hover:not(:disabled){background:#0f766e}.export-actions{display:flex;flex-wrap:wrap;gap:.6rem}.btn-export{display:flex;align-items:center;gap:.45rem;border:1px solid #cbd5e1;background:#fff;padding:.55rem .8rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:10px;cursor:pointer;transition:.15s}.btn-export.xlsx svg{color:#0369a1}.btn-export.pdf svg{color:#dc2626}.btn-export:hover:not(:disabled){background:#f1f5f9}.btn-export:disabled{opacity:.45;cursor:not-allowed}.integrity-status{font-size:.65rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.6rem .7rem;line-height:1.2}.integrity-status.ok{border-color:#10b981}.integrity-status.tampered{border-color:#dc2626;background:#fef2f2}.integrity-status details{margin-top:.4rem}.integrity-status summary{cursor:pointer;font-weight:600}.export-inline{display:flex;align-items:center;justify-content:end;gap:10px;width:100%;margin-bottom:20px}.export-scope-toggle{display:flex;align-items:center;gap:6px;font-size:.7rem;background:#f1f5f9;padding:4px 8px;border-radius:6px}.export-scope-toggle input{transform:scale(.9)}@media (max-width: 640px){.history-title{font-size:1.05rem}.filters-bar{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.integrity-export-panel{padding:.85rem .75rem}}.employee-payroll-page-container{width:100%;min-height:100vh;padding:var(--spacing-sm)}.time-clock-monthly-grid{width:100%;border:1px solid var(--glass-border);border-radius:14px;overflow:hidden;background:var(--glass-card)}.tcmg-header{display:grid;grid-template-columns:1.6fr 1fr 1fr .8fr .8fr 2fr;gap:0;align-items:center;padding:10px 9px;background:var(--gradient-primary);color:#fff!important;font-size:var(--font-size-xxs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tcmg-body{display:flex;flex-direction:column}.tcmg-row{display:grid;grid-template-columns:1.6fr 1fr 1fr .8fr .8fr 2fr;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid var(--glass-border);background:var(--glass-bg);min-height:44px}.tcmg-row.week-even{background:var(--glass-card)!important}.tcmg-row.week-odd{background:var(--glass-dark)!important}.tcmg-row.week-even,.tcmg-row.week-odd{background:none}.tcmg-row.is-weekday{background:var(--glass-bg)}.tcmg-row.is-saturday,.tcmg-row.is-sunday{background:var(--table-row-secondary-bg);border-left:none;color:var(--text-muted)}.tcmg-row.is-saturday.has-data,.tcmg-row.is-sunday.has-data{border-left:4px solid var(--table-row-secondary-border)}.tcmg-row.is-holiday{border-left:none}.tcmg-row.is-holiday.has-data{border-left:4px solid var(--table-row-accent-border)}.tcmg-row.is-holiday .col{color:var(--text-primary)}.tcmg-row.is-holiday .col.col-date{color:var(--accent-warning)}.tcmg-row.has-extra-laborable,.tcmg-row.is-saturday.has-extra-laborable,.tcmg-row.is-sunday.has-extra-laborable,.tcmg-row.is-holiday.has-extra-laborable{border-left:4px solid var(--accent-success)!important}.tcmg-row.is-saturday .col,.tcmg-row.is-sunday .col{color:var(--text-muted)}.col{font-size:.8rem}.tcmg-body .tcmg-row .col.col-hours{color:var(--text-accent)}.tcmg-body .tcmg-row .col.col-extra.has-extra{color:var(--accent-success)}.col.col-hours,.col.col-extra{font-variant-numeric:tabular-nums}.expand-btn{width:30px;height:30px;border:none;background:var(--glass-border);cursor:pointer;color:var(--text-secondary);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease}.expand-btn.open{color:var(--text-accent)}.tcmg-row-notes{grid-column:1/-1;background:var(--glass-bg);margin-top:6px;padding:8px 12px;border:1px dashed var(--glass-border);border-radius:10px;font-size:.75rem;line-height:1.35;color:var(--text-tertiary)}.tcmg-row.is-weekend .col.col-date{color:var(--text-muted);font-weight:700}.tcmg-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tcmg-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.tcmg-legend{display:inline-flex;align-items:center;gap:17px;color:var(--text-tertiary);font-size:var(--font-size-xs)}.tcmg-legend .legend-item{display:inline-flex;align-items:center;gap:4px;line-height:1}.tcmg-legend .legend-line{width:0;height:16px;border-left:4px solid var(--glass-border);border-radius:4px}.tcmg-legend .legend-extra .legend-line{border-left-color:var(--accent-success)}.tcmg-legend .legend-weekend .legend-line{border-left-color:var(--table-row-secondary-border)}.tcmg-legend .legend-holiday .legend-line{border-left-color:var(--table-row-accent-border)}.action-button-sm.active{background:var(--primary-soft);color:var(--text-primary);border-color:var(--primary-color)}.action-button-sm-edit{background:transparent;border:1px solid var(--text-accent);padding:4px 8px;color:var(--text-accent);border-radius:var(--border-radius-full)}.edit-icon-btn{position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:25px;height:25px;background:transparent;border:1px solid var(--text-accent);border-radius:8px;color:var(--text-accent);cursor:pointer}.col.col-date{position:relative}.tcmg-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:50}.tcmg-modal{width:520px;max-width:92vw;background:#fff;border-radius:14px;padding:16px;box-shadow:0 10px 30px #02061740}.tcmg-modal h3{margin:0 0 10px;font-size:1rem}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.modal-grid label{display:flex;flex-direction:column;font-size:.8rem;gap:6px}.modal-grid input{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;font-size:.85rem}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.btn-primary{background:#0ea5e9;color:#fff;border:none;border-radius:10px;font-weight:700;padding:8px 12px;cursor:pointer}.btn-secondary{background:#e2e8f0;color:#0f172a;border:none;border-radius:10px;font-weight:700;padding:8px 12px;cursor:pointer}.tcmg-notification-wrapper{position:fixed;top:14px;right:14px;z-index:60}@media (max-width: 720px){.tcmg-header{grid-template-columns:1.5fr 1fr 1fr .8fr .8fr .5fr;font-size:.65rem}.tcmg-row{grid-template-columns:1.5fr 1fr 1fr .8fr .8fr .5fr;padding:6px 8px}.col{font-size:.72rem}}.employee-payroll-tracker-container{width:100%;max-width:1080px;margin:0 auto;display:flex;gap:var(--spacing-md);flex-direction:column}.payroll-filters-section-wrapper{background:var(--glass-card);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden}.payroll-filters-header-gradient{background:var(--gradient-primary);padding:24px;text-align:center}.payroll-filters-main-title{margin:0;font-size:1.75rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;gap:12px}.payroll-title-icon{font-size:1.5rem}.payroll-filters-controls-grid{padding:var(--spacing-lg) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.payroll-filter-label-text{display:block;font-size:.875rem;color:var(--text-muted);letter-spacing:.5px;display:flex;align-items:center;gap:5px}.filter-label-icon{color:var(--text-accent);font-size:.8rem}.payroll-filter-group-year .payroll-year-buttons-row{display:flex;gap:12px;flex-wrap:wrap}.payroll-filter-group-year .payroll-year-button-item{flex:1;min-width:100px;padding:14px 24px;border:2px solid var(--glass-border);background:var(--glass-card);border-radius:10px;font-size:1rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.payroll-filter-group-year .payroll-year-button-item:hover{background:var(--glass-dark);border-color:var(--primary-color);transform:translateY(-2px)}.payroll-filter-group-year .payroll-year-button-item.active-year-selected{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #2563eb4d}.payroll-filter-group-month .payroll-month-buttons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.payroll-filter-group-month .payroll-month-button-item{padding:12px 16px;border:2px solid var(--glass-border);background:var(--glass-card);border-radius:10px;font-size:.875rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.payroll-filter-group-month .payroll-month-button-item:hover{background:var(--glass-dark);border-color:var(--primary-color);transform:translateY(-2px)}.payroll-filter-group-month .payroll-month-button-item.active-month-selected{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #2563eb4d}.payroll-filter-group-employee .payroll-employee-buttons-column{display:flex;flex-direction:column;gap:12px}.payroll-filter-group-employee .payroll-employee-button-card{padding:16px;border:2px solid var(--glass-border);background:var(--glass-card);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.payroll-filter-group-employee .payroll-employee-button-card:hover{background:var(--glass-dark);border-color:var(--primary-color);transform:translate(4px);box-shadow:0 4px 16px #0000001a}.payroll-filter-group-employee .payroll-employee-button-card.active-employee-selected{background:linear-gradient(135deg,var(--primary-color),#3b82f6);border-color:var(--primary-color);box-shadow:0 6px 20px #2563eb4d}.payroll-filter-group-employee .payroll-employee-button-card.active-employee-selected .employee-button-name,.payroll-filter-group-employee .payroll-employee-button-card.active-employee-selected .employee-detail-position,.payroll-filter-group-employee .payroll-employee-button-card.active-employee-selected .employee-detail-dni,.payroll-filter-group-employee .payroll-employee-button-card.active-employee-selected .employee-button-icon{color:#fff}.payroll-filter-group-employee .employee-button-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.payroll-filter-group-employee .employee-button-icon{font-size:1.25rem;color:var(--primary-color)}.payroll-filter-group-employee .employee-button-name{font-size:1rem;font-weight:700;color:var(--text-primary)}.payroll-filter-group-employee .employee-button-card-details{display:flex;gap:16px;font-size:.8rem;padding-left:36px}.payroll-filter-group-employee .employee-detail-position{color:var(--text-secondary);font-weight:600}.payroll-filter-group-employee .employee-detail-dni{color:var(--text-tertiary)}.payroll-employee-details-wrapper{display:flex;flex-direction:column;gap:6px}.payroll-employee-info-card,.payroll-month-summary-card,.payroll-attendance-table-card{background:var(--glass-card);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden}.employee-info-card-header,.month-summary-card-header,.attendance-table-card-header{background:var(--gradient-primary);padding:16px 24px}.employee-info-card-title,.month-summary-card-title,.attendance-table-card-title{margin:0;font-size:1.25rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}.summary-card-icon,.table-card-icon{font-size:1.125rem}.employee-info-card-body,.month-summary-card-body{padding:12px}.employee-info-grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.employee-info-field-item{display:flex;flex-direction:column;gap:6px}.info-field-label-text{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.info-field-value-text{font-size:1rem;font-weight:600;color:var(--text-primary)}.summary-stats-grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-bottom:24px}.summary-stat-item-box{background:var(--glass-dark);border:1px solid var(--glass-border);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px}.stat-item-label{font-size:.8rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.stat-item-value-large{font-size:2rem;font-weight:700;color:var(--text-primary)}.warning-text-color{color:#f59e0b}.success-text-color{color:var(--accent-success)}.summary-salary-breakdown-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:var(--spacing-md)}.salary-breakdown-title-text{margin:16px 0;font-size:1rem;font-weight:700;text-align:center;color:var(--text-muted)}.salary-breakdown-block{padding:6px 8px;border:1px solid var(--glass-border);border-radius:8px;background:var(--glass-card);margin-bottom:8px}.salary-breakdown-block.is-additive{background:#82fa7218;border-left:4px solid var(--accent-success)}.salary-breakdown-block.is-saturday,.salary-breakdown-block.is-sunday{background:var(--table-row-secondary-bg);border-left:4px solid var(--table-row-secondary-border)}.salary-breakdown-block.is-holiday{background:var(--table-row-secondary-bg);border-left:4px solid var(--table-row-accent-border)}.salary-breakdown-block.is-saturday .breakdown-col-right,.salary-breakdown-block.is-sunday .breakdown-col-right,.salary-breakdown-block.is-holiday .breakdown-col-right{color:var(--text-primary);font-weight:700}.salary-breakdown-block.is-additive .breakdown-col-right{color:var(--accent-success)}.salary-breakdown-block.is-saturday .breakdown-col-right,.salary-breakdown-block.is-sunday .breakdown-col-right{color:gray}.salary-breakdown-block.is-holiday .breakdown-col-right{color:var(--table-row-accent-border)}.salary-breakdown-block:not(.is-saturday):not(.is-sunday):not(.is-holiday):not(.is-additive) .breakdown-col-right{color:var(--text-primary)}.salary-breakdown-original-line{display:flex;gap:6px;align-items:center;margin-bottom:4px;line-height:1.2}.breakdown-original-label,.breakdown-original-value{color:var(--text-muted);font-weight:600}.salary-breakdown-item-row{display:flex;justify-content:space-between;font-size:.88rem}.breakdown-item-label{font-weight:500;color:var(--text-primary)}.breakdown-item-amount{font-weight:600}.salary-breakdown-item-row.three-cols{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:8px}.breakdown-col-left{font-weight:600}.breakdown-col-mid{text-align:right;font-weight:500;color:var(--text-secondary)}.breakdown-col-right{text-align:right}.salary-breakdown-total-row{display:flex;justify-content:space-between;padding:10px 8px;align-items:center;margin-top:4px;border:2px solid var(--text-accent);border-radius:10px;background:#0942fc17;font-weight:700;color:var(--text-accent)}.attendance-table-scroll-wrapper{overflow-x:auto;max-height:600px;overflow-y:auto}.attendance-table-header-row{display:grid;grid-template-columns:120px 100px 100px 140px 120px 140px;gap:12px;padding:16px 24px;background:var(--glass-dark);border-bottom:2px solid var(--glass-border);font-size:.75rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:10}.attendance-table-body-rows{display:flex;flex-direction:column}.attendance-table-data-row{display:grid;grid-template-columns:120px 100px 100px 140px 120px 140px;gap:12px;padding:16px 24px;border-bottom:1px solid var(--glass-border);align-items:center;transition:background .15s ease}.attendance-table-data-row:hover{background:var(--glass-dark)}.attendance-table-data-row.status-absent{background:#ef44440d}.attendance-table-data-row.status-weekend-extra,.attendance-table-data-row.status-holiday-extra{background:#10b9810d}.table-data-cell-date{display:flex;flex-direction:column;gap:4px}.cell-date-day{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.cell-date-weekday{font-size:.75rem;color:var(--text-tertiary);text-transform:capitalize}.table-data-cell-entry,.table-data-cell-exit,.table-data-cell-worked,.table-data-cell-extra{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.extra-hours-badge{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:6px;font-size:.8rem;font-weight:700}.table-data-cell-status{display:flex;align-items:center;justify-content:center}.status-badge-present,.status-badge-absent,.status-badge-partial,.status-badge-weekend,.status-badge-holiday{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:700;text-transform:uppercase}.status-badge-present{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge-absent{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.status-badge-partial{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.status-badge-weekend{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.status-badge-holiday{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.payroll-empty-state-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-state-icon-large{font-size:5rem;color:var(--text-muted);margin-bottom:24px;opacity:.3}.empty-state-title-text{margin:0 0 12px;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.empty-state-description-text{margin:0;font-size:1rem;color:var(--text-tertiary);max-width:500px}.empty-state-actions{margin-top:12px;display:flex;gap:8px}.btn{padding:.5rem .9rem;border-radius:8px;cursor:pointer}.btn.btn-primary{background:var(--accent-primary);color:#fff;border:none}.btn.btn-secondary{background:#f2f3f5;color:#333;border:1px solid #ddd}.payroll-filters-bar-row{display:flex;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #e2e8f0;padding:12px 14px;border-radius:12px;margin-bottom:18px}.payroll-filters-bar-row .filter-block{display:flex;flex-direction:column;min-width:130px}.payroll-filters-bar-row .filter-block.flex-grow{flex:1 1 220px}.payroll-filters-bar-row label{font-size:.65rem;font-weight:600;color:#334155;margin-bottom:4px;letter-spacing:.5px;text-transform:uppercase}.payroll-filters-bar-row select{border:1px solid #cbd5e1;border-radius:8px;padding:6px 8px;font-size:.75rem;background:#f8fafc;outline:none}.payroll-filters-bar-row select:focus{border-color:#0f55d1;box-shadow:0 0 0 2px #0f55d126}.mini-status{font-size:.65rem;color:#64748b;align-self:flex-end;padding:4px 6px}.payments-summary{margin-top:8px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;display:grid;gap:6px;font-size:.9rem}.payments-summary strong{font-weight:700}.monthly-breakdown{margin-top:18px;padding:16px;border:1px solid var(--glass-border);border-radius:12px;background:var(--glass-bg);display:flex;flex-direction:column;gap:6px}.monthly-breakdown h3{margin:0 0 8px;font-size:1rem;font-weight:600}.mb-row,.mb-total{display:flex;justify-content:space-between;font-size:.85rem;padding:4px 0}.mb-total{margin-top:6px;border-top:1px solid var(--glass-border);padding-top:8px;font-weight:700}.partial-days-box{margin-top:12px;border-top:1px dashed var(--glass-border);padding-top:10px}.partial-days-box h4{margin:0 0 6px;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.partial-days-box ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.partial-days-box li{display:grid;grid-template-columns:100px 70px auto;font-size:.75rem;padding:4px 8px;background:#fff6;border:1px solid var(--glass-border);border-radius:6px}.partial-days-box .pd-date{font-weight:600}.partial-days-box .pd-hours{text-align:right;font-weight:500}.partial-days-box .pd-amount{text-align:right;font-weight:600;color:var(--text-accent)}.summary-breakdown-grid-row{display:grid;grid-template-columns:100px 70px auto;font-size:.75rem;padding:4px 8px;background:#fff6;border:1px solid var(--glass-border);border-radius:6px;align-items:center;column-gap:8px;margin-bottom:6px}.summary-breakdown-grid-row .col-label{font-weight:600}.summary-breakdown-grid-row .col-hours{text-align:right;font-weight:500}.summary-breakdown-grid-row .col-amount{text-align:right;font-weight:700;color:var(--text-primary)}.summary-breakdown-grid-row.is-additive{background:#10b9811a;border-color:#10b9813d}@media (max-width: 768px){.payroll-filters-main-title{font-size:1.25rem}.payroll-employee-buttons-column{grid-template-columns:1fr}.attendance-table-header-row,.attendance-table-data-row{grid-template-columns:1fr;gap:8px}.table-data-cell-date{flex-direction:row;align-items:center;gap:12px}.stat-item-value-large{font-size:1.5rem}.breakdown-total-amount{font-size:1.25rem}}.two-cols{margin-bottom:10px}.summary-breakdown-grid-row.is-additive .col-amount{color:var(--accent-success)}.salary-breakdown-block.is-saturday .summary-breakdown-grid-row .col-amount,.salary-breakdown-block.is-sunday .summary-breakdown-grid-row .col-amount{color:var(--table-row-secondary-border)}.salary-breakdown-block.is-holiday .summary-breakdown-grid-row .col-amount{color:var(--table-row-accent-border)}.employee-filters-control-section{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:25px}.employee-filter-dropdowns-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}.employee-search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-icon-left{position:absolute;left:15px;font-size:1.1rem;color:#2563eb99;pointer-events:none}.employee-search-text-input{width:100%;padding:14px 14px 14px 45px;border:1px solid var(--glass-border);border-radius:12px;background:var(--glass-bg);font-size:var(--font-size-md);transition:all .3s ease;color:var(--text-primary)}.employee-search-text-input:focus{outline:none;border-color:var(--text-accent)}.employee-search-text-input::placeholder{color:var(--text-tertiary)}.employee-filter-dropdown-group{display:flex;flex-direction:column;gap:8px}.filter-dropdown-label-text{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.filter-label-icon-small{font-size:.9rem;color:var(--text-accent)}.employee-filter-select-input{padding:8px;border:1px solid var(--glass-border);border-radius:12px;font-size:var(--font-size-md);background:var(--glass-bg);cursor:pointer;color:var(--text-primary);transition:all .3s ease}.employee-filter-select-input:focus{outline:none;border-color:var(--text-accent)}.employee-results-count-info{font-size:.95rem;color:var(--text-muted);margin-bottom:20px;padding:0 5px}.employee-results-count-info strong{color:var(--text-accent);font-weight:600}.employee-cards-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}@media (max-width: 768px){.employee-cards-grid-container{grid-template-columns:1fr}}.employee-card-item-wrapper{background:var(--glass-card);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:all .3s ease}.employee-card-header-section{padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border)}.card-header-left-content{display:flex;align-items:center;gap:15px;flex:1}.employee-avatar-circle-icon{width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,#2563eb26,#3b82f61a);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-icon-inner{font-size:1.5rem;color:var(--text-accent)}.employee-name-status-group{display:flex;flex-direction:column;gap:6px}.employee-full-name-text{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0}.employee-header-two-cols{display:flex;flex-direction:column;gap:4px}.employee-username-text{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-primary)}.employee-fullname-row{display:flex}.employee-fullname-text{font-size:.9rem;color:var(--text-primary);font-weight:600;text-transform:capitalize}.card-header-actions{display:flex;align-items:center;gap:8px}.employee-card-body-section{padding:var(--spacing-md);display:flex;flex-direction:column;gap:14px}.employee-info-row-item{display:flex;align-items:flex-start;gap:12px}.info-row-content-group{display:flex;flex-direction:column;gap:3px;flex:1}.info-row-label-text{font-size:.75rem;font-weight:600;color:#f30303cc;text-transform:uppercase;letter-spacing:.5px}.info-row-value-text{font-size:.95rem;color:#1f2937e6;font-weight:500}.employee-salary-amount{font-weight:600;color:#10b981e6;font-size:1.05rem}.employee-empty-state-wrapper{grid-column:1/-1;text-align:center;padding:60px 20px}.empty-state-icon-large{font-size:4rem;color:#d1d5db99;margin-bottom:20px}.empty-state-title-text{font-size:1.5rem;font-weight:600;color:#6b7280cc;margin:0 0 10px}.empty-state-description-text{font-size:1rem;color:#9ca3afcc;margin:0}.employee-edit-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:grid;place-items:center;z-index:50}.employee-edit-modal .modal-card{width:min(720px,92vw);background:#fff;border-radius:12px;padding:16px 16px 12px;border:1px solid #e2e8f0}.employee-edit-modal .modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin-top:8px}.employee-edit-modal .modal-grid label{font-size:.7rem;font-weight:600;color:#334155}.employee-edit-modal .modal-grid input,.employee-edit-modal .modal-grid select{border:1px solid #cbd5e1;border-radius:8px;padding:6px 8px;font-size:.8rem;background:#f8fafc}.employee-edit-modal .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.employee-edit-modal .modal-actions button{border:1px solid #cbd5e1;border-radius:8px;padding:6px 10px;font-size:.8rem}.employee-edit-modal .modal-actions button:last-child{background:#0f55d1;color:#fff;border-color:#0f55d1}.employee-edit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin-top:8px}.employee-edit-form-grid label{font-size:var(--font-size-small);color:var(--text-muted)}.employee-edit-form-grid input,.employee-edit-form-grid select{border:2px solid var(--glass-border);border-radius:8px;padding:8px 10px;font-size:.85rem;background:var(--glass-card);outline:none;transition:box-shadow .15s ease,border-color .15s ease}.employee-edit-form-grid input:focus,.employee-edit-form-grid select:focus{border-color:#0f55d1;box-shadow:0 0 0 3px #0f55d126}.employee-edit-form-status{display:flex;gap:8px;align-items:center}@media (max-width: 680px){.employee-edit-form-grid{grid-template-columns:1fr}}.action-button-sm{min-width:36px;height:36px;padding:0 10px;border-radius:10px;border:1px solid rgba(37,99,235,.25);background:#fff;color:#2563ebe6;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;line-height:1;transition:all .2s ease}.action-button-sm:hover{background:#2563eb0f;border-color:#2563eb73}.action-button-sm:active{transform:translateY(1px)}.employee-salary-expanded-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px 16px}.employee-salary-expanded-grid .salary-col{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--glass-border);border-radius:10px;background:var(--glass-bg)}.salary-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-tertiary);font-weight:700}.salary-value{color:var(--text-primary)}.salary-value.salary-base{color:var(--accent-success)}.salary-value.salary-extra,.salary-value.salary-saturday,.salary-value.salary-sunday,.salary-value.salary-holiday{color:var(--text-accent)}.hours-value{color:var(--text-accent);font-weight:700}.salary-value.is-low,.salary-value.is-mid,.salary-value.is-high,.salary-value.is-top{color:inherit}.employee-card-meta-row{display:grid;grid-template-columns:1fr;gap:12px;padding:14px 20px;background:var(--glass-card)}.employee-card-meta-row .meta-row--email{display:flex;align-items:baseline;flex-direction:column;gap:5px}.employee-card-meta-row .meta-row--grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.employee-card-meta-row .meta-item{display:flex;flex-direction:column;gap:4px}.employee-card-meta-row .meta-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-tertiary);font-weight:700}.employee-card-meta-row .meta-value{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;word-break:break-word}.employee-dni-row{display:inline-flex;gap:6px;align-items:center;margin-top:2px}.employee-dni-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-tertiary);font-weight:700}.employee-dni-value{font-size:.85rem;color:var(--text-muted);font-weight:600}@media (max-width: 768px){.employee-list-header-gradient{padding:20px}.employee-header-main-title{font-size:1.5rem}.employee-header-icon-large{font-size:2rem}.employee-add-new-button{width:100%;justify-content:center}.employee-statistics-cards-row{grid-template-columns:repeat(2,1fr)}.stat-card-number-value{font-size:2rem}}.base-form-modal__actions-extra{margin-top:18px;padding-top:14px;display:flex;justify-content:flex-end}.schedule-grid{display:grid;gap:12px}.schedule-grid .schedule-day{border:1px solid var(--glass-border);border-radius:8px;padding:10px;background:var(--glass-bg)}.schedule-grid .schedule-day.edit{background:var(--glass-bg)}.day-label{display:inline-block;font-weight:700;color:var(--text-primary);margin-bottom:6px}.day-input-row{display:inline-flex;align-items:center;gap:8px;margin:0 0 6px 20px;width:auto;color:var(--text-primary)}.day-input-row input[type=time]{padding:6px 8px;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);background:var(--glass-card)}.breaks-row{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.breaks-row small{color:var(--text-muted);margin-right:4px}.employee-schedule-expanded .schedule-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.day-shift{margin-top:4px;color:var(--text-secondary)}.breaks-list{margin:6px 0 0;padding-left:18px}.no-breaks,.no-shift{color:var(--text-muted)}.base-form-modal__section .base-form-modal__label{display:inline-flex;align-items:center;gap:6px}.base-form-modal__label-icon{color:var(--text-secondary)}.breaks-list-editor{display:flex;flex-direction:column;gap:8px}.breaks-header-row{display:flex;justify-content:space-between;align-items:center}.break-item{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.break-item input[type=time]{padding:6px 8px;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);background:var(--glass-card)}.employee-schedule-expanded .schedule-title{display:block;font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}.employee-schedule-expanded .schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:10px}.employee-schedule-expanded .schedule-day{border:1px solid var(--glass-border);border-radius:8px;padding:8px;background:var(--glass-bg);min-height:48px}.employee-schedule-expanded .day-label{font-weight:700;font-size:.88rem;color:var(--text-primary);display:block;margin-bottom:6px}.employee-schedule-expanded .day-shift{font-size:.88rem;color:var(--text-secondary)}.employee-schedule-expanded .breaks-list{margin:6px 0 0;padding-left:16px;font-size:.85rem;color:var(--text-muted)}.employee-salary-expanded-grid{border-bottom-left-radius:0;border-bottom-right-radius:0}.breaks-caption{margin-top:10px;font-size:var(--font-size-xxs);color:var(--text-tertiary)}.breaks-list{list-style:none;padding-left:0;margin:2px 0 0;display:grid;gap:4px}.breaks-list li{display:inline-flex;align-items:center;gap:4px}.break-icon{color:var(--text-tertiary)}.break-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 6px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-tertiary);border-radius:9999px;font-size:var(--font-size-xs)}.employee-schedule-expanded .break-chip{padding:3px 8px}.employee-schedule-expanded .breaks-list,.schedule-grid .breaks-list{list-style:none;padding-left:0}.employee-expanded-tabs-wrapper{background:var(--glass-card);border-top:1px solid var(--glass-border);padding:12px 16px 16px;display:flex;flex-direction:column;gap:14px}.employee-expanded-tabs{display:inline-flex;gap:8px}.employee-tab-button{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:8px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease}.employee-tab-button:hover{background:#2563eb14;color:var(--text-primary)}.employee-tab-button.active{background:var(--text-accent);color:#fff;border-color:var(--text-accent);box-shadow:0 0 0 3px #2563eb26}.employee-info-expanded-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;border:1px solid var(--glass-border);border-radius:10px;background:var(--glass-bg);padding:12px}@media (max-width: 900px){.employee-info-expanded-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width: 640px){.employee-info-expanded-grid{grid-template-columns:1fr}}.employee-info-expanded-grid .salary-col .salary-label{display:block}.employee-info-expanded-grid .salary-col .salary-value{color:var(--text-primary)}.simple-legal{max-width:880px;margin:0 auto;padding:28px 24px 60px;border-radius:14px;color:var(--text-primary);box-shadow:0 4px 12px -2px #0f172a14}.simple-legal h1{font-size:1.5rem;margin:0 0 1.2rem;font-weight:600}.simple-legal p{font-size:.78rem;line-height:1.25rem;margin:0 0 .9rem;text-align:justify}.simple-legal p:last-child{margin-bottom:0}@media (max-width: 640px){.simple-legal{padding:22px 18px 40px}.simple-legal h1{font-size:1.3rem}.simple-legal p{font-size:.74rem;line-height:1.15rem}}@keyframes modal-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.data-protection-zone-container{padding:12px}.header-main-title{font-size:1.5rem}.header-main-icon{font-size:2rem}.documents-grid-container,.filter-types-grid-layout{grid-template-columns:1fr}.document-card-actions-footer{flex-direction:column}}