body,html{background-color:#f4f6f9}.navbar{background:#fff;box-shadow:0 4px 10px #0000001a;height:60px;padding:15px 40px}.client-selector{align-items:center;display:flex;gap:10px}.client-label{color:#2c3e50;font-weight:700}#client-select{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px}#client-select:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.nav-links{flex-grow:1;gap:20px;justify-content:flex-end}.navbar h1{color:#2c3e50;font-size:22px}.nav-links a{color:#2c3e50;font-weight:700;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#007bff}.nav-links a.active{border-bottom:2px solid #007bff;color:#007bff}.nav-btn{background:none;border:2px solid #2c3e50;border-radius:5px;color:#2c3e50;cursor:pointer;font-weight:700;padding:8px 15px;transition:.3s}.nav-btn:hover{background:#2c3e50;color:#fff}.main-container{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-top:80px;padding:40px 20px;width:100%}.home-container{padding:20px;text-align:center}.2fa-section,.actions-section,.login-section{margin-bottom:20px}.invoice-list{max-width:800px;padding:0;text-align:center}.invoice-list li{border-bottom:1px solid #ddd;padding:10px;text-align:left;transition:.3s}.invoice-list li:hover{background:#eef5ff}.invoice-list li button{margin-left:10px}.invoice-details{align-items:flex-start;gap:20px;justify-content:center;margin:0 auto;max-width:1200px;width:100%}.invoice-info{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;flex:1 1;max-width:500px;padding:20px}.invoice-info h3{color:#2c3e50;font-size:22px;margin-bottom:10px}.invoice-info p{font-size:16px;margin-bottom:5px}.pdf-viewer{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;flex:1 1;max-width:600px;padding:20px;text-align:center}.pdf-viewer embed{border-radius:8px;height:600px;width:100%}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .3s ease}button:hover{background-color:#0056b3;transform:scale(1.05)}table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 4px 10px #0000001a;overflow:hidden;width:100%}td,th{border-bottom:1px solid #ddd;padding:12px;text-align:left}th{background:#2c3e50;color:#fff}.even-row{background:#f9f9f9}.odd-row{background:#fff}.copy-btn{background:#2c3e50;border-radius:5px;padding:8px 12px;transition:all .3s ease}.copy-btn:hover{background:#1a252f}.footer{background:#2c3e50;bottom:0;color:#fff;font-size:14px;height:50px;left:0;padding:15px;position:fixed;text-align:center;width:100%}@media (max-width:1024px){.invoice-details{align-items:center;flex-direction:column}.form-container,.invoice-info,.pdf-viewer{max-width:90%}}@media (max-width:600px){.navbar{padding:10px 20px}.navbar h1{font-size:18px}.nav-links{flex-direction:column;gap:10px}.nav-btn{padding:6px 12px}.form-container{padding:20px}.invoice-info,.pdf-viewer{padding:15px}button{font-size:12px;padding:8px 12px}.invoice-list li{align-items:flex-start;flex-direction:column}.invoice-list li button{margin-left:0;margin-top:5px}}.content-container{padding:20px}.navbar{align-items:center;background:linear-gradient(135deg,#0a1628,#1a2d4a 50%,#0d1f36);box-shadow:0 4px 20px #0000004d,inset 0 1px 0 #ffffff0d;box-sizing:border-box;color:#fff;display:flex;height:70px;justify-content:space-between;left:0;padding:0 24px;position:fixed;top:0;width:100%;z-index:1000}.navbar:before{animation:shimmer 8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3da9fc08 50%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.navbar-left{gap:16px;z-index:1}.admin-badge-container,.navbar-left{align-items:center;display:flex}.admin-badge{animation:adminPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 10px #ef444466,0 0 20px #ef444433;color:#fff;overflow:hidden;padding:6px 14px;position:relative}.admin-badge:before{animation:badgeShine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes adminPulse{0%,to{box-shadow:0 2px 10px #ef444466,0 0 20px #ef444433}50%{box-shadow:0 2px 15px #ef444499,0 0 30px #ef44444d}}@keyframes badgeShine{0%{left:-100%}50%,to{left:100%}}.api-indicator{align-items:center;animation:apiPulse 2s ease-in-out infinite;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;color:#f87171;display:flex;font-size:11px;font-weight:600;gap:6px;padding:6px 12px}.api-indicator:before{animation:apiDot 1s ease-in-out infinite;background:#ef4444;border-radius:50%;content:"";height:6px;width:6px}@keyframes apiPulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes apiDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.navbar-center{gap:16px;left:50%;position:absolute;transform:translateX(-50%);z-index:1}.navbar-center,.navbar-welcome{align-items:center;display:flex}.navbar-welcome{gap:12px}.welcome-text{align-items:flex-end;display:flex;flex-direction:column}.welcome-label{color:#ffffff80;font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.welcome-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:16px;font-weight:700}.navbar-logo{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:12px;padding:8px 16px}.navbar-logo .logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:36px;object-fit:contain;width:auto}.version-badge{background:#ffffff14;border-radius:6px;color:#ffffff80;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px}.navbar-right{gap:8px;z-index:1}.nav-links,.navbar-right{align-items:center;display:flex}.nav-links{gap:4px}.nav-links .nav-link,.nav-links a{border-radius:10px;color:#f5a623;font-size:14px;font-weight:600;overflow:hidden;padding:10px 16px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-links .nav-link:before,.nav-links a:before{background:linear-gradient(90deg,#3da9fc,#60c4ff);border-radius:2px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-links .nav-link:hover,.nav-links a:hover{background:#3da9fc1a;color:#3da9fc}.nav-links .nav-link:hover:before,.nav-links a:hover:before{width:60%}.nav-links a.active{background:#f5a62326;color:#f5a623;text-decoration:underline}.nav-links a.active:before{background:linear-gradient(90deg,#f5a623,#ffc107);width:60%}.logout-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#f5a623;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;margin-left:8px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.logout-btn:hover{background:#3da9fc1a;color:#3da9fc;transform:translateY(-2px)}.logout-btn:active{transform:translateY(0)}.menu-toggle{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:none;font-size:20px;height:44px;transition:all .3s ease;width:44px;z-index:1}.menu-toggle:hover{background:#ffffff26}.navbar-username{display:none}@media (max-width:1200px){.navbar-center{left:auto;position:relative;transform:none}.welcome-text{display:none}}@media (max-width:1024px){.menu-toggle{align-items:center;display:flex;justify-content:center}.navbar-right{background:linear-gradient(180deg,#0a1628,#1a2d4a);box-shadow:-10px 0 30px #0000004d;flex-direction:column;gap:8px;height:calc(100vh - 70px);overflow-y:auto;padding:24px;position:fixed;right:-100%;top:70px;transition:right .4s cubic-bezier(.4,0,.2,1);width:280px}.navbar-right.open{right:0}.nav-links{flex-direction:column;gap:8px;width:100%}.nav-links .nav-link,.nav-links a{padding:14px 20px;text-align:center;width:100%}.logout-btn{justify-content:center;margin-left:0;margin-top:16px;width:100%}}@media (max-width:768px){.navbar{padding:0 16px}.navbar-left{gap:8px}.api-indicator{display:none}.navbar-logo{padding:6px 12px}.navbar-logo .logo{height:28px}.version-badge{display:none}}@media (max-width:480px){.navbar{height:60px}.navbar-right{height:calc(100vh - 60px);top:60px}.admin-badge{font-size:10px;padding:5px 10px}.navbar-center{display:none}}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:70px;transition:opacity .3s ease;z-index:999}.mobile-overlay.visible{display:block;opacity:1}.google-auth-btn{align-items:center;background-color:#fff;border:1px solid #dadce0;border-radius:4px;color:#757575;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-weight:500;gap:10px;justify-content:center;padding:10px 15px;position:relative;transition:background-color .3s;width:100%}.google-auth-btn:hover{background-color:#f6f6f6}.google-auth-btn:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="24px" height="24px"><path fill="%23FFC107" d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"/><path fill="%23FF3D00" d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"/><path fill="%234CAF50" d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"/><path fill="%231976D2" d="M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"/></svg>');content:"";display:inline-block;height:24px;margin-right:10px;width:24px}.auth-container{flex-direction:column}.auth-container,.separator{align-items:center;display:flex;width:100%}.separator{margin:15px 0}.separator:after,.separator:before{border-bottom:1px solid #dadce0;content:"";flex:1 1}.separator span{color:#757575;font-size:14px;padding:0 10px}.oauth-callback-container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center;padding:20px;text-align:center}.oauth-callback-container h2{margin-bottom:20px}.error-message{background-color:#d32f2f1a;color:#d32f2f;font-weight:700}.error-message,.info-message{border-radius:4px;margin-top:15px;padding:8px;width:100%}.info-message{background-color:#1976d21a;color:#1976d2}.form-container select{background-color:#fff;border:1px solid #ccc;border-radius:6px;font-size:16px;margin:10px 0;padding:12px;width:100%}.summary-card{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin:20px 0;padding:20px}.summary-card h3{color:#2c3e50;font-size:20px;margin-bottom:15px}.summary-card p{color:#555;font-size:16px;margin:5px 0}.summary-card .highlight{color:#007bff;font-weight:700}.form-container{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;max-width:400px;padding:30px;text-align:center;width:100%}.form-container h2{color:#2c3e50;font-size:24px;margin-bottom:20px}.form-container input{border:1px solid #ccc;border-radius:6px;font-size:16px;margin:10px 0;padding:12px;width:100%}.form-container button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:.3s;width:100%}.form-container button:hover{background-color:#0056b3}.invoice-badge-container{display:inline-flex;position:relative}.invoice-badge{box-shadow:0 2px 6px #28a7454d;font-family:inherit;font-weight:600;gap:6px;letter-spacing:.3px;padding:6px 12px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.invoice-badge:hover{box-shadow:0 4px 12px #28a74566;transform:translateY(-1px)}.invoice-badge:active{box-shadow:0 2px 6px #28a7454d;transform:translateY(0)}.invoice-badge.has-warning{background:linear-gradient(135deg,#fd7e14,#ffc107);box-shadow:0 2px 6px #fd7e144d}.invoice-badge.has-warning:hover{background:linear-gradient(135deg,#e86a0a,#e0a800)}.invoice-badge-icon{font-size:14px}.invoice-badge-text{font-size:11px}.badge-warning-dot{align-items:center;animation:pulse-warning 2s ease-in-out infinite;background:#dc3545;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #dc354566;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:-4px;top:-4px;width:16px}@keyframes pulse-warning{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.invoice-modal-overlay{align-items:center;animation:overlayFadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.invoice-modal{animation:modalSlideIn .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #0000000d;display:flex;flex-direction:column;max-height:80vh;max-width:450px;overflow:hidden;width:90%}.invoice-modal-header{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.invoice-modal-header h4{align-items:center;display:flex;font-size:17px;font-weight:600;gap:10px;margin:0}.header-icon{font-size:20px}.modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:#ffffff59;transform:scale(1.1)}.duplicate-warning{align-items:center;background:linear-gradient(135deg,#fff3cd,#ffeeba);border-bottom:1px solid #ffc107;color:#856404;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 20px}.warning-icon{font-size:16px}.invoice-modal-list{flex:1 1;overflow-y:auto;padding:12px}.invoice-modal-list::-webkit-scrollbar{width:6px}.invoice-modal-list::-webkit-scrollbar-track{background:#0000}.invoice-modal-list::-webkit-scrollbar-thumb{background:#dadce0;border-radius:3px}.invoice-modal-list::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.invoice-modal-item{background:#f8f9fa;border:2px solid #0000;border-radius:10px;cursor:pointer;margin-bottom:8px;padding:14px;transition:all .15s ease}.invoice-modal-item:hover{background:#e8f4ea;border-color:#28a745;transform:translateX(4px)}.invoice-modal-item:active{background:#d4edda;transform:translateX(2px)}.invoice-modal-item:last-child{margin-bottom:0}.invoice-modal-item.is-duplicate{background:linear-gradient(135deg,#fff8e1,#ffecb3);border-color:#ffc107}.invoice-modal-item.is-duplicate:hover{background:linear-gradient(135deg,#ffecb3,#ffe082);border-color:#ff9800}.invoice-item-main{justify-content:space-between}.invoice-item-left,.invoice-item-main{align-items:flex-start;display:flex;gap:12px}.invoice-item-left{flex:1 1;min-width:0}.invoice-index{align-items:center;background:#28a745;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:28px;justify-content:center;width:28px}.is-duplicate .invoice-index{background:#fd7e14}.invoice-item-info{flex:1 1;min-width:0}.invoice-vendor{color:#202124;font-size:15px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-meta{color:#5f6368;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.invoice-number{color:#1a73e8;font-weight:500}.invoice-date{color:#5f6368}.invoice-item-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.invoice-amount{color:#202124;font-size:17px}.invoice-status-badge{border-radius:10px;font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.invoice-status-badge.reviewed{background:#d4edda;color:#155724}.invoice-status-badge.pending{background:#fff3cd;color:#856404}.invoice-status-badge.paid{background:#d4edda;color:#155724}.invoice-status-badge.unpaid{background:#f8d7da;color:#721c24}.invoice-status-badge.processing{background:#cce5ff;color:#004085}.duplicate-indicator{align-items:center;border-top:1px dashed #ffc107;color:#856404;display:flex;font-size:11px;font-weight:500;gap:6px;margin-top:10px;padding-top:10px}.duplicate-icon{font-size:12px}.invoice-modal-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;padding:12px 20px;text-align:center}.footer-hint{color:#5f6368;font-size:13px}@media (max-width:480px){.invoice-modal{max-height:85vh;width:95%}.invoice-item-main{flex-direction:column;gap:8px}.invoice-item-right{align-items:center;flex-direction:row;justify-content:space-between;width:100%}}.client-selector{position:relative;z-index:100}.client-selector-trigger{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;gap:10px;max-width:280px;min-width:180px;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.client-selector-trigger:hover{background:linear-gradient(135deg,#fff,#fff8e6);border-color:#f5a623;box-shadow:0 4px 15px #f5a62333;transform:translateY(-1px)}.client-selector-trigger.active{background:#fff8e6;border-color:#f5a623;box-shadow:0 0 0 3px #f5a62333}.client-selector-trigger.has-selection{background:linear-gradient(135deg,#fff8e6,#ffecb3);border-color:#f5a623}.client-selector-trigger.has-selection:hover{background:linear-gradient(135deg,#ffecb3,#ffe082);transform:translateY(-1px)}.trigger-icon{flex-shrink:0;font-size:18px}.trigger-text{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.trigger-label{color:#5f6368;font-size:10px;font-weight:600;letter-spacing:.5px;line-height:1.2;text-transform:uppercase}.trigger-value{color:#202124;font-size:14px;font-weight:600;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.has-selection .trigger-value{color:#c78000;font-weight:700}.trigger-arrow{align-items:center;color:#5f6368;display:flex;flex-shrink:0;justify-content:center;transition:transform .2s ease}.trigger-arrow.open{transform:rotate(180deg)}.client-dropdown{animation:dropdownSlideIn .2s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 10px 20px -2px #00000026,0 0 0 1px #0000000d;display:flex;flex-direction:column;left:0;max-height:420px;overflow:hidden;position:absolute;top:calc(100% + 8px);width:320px}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.client-dropdown-header{background:#fafafa;border-bottom:1px solid #f0f0f0;padding:12px}.client-search-input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.client-search-input:focus{border-color:#f5a623;box-shadow:0 0 0 3px #f5a62326;outline:none}.client-search-input::placeholder{color:#9aa0a6}.client-dropdown-list{flex:1 1;max-height:300px;overflow-y:auto;padding:8px}.client-dropdown-list::-webkit-scrollbar{width:6px}.client-dropdown-list::-webkit-scrollbar-track{background:#0000}.client-dropdown-list::-webkit-scrollbar-thumb{background:#dadce0;border-radius:3px}.client-dropdown-list::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.client-dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#202124;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:12px;margin-bottom:2px;padding:12px 14px;text-align:left;transition:all .15s ease;width:100%}.client-dropdown-item:hover{background:#f1f3f4}.client-dropdown-item:active{background:#e8eaed;transform:scale(.99)}.client-dropdown-item.selected{background:linear-gradient(135deg,#fff8e6,#ffecb3);border-left:3px solid #f5a623;color:#c78000;font-weight:600}.client-dropdown-item.selected:hover{background:linear-gradient(135deg,#ffecb3,#ffe082)}.item-icon{align-items:center;color:#f5a623;display:flex;flex-shrink:0;font-size:14px;height:20px;justify-content:center;width:20px}.item-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-dropdown-empty{color:#5f6368;font-size:14px;padding:24px;text-align:center}.client-dropdown-footer{background:#fafafa;border-top:1px solid #f0f0f0;padding:10px 12px}.clear-selection-btn{background:#fff;border:1px solid #dadce0;border-radius:6px;color:#5f6368;cursor:pointer;font-family:inherit;font-size:13px;padding:8px 12px;transition:all .15s ease;width:100%}.clear-selection-btn:hover{background:#f1f3f4;border-color:#bdc1c6;color:#202124}@media (max-width:600px){.client-selector-trigger{min-width:140px;padding:6px 10px}.trigger-label{display:none}.client-dropdown{left:0;right:auto;width:280px}}:root{--color-primary:#1a73e8;--color-primary-hover:#1557b0;--color-primary-light:#e8f0fe;--color-primary-dark:#174ea6;--color-success:#28a745;--color-success-hover:#218838;--color-success-light:#e6f4ea;--color-success-dark:#137333;--color-danger:#dc3545;--color-danger-hover:#c82333;--color-danger-light:#fce8e6;--color-danger-dark:#a50e0e;--color-warning:#ffc107;--color-warning-hover:#e0a800;--color-warning-light:#fff8e1;--color-warning-dark:#ff8f00;--color-accent:#ff9800;--color-accent-hover:#fb8c00;--color-accent-light:#fff3e0;--color-text-primary:#202124;--color-text-secondary:#5f6368;--color-text-muted:#9aa0a6;--color-text-inverse:#fff;--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#f1f3f4;--color-bg-hover:#f5f5f5;--color-border:#e0e0e0;--color-border-light:#f0f0f0;--color-border-dark:#dadce0;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;--font-family-mono:"SF Mono","Fira Code","Monaco",Consolas,monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-md:13px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-0:0;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--border-width:1px;--border-width-thick:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-focus:0 0 0 3px #1a73e840;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-tooltip:400;--z-notification:500;--sidebar-width:230px;--header-height:70px;--content-max-width:1200px}a,button,input,select,textarea{transition:all .15s ease;transition:all var(--transition-fast)}:focus-visible{box-shadow:0 0 0 3px #1a73e840;box-shadow:var(--shadow-focus);outline:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f3f4,#f8f9fa 50%,#f1f3f4);background:linear-gradient(90deg,var(--color-bg-tertiary) 0,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 100%);border-radius:var(--radius-sm)}.text-primary{color:#202124;color:var(--color-text-primary)}.text-secondary{color:#5f6368;color:var(--color-text-secondary)}.text-muted{color:#9aa0a6;color:var(--color-text-muted)}.text-success{color:#28a745;color:var(--color-success)}.text-danger{color:#dc3545;color:var(--color-danger)}.bg-primary{background-color:#fff;background-color:var(--color-bg-primary)}.bg-secondary{background-color:#f8f9fa;background-color:var(--color-bg-secondary)}.bg-success-light{background-color:#e6f4ea;background-color:var(--color-success-light)}.bg-danger-light{background-color:#fce8e6;background-color:var(--color-danger-light)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.invoices-container{align-items:center;display:flex;flex-direction:column;gap:30px;margin-top:20px;padding:20px}.tabs{border-bottom:2px solid #ddd;display:flex;gap:10px;margin-bottom:20px}.tabs button{background-color:#f4f6f9;border:none;border-bottom:2px solid #0000;cursor:pointer;opacity:.7;padding:10px 20px;transition:background-color .3s,color .3s}.tabs button.active{background-color:#28a745;border-bottom:2px solid #28a745;color:#fff;opacity:1}.tabs button.inactive{background-color:#6c757d;color:#fff}.tabs button:hover{background-color:#218838;color:#fff}.view-toggle{display:flex;gap:10px;margin-bottom:20px}.view-toggle button{background-color:#f4f6f9;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s,color .3s}.view-toggle button.active{background-color:#007bff;color:#fff}.view-toggle button:hover{background-color:#0056b3;color:#fff}.review-toggle{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.review-toggle .toggle-button{border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .2s ease}.review-toggle .toggle-button:hover{opacity:.9}.review-toggle .toggle-button.active{color:#fff}.view-slider{background-color:#f4f6f9;border-radius:0;box-shadow:2px 0 10px #0000001a;box-sizing:border-box;height:calc(100vh - 70px);left:230px;overflow-y:auto;padding:20px;position:fixed;top:70px;width:200px;z-index:100}.slider-search{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:16px;margin-bottom:15px;padding:10px;width:100%}.slider-search:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.slider-search-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px;transition:background-color .3s ease;width:100%}.slider-search-btn:hover{background-color:#0056b3}.slider-option{border-radius:6px;color:#6c757d;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:10px;padding:15px 20px;text-align:left;transition:background-color .3s,color .3s;width:100%}.slider-option.active{background-color:orange;color:#fff}.slider-option:hover{background-color:#cc8400;color:#fff}.invoice-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0;padding:0;width:100%}.invoice-list{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;list-style:none;margin:0;max-width:100%;padding:20px;text-align:left;width:100%}.invoice-list ul{list-style:none;padding:0}.invoice-list li{align-items:center;border-bottom:1px solid #eee;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 15px;transition:background-color .3s ease}.invoice-list li:last-child{border-bottom:none}.invoice-list li a{color:#007bff;font-weight:700;text-decoration:none}.invoice-list li:hover{background-color:#f5f9ff}.invoice-button{background-color:initial;border:none;color:#333;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:8px 0;text-align:left;transition:color .2s ease}.invoice-button:hover{color:#007bff}.invoice-list li .invoice-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .3s ease}.invoice-list li .invoice-button:hover{background-color:#0056b3;transform:scale(1.05)}.invoice-actions{align-items:center;background-color:#f8f9fa;border-top:1px solid #f0f0f0;gap:8px;justify-content:space-between;padding:10px 15px}.invoice-actions button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:500;justify-content:center;padding:6px 12px;transition:all .2s ease}.invoice-list li .delete-button{background-color:#fff0f0;border:1px solid #ffcdd2;color:#dc3545}.invoice-list li .delete-button:hover{background-color:#dc3545;box-shadow:0 3px 5px #dc354533;color:#fff;transform:translateY(-2px)}.review-button{background-color:#f0f8ff;border:1px solid #c8e6c9;border-radius:50%;color:#28a745;height:36px;width:36px}.review-button:hover{background-color:#28a745;box-shadow:0 3px 5px #28a74533;color:#fff;transform:translateY(-2px)}.invoice-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.invoice-card:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-5px)}.invoice-content{display:flex;flex:1 1;flex-direction:column;padding:15px}.invoice-header{border-bottom:1px solid #f0f0f0;margin-bottom:10px;padding-bottom:10px}.invoice-header h5{color:#333;font-size:16px;margin:0 0 5px}.invoice-header p{color:#666;font-size:14px;margin:0}.action-buttons{gap:8px}.reviewed-section,.unreviewed-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.reviewed-section h4,.unreviewed-section h4{border-bottom:2px solid #f0f0f0;color:#333;margin-top:0;padding-bottom:10px}.unreviewed-section{border-left:4px solid #dc3545}.reviewed-section{border-left:4px solid #28a745}.no-results{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:20px;padding:30px}.no-results p{color:#666;margin-bottom:15px}.clear-search{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px;transition:background-color .3s,transform .2s;white-space:nowrap}.clear-search:hover{background-color:#5a6268;transform:translateY(-1px)}.actions-section,.download-section,.login-section,\.2fa-section{margin-bottom:20px;max-width:400px;text-align:center;width:100%}.login-section input,\.2fa-section input{border:1px solid #ccc;border-radius:6px;font-size:16px;margin:10px 0;padding:10px;width:100%}.actions-section button,.download-section button,.login-section button,\.2fa-section button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .3s ease}.actions-section button:hover,.download-section button:hover,.login-section button:hover,\.2fa-section button:hover{background-color:#0056b3;transform:scale(1.05)}.notification{animation:notificationSlideIn .5s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3}.notification.info{background:linear-gradient(135deg,#007bfff2,#17a2b8f2);color:#fff}@keyframes notificationSlideIn{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}.notification h4{font-size:18px;font-weight:700;margin-bottom:10px;margin-top:0}.notification p{line-height:1.5;margin:0 0 15px}.notification-actions{display:flex;gap:10px;margin-top:15px}.notification-actions button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-weight:700;padding:8px 0;transition:all .3s ease}.notification-actions button:first-child{background-color:#007bff;color:#fff}.notification-actions button:last-child{background-color:#6c757d;color:#fff}.notification-actions button:hover{box-shadow:0 2px 5px #0003;transform:translateY(-2px)}.notification .close-btn{background:#0000;font-size:20px;height:30px;padding:0;transition:background-color .2s;width:30px}.notification .close-btn:hover{background-color:#0000001a}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.client-list-container{margin:0 auto;max-width:1200px;width:100%}.client-items,.client-list{margin-top:20px}.client-items{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));list-style-type:none;padding:0}.client-item{margin-bottom:10px}.client-card{background-color:#fff;border-left:4px solid #007bff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px;transition:all .3s ease}.client-card:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-5px)}.client-info{flex-grow:1}.client-card h4{border-bottom:2px solid #f0f0f0;color:#2c3e50;font-size:18px;margin-bottom:10px;margin-top:0;padding-bottom:10px}.client-email{color:#666;font-size:14px;font-style:italic;margin-bottom:10px}.client-stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.invoice-count,.property-count{border-radius:20px;display:inline-block;font-size:14px;font-weight:700;padding:3px 10px}.invoice-count{background-color:#007bff1a;color:#007bff}.property-count{background-color:#28a7451a;color:#28a745}.client-properties{background-color:#f8f9fa;border-radius:6px;margin-top:10px;padding:10px}.properties-label{color:#555;font-size:14px;font-weight:700;margin-bottom:5px}.property-list{font-size:14px;list-style-type:none;margin:0;padding-left:5px}.property-list li{color:#666;margin-bottom:3px;max-width:100%;overflow:hidden;padding:2px 0;text-overflow:ellipsis;white-space:nowrap}.more-properties{color:#007bff;font-style:italic}.client-actions{display:flex;justify-content:center;margin-top:15px}.view-invoices-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .3s ease;width:100%}.view-invoices-button:hover{background-color:#0056b3;transform:scale(1.05)}.client-header{align-items:center;display:flex;margin-bottom:20px}.back-button{background-color:grey;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-right:15px;padding:8px 15px;transition:background-color .3s}.back-button:hover{background-color:#6a6a6a}.reports-section{margin:0 auto;max-width:1200px;width:100%}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px;width:100%}.no-reports{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:20px;padding:30px}.loading,.no-reports{color:#666;text-align:center}.loading{font-weight:700;padding:20px}.search-wrapper{align-items:center;display:flex;gap:10px;margin-bottom:20px;max-width:800px;width:100%}.member-container{animation:memberFadeIn .4s ease-out;display:block;max-width:100%;overflow-x:hidden;width:100%}@keyframes memberFadeIn{0%{opacity:0}to{opacity:1}}.member-sections{display:flex;gap:20px;justify-content:space-between}.member-layout{display:block;min-height:calc(100vh - 70px);overflow-x:hidden;width:100%}.member-content{display:flex;gap:20px;max-width:1400px;width:100%}.list-view-container{background-color:#f8f9fa;background-color:var(--color-bg-secondary,#f8f9fa);box-sizing:border-box;min-height:calc(100vh - 70px);padding:16px;padding:var(--spacing-4,16px);padding-top:130px}.list-view-search{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:16px;margin-bottom:15px;padding:10px;width:100%}.list-view-search:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.section{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;flex:1 1;overflow-y:auto;padding:20px}.section:not(:last-child){border-right:2px solid #ddd}.section h3{color:#2c3e50;font-size:18px;margin-bottom:15px}.section ul{list-style:none;padding:0}.section ul li{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.section ul li button{margin-left:10px}.mark-reviewed-btn,.mark-unreviewed-btn{align-items:center;border-radius:5px;display:flex;gap:8px;justify-content:center;padding:10px 15px}.reviewed-invoice{background-color:#e6ffe6}.client-sidebar{display:none}.client-list{display:flex;flex-direction:column;gap:8px;padding:0 16px 16px}.client-item{background-color:#fff;border-radius:6px;box-shadow:0 2px 4px #0000000d;color:#333;cursor:pointer;font-weight:500;padding:12px 15px;transition:all .3s ease}.client-item:hover{background-color:#f0f0f0;transform:translateY(-2px)}.client-item.active{background-color:orange;color:#fff;font-weight:700}.no-clients{color:#666;font-style:italic;padding:20px;text-align:center}.content-area{box-sizing:border-box;min-height:calc(100vh - 70px);overflow-x:hidden;padding:0;width:100%}.select-client-prompt{align-items:center;animation:promptFadeIn .6s ease-out;background:linear-gradient(135deg,#fff,#fafafa);border:2px dashed #e0e0e0;border-radius:20px;box-shadow:0 4px 20px #00000014;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:400px;overflow:hidden;padding:80px 20px;position:relative;text-align:center;transition:all .3s ease;width:100%}.select-client-prompt:before{background:linear-gradient(135deg,#0000,#f5a62308 50%,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes promptShimmer{0%,to{left:-100%}50%{left:100%}}@keyframes promptFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.select-client-prompt:hover{border-color:#f5a623;box-shadow:0 8px 30px #f5a62326}.select-client-prompt .prompt-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:64px;margin-bottom:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse-icon{0%,to{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transform:translateY(0) scale(1)}50%{filter:drop-shadow(0 8px 16px rgba(245,166,35,.3));transform:translateY(-15px) scale(1.1)}}.select-client-prompt h3{animation:fadeInUp .5s ease-out .2s backwards;color:#202124;color:var(--color-text-primary,#202124);font-size:22px;font-weight:700;margin:0 0 12px}.select-client-prompt p{animation:fadeInUp .5s ease-out .3s backwards;color:#5f6368;color:var(--color-text-secondary,#5f6368);font-size:15px;margin:0}@media (max-width:1024px){.invoice-list{padding:15px}.invoice-item{align-items:flex-start;flex-direction:column}.invoice-actions{flex-direction:column;gap:10px}.invoice-details span{display:block;margin-bottom:5px}.view-slider{flex:0 0 auto;max-width:100%}}@media (max-width:600px){.invoice-card{padding:10px}.invoice-card h4{font-size:14px}.invoice-actions button{font-size:12px;padding:8px}.slider-option{font-size:14px;padding:10px}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes glow{0%,to{box-shadow:0 0 5px #f5a6234d}50%{box-shadow:0 0 20px #f5a62399}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes checkmarkDraw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes successPulse{0%{box-shadow:0 0 0 0 #28a74599}50%{box-shadow:0 0 0 15px #28a74500}to{box-shadow:0 4px 12px #28a7454d}}@keyframes dangerPulse{0%{box-shadow:0 0 0 0 #dc354599}50%{box-shadow:0 0 0 15px #dc354500}to{box-shadow:0 4px 12px #dc35454d}}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@keyframes xMarkSlash{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(1)}}@keyframes borderGlow{0%,to{border-color:#f5a6234d}50%{border-color:#f5a623cc}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.list-view{animation:fadeInUp .5s ease-out;background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);margin:0;padding:0;width:100%}.list-view h3{align-items:center;animation:fadeInLeft .4s ease-out;color:#202124;color:var(--color-text-primary,#202124);display:flex;font-size:18px;font-size:var(--font-size-xl,18px);font-weight:600;font-weight:var(--font-weight-semibold,600);gap:8px;gap:var(--spacing-2,8px);margin:0 0 16px;margin:0 0 var(--spacing-4,16px) 0;padding:16px 16px 0;padding:var(--spacing-4,16px) var(--spacing-4,16px) 0}.list-view h3:before{background:linear-gradient(180deg,#f5a623,#ffc107);border-radius:9999px;border-radius:var(--radius-full,9999px);content:"";height:24px;width:4px}.email-list{box-sizing:border-box;list-style:none;margin:0;padding:0 16px 16px;padding:0 var(--spacing-4,16px) var(--spacing-4,16px);width:100%}.email-list-item{animation:fadeInUp .5s ease-out backwards;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #00000014;border-radius:16px;box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f;margin-bottom:12px;margin-bottom:var(--spacing-3,12px);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.email-list-item:first-child{animation-delay:.05s}.email-list-item:nth-child(2){animation-delay:.1s}.email-list-item:nth-child(3){animation-delay:.15s}.email-list-item:nth-child(4){animation-delay:.2s}.email-list-item:nth-child(5){animation-delay:.25s}.email-list-item:nth-child(6){animation-delay:.3s}.email-list-item:nth-child(7){animation-delay:.35s}.email-list-item:nth-child(8){animation-delay:.4s}.email-list-item:nth-child(9){animation-delay:.45s}.email-list-item:nth-child(10){animation-delay:.5s}.email-list-item:nth-child(n+11){animation-delay:.55s}.email-list-item:before{background:linear-gradient(180deg,#f5a623,#ffc107);border-radius:4px 0 0 4px;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:top;transition:transform .3s cubic-bezier(.4,0,.2,1);width:4px}.email-list-item:hover:before{transform:scaleY(1)}.email-list-item:hover{border-color:#f5a623;box-shadow:0 8px 30px #f5a62333;transform:translateY(-4px) scale(1.01)}.email-list-item:active{box-shadow:0 4px 12px #f5a62326;transform:translateY(-2px) scale(1.005)}.email-list-item:last-child{margin-bottom:0}.email-item{display:flex;flex-direction:column;gap:8px;width:100%}.email-item div{margin-bottom:5px}.email-item button{align-self:flex-end;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 15px;transition:background-color .3s ease}.email-item button:hover{background-color:#0056b3}.invoice-item{align-items:center;border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;border-radius:var(--radius-lg,8px);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs,0 1px 2px #0000000d);display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--spacing-3,12px);padding:16px;padding:var(--spacing-4,16px);transition:all .15s ease;transition:all var(--transition-fast,.15s ease)}.invoice-item:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a);transform:translateY(-2px)}.unreviewed-item{background:linear-gradient(135deg,#fff,#fff5f5);border-left:4px solid #ef4444}.unreviewed-item:hover{background:linear-gradient(135deg,#fff5f5,#fee2e2);border-left-color:#dc2626}.unreviewed-item:before{background:linear-gradient(180deg,#ef4444,#dc2626)!important}.reviewed-item{background:linear-gradient(135deg,#fff,#f0fdf4);border-left:4px solid #22c55e}.reviewed-item:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left-color:#16a34a}.reviewed-item:before{background:linear-gradient(180deg,#22c55e,#16a34a)!important}.email-subject-line{align-items:center;cursor:pointer;display:flex;justify-content:space-between;min-height:72px;padding:18px 24px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.email-subject-line:after{background:linear-gradient(135deg,#f5a6230a,#0000);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease}.email-subject-line:hover:after{opacity:1}.email-subject-line:hover{background-color:#f5a62305}.email-subject{align-items:center;display:flex;flex:1 1;gap:14px;min-width:0}.email-subject strong{color:#1a1a2e;font-size:15px;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.email-subject-line:hover .email-subject strong{color:#f5a623}.expand-arrow{align-items:center;background:#f1f5f9;border-radius:8px;color:#94a3b8;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:28px}.email-subject-line:hover .expand-arrow{background:linear-gradient(135deg,#fff8eb,#fef3c7);color:#f5a623;transform:scale(1.1)}.expand-arrow.expanded{background:linear-gradient(135deg,#f5a623,#f59e0b);box-shadow:0 2px 8px #f5a6234d;color:#fff;transform:rotate(0deg)}.quick-actions{align-items:center;display:flex;flex-shrink:0;gap:12px;gap:var(--spacing-3,12px);opacity:.7;transition:opacity .2s ease}.email-subject-line:hover .quick-actions{opacity:1}.invoice-details{display:flex;flex-direction:column;gap:5px}.invoice-payee{color:#333;font-size:16px;font-weight:700}.invoice-amount{color:#0275d8;font-weight:700}.invoice-date{color:#6c757d;font-size:14px}.invoice-actions{display:flex;gap:10px}.mark-reviewed-btn,.mark-unreviewed-btn{padding:8px 12px}.email-body-container{display:flex;flex-direction:column;margin-bottom:10px}.email-body{background-color:#f9f9f9;border-radius:4px;line-height:1.5;margin-top:5px;padding:8px;white-space:pre-wrap}.expanded-body{border:1px solid #e0e0e0;border-radius:4px;margin:10px 0;max-height:500px;overflow-y:auto}.expand-button{background:none;border:none;color:#007bff;font-size:12px;margin-top:5px;padding:0;text-align:left;text-decoration:underline}.expand-button:hover{color:#0056b3}.email-body-renderer{max-width:100%;overflow:hidden}.email-html-content{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow:auto;padding:10px}.email-text-content{background-color:#f9f9f9;border-radius:4px;font-family:monospace;padding:10px;white-space:pre-wrap;word-break:break-word}.email-body-empty{color:#999;font-style:italic;padding:10px}.email-actions{border-top:1px solid #eee;display:flex;justify-content:flex-end;margin-top:10px;padding-top:10px}.register-user-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .3s ease,transform .2s ease}.register-user-btn:hover{background-color:#0056b3;transform:translateY(-2px)}.raw-mime-content{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;margin:10px 0;max-height:500px;overflow-y:auto;padding:10px}.raw-mime-content pre{color:#333;font-family:monospace;font-size:12px;margin:0;white-space:pre-wrap;word-break:break-word}.email-display{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-family:Arial,sans-serif;margin:10px 0;max-width:100%;overflow:hidden}.email-header-field{line-height:1.5;margin-bottom:8px}.email-header-label{color:#555;display:inline-block;font-weight:700;margin-right:10px;min-width:60px}.email-header-value{color:#333;word-break:break-word}.email-content{background-color:#fff;overflow-x:auto;padding:20px}.email-html-content{word-wrap:break-word;color:#202124;font-family:Arial,sans-serif;line-height:1.6;max-width:100%;overflow-wrap:break-word}.email-html-content img{height:auto;max-width:100%}.email-html-content table{border-collapse:collapse;max-width:100%}.email-html-content a{color:#1a73e8;text-decoration:none}.email-html-content a:hover{text-decoration:underline}.email-no-content{color:#999;font-style:italic;padding:20px;text-align:center}.expand-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:13px;margin-top:10px;padding:6px 12px;transition:all .2s ease}.expand-button:hover{background-color:#e0e0e0;color:#000}.gmail-style-email{background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 1px 3px #0000001f;font-family:Roboto,Arial,sans-serif;margin:10px 0;overflow:hidden}.gmail-style-email .email-header{background-color:#f8f9fa;border-bottom:1px solid #e5e5e5;padding:12px 16px}.gmail-style-email .email-header-field{display:flex;flex-wrap:wrap;margin-bottom:6px}.gmail-style-email .email-header-label{color:#5f6368;font-size:14px;font-weight:500;min-width:60px;padding-right:8px}.gmail-style-email .email-header-value{color:#202124;flex:1 1;font-size:14px;word-break:break-word}.gmail-style-email .email-body-wrapper{background-color:#fff;padding:0}.email-iframe{height:400px}.no-items-message{background-color:#f9f9f9;border:1px dashed #ccc;border-radius:8px;color:#666;font-style:italic;margin:10px 0;padding:20px;text-align:center}.email-rendering-error{background-color:#fff5f5;border:1px solid #dc3545;border-radius:4px;margin:10px 0;padding:15px}.email-rendering-error summary{color:#0056b3;cursor:pointer;font-weight:700;margin:10px 0}.raw-email-text{background-color:#f8f9fa;border:1px solid #e2e6ea;border-radius:4px;font-family:monospace;font-size:12px;max-height:300px;overflow-y:auto;padding:10px;word-break:break-word}.email-comments-section{border-top:1px solid #eee;margin-top:15px;padding-top:15px}.comments-list{margin-top:10px;max-height:200px;overflow-y:auto}.comment-item{background-color:#f9f9f9;border-left:3px solid #007bff;border-radius:6px;margin-bottom:8px;padding:10px}.comment-content{font-size:14px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.comment-meta{color:#666;display:flex;font-size:12px;justify-content:space-between;margin-top:5px}.comment-author{font-weight:700}.no-comments{color:#999;font-size:14px;font-style:italic;padding:5px 0}.add-comment-form{display:flex;flex-direction:column;gap:8px;margin-top:10px}.comment-input{border:1px solid #ddd;border-radius:4px;font-family:inherit;min-height:60px;padding:8px;resize:vertical;width:100%}.add-comment-btn{align-self:flex-end;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .3s}.add-comment-btn:hover{background-color:#0056b3}.email-iframe{background-color:#fff;border:none;border-radius:4px;box-shadow:0 1px 2px #0000001a;min-height:300px;overflow:auto;transition:height .3s ease;width:100%}.mime-boundary{display:none}.email-content-wrapper{background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 1px 3px #0000001f;font-family:Roboto,Arial,sans-serif;margin:10px 0;overflow:hidden}.email-header{background-color:#f8f9fa;border-bottom:1px solid #eee;padding:15px}.raw-email-text{white-space:pre-wrap;word-break:break-all}.email-body-wrapper{background-color:#fff;padding-bottom:10px;position:relative}.edit-comment-form{background-color:#f9f9f9;border-left:3px solid #17a2b8;border-radius:6px;display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:10px}.edit-comment-input{border:1px solid #ddd;border-radius:4px;font-family:inherit;min-height:80px;padding:8px;resize:vertical;width:100%}.edit-comment-actions{display:flex;gap:8px;justify-content:flex-end}.save-edit-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .3s}.save-edit-btn:hover{background-color:#218838}.cancel-edit-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .3s}.cancel-edit-btn:hover{background-color:#5a6268}.edit-comment-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:12px;padding:0;text-decoration:underline}.edit-comment-btn:hover{color:#0056b3}.main-comment{background-color:#f0f7ff;border-left-color:#007bff}.review-toggle-section{align-items:center;background-color:#f9f9f9;border:1px solid #eee;border-radius:5px;display:flex;margin:10px 0;padding:10px}.mark-reviewed-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:all .3s ease}.mark-reviewed-btn:hover{background-color:#218838;transform:scale(1.05)}.mark-unreviewed-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:all .3s ease}.mark-unreviewed-btn:hover{background-color:#c82333;transform:scale(1.05)}.filter-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;background-color:var(--color-bg-primary,#fff);background:#fffffff2;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);box-shadow:0 2px 10px #00000014;display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-2,8px);left:0;padding:12px 16px;padding:var(--spacing-3,12px) var(--spacing-4,16px);position:fixed;right:0;top:70px;z-index:100}.filter-bar-label{color:#5f6368;color:var(--color-text-secondary,#5f6368);font-size:13px;font-size:var(--font-size-md,13px);font-weight:500;font-weight:var(--font-weight-medium,500);margin-right:8px;margin-right:var(--spacing-2,8px)}.filter-divider{background-color:#e0e0e0;height:32px;margin:0 8px;width:1px}.filter-chip{align-items:center;background-color:#fff;background-color:var(--color-bg-primary,#fff);border:2px solid #e0e0e0;border:2px solid var(--color-border,#e0e0e0);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#5f6368;color:var(--color-text-secondary,#5f6368);cursor:pointer;display:inline-flex;font-size:13px;font-size:var(--font-size-md,13px);font-weight:500;font-weight:var(--font-weight-medium,500);overflow:hidden;padding:8px 12px;padding:var(--spacing-2,8px) var(--spacing-3,12px);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap}.filter-chip:after{background:#f5a62380;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%,-50%);transform-origin:50% 50%;width:5px}.filter-chip:active:after{animation:ripple .6s ease-out}.filter-chip:hover{background-color:#fff8e6;border-color:#f5a623;box-shadow:0 4px 12px #f5a62333;color:#c78000;transform:translateY(-2px)}.filter-chip:focus-visible{box-shadow:0 0 0 3px #f5a6234d;outline:none}.filter-chip.active{background:linear-gradient(135deg,#f5a623,#ffc107);border-color:#f5a623;box-shadow:0 4px 15px #f5a62366;color:#1a1a2e;font-weight:600}.filter-chip.active:hover{background:linear-gradient(135deg,#e09615,#e6ad00);border-color:#e09615;color:#1a1a2e;transform:translateY(-2px) scale(1.02)}.filter-chip-icon{font-size:12px;font-size:var(--font-size-sm,12px);margin-right:4px;margin-right:var(--spacing-1,4px)}.filter-chip-count{background-color:#00000014;border-radius:9999px;border-radius:var(--radius-full,9999px);font-size:11px;font-size:var(--font-size-xs,11px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin-left:4px;margin-left:var(--spacing-1,4px);padding:2px 6px}.filter-chip.active .filter-chip-count{background-color:#fff3}.filter-search{background-color:#f8f9fa;border:2px solid #e0e0e0;border-radius:24px;box-sizing:border-box;flex-shrink:1;font-size:13px;margin-left:auto;max-width:200px;min-width:120px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:200px}.filter-search:focus{background-color:#fff;background-color:var(--color-bg-primary,#fff);border-color:#f5a623;box-shadow:0 0 0 4px #f5a62326;outline:none;transform:scale(1.02);width:280px}.filter-search::placeholder{color:#9aa0a6;color:var(--color-text-muted,#9aa0a6);transition:color .2s ease}.filter-search:focus::placeholder{color:#bbb}.filter-clear{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm,4px);color:#5f6368;color:var(--color-text-secondary,#5f6368);cursor:pointer;font-size:12px;font-size:var(--font-size-sm,12px);padding:8px 12px;padding:var(--spacing-2,8px) var(--spacing-3,12px);transition:all .15s ease;transition:all var(--transition-fast,.15s ease)}.filter-clear:hover{background-color:#fce8e6;background-color:var(--color-danger-light,#fce8e6);color:#dc3545;color:var(--color-danger,#dc3545)}.invoice-badge{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;border-radius:var(--radius-lg,8px);box-shadow:0 2px 8px #28a7454d;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-size:var(--font-size-sm,12px);font-weight:700;font-weight:var(--font-weight-bold,700);letter-spacing:.5px;margin-left:12px;margin-left:var(--spacing-3,12px);padding:8px 12px;padding:var(--spacing-2,8px) var(--spacing-3,12px);text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.invoice-badge:hover{background:linear-gradient(135deg,#218838,#1aa882);box-shadow:0 6px 16px #28a74566;transform:translateY(-2px) scale(1.02)}.invoice-badge:active{transform:translateY(0) scale(.98)}.invoice-badge:focus-visible{box-shadow:0 0 0 4px #28a7454d;outline:none}.invoice-badge-icon{font-size:12px;font-size:var(--font-size-sm,12px);margin-right:4px;margin-right:var(--spacing-1,4px)}.attachment-badge{align-items:center;background:linear-gradient(135deg,#64748b,#475569);border-radius:100px;box-shadow:0 2px 8px #64748b40;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-left:12px;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.attachment-badge:hover{background:linear-gradient(135deg,#f5a623,#f59e0b);box-shadow:0 4px 12px #64748b59;transform:translateY(-2px) scale(1.05)}.attachment-badge-icon{font-size:14px;line-height:1}.email-list-item.has-invoice{background:linear-gradient(90deg,#e6f4ea 0,#fff 15%);background:linear-gradient(to right,var(--color-success-light,#e6f4ea) 0,var(--color-bg-primary,#fff) 15%)}.task-detail{animation:slideDown .2s ease;animation:slideDown var(--transition-normal,.2s ease);border-top:1px solid #f0f0f0;border-top:1px solid var(--color-border-light,#f0f0f0);padding:16px;padding:var(--spacing-4,16px)}.task-detail-section{margin-bottom:16px;margin-bottom:var(--spacing-4,16px)}.task-detail-section:last-child{margin-bottom:0}.task-detail-label{font-size:12px;font-size:var(--font-size-sm,12px);font-weight:600;font-weight:var(--font-weight-semibold,600);letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--spacing-2,8px);text-transform:uppercase}.task-detail-label,.task-meta{color:#5f6368;color:var(--color-text-secondary,#5f6368)}.task-meta{display:flex;flex-wrap:wrap;font-size:13px;font-size:var(--font-size-md,13px);gap:16px;gap:var(--spacing-4,16px)}.task-meta-item{align-items:center;display:flex;gap:4px;gap:var(--spacing-1,4px)}.task-meta-item strong{color:#202124;color:var(--color-text-primary,#202124)}.review-toggle-btn{align-items:center;border:2px solid #0000;border-radius:50%;cursor:pointer;display:inline-flex;font-size:18px;font-size:var(--font-size-xl,18px);height:40px;justify-content:center;overflow:visible;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.review-toggle-btn:after{border-radius:50%;content:"";inset:-4px;pointer-events:none;position:absolute}.review-toggle-btn.mark-reviewed{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#e2e8f0;color:#94a3b8}.review-toggle-btn.mark-reviewed:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e;box-shadow:0 4px 12px #22c55e40;color:#22c55e;transform:scale(1.15)}.review-toggle-btn.mark-unreviewed{animation:successPulse .6s ease-out;background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#0000;box-shadow:0 4px 12px #22c55e59;color:#fff}.review-toggle-btn.mark-unreviewed:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#0000;box-shadow:0 4px 12px #ef444459;transform:scale(1.15)}.review-toggle-btn .btn-icon{align-items:center;display:inline-flex;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.review-toggle-btn.mark-unreviewed .btn-icon{animation:checkmarkPop .4s cubic-bezier(.4,0,.2,1)}.review-toggle-btn.mark-unreviewed:hover .btn-icon{animation:shake .4s ease-in-out}.review-toggle-btn.mark-reviewed .btn-icon.animate-x{animation:xMarkSlash .5s cubic-bezier(.4,0,.2,1)}.review-toggle-btn.animate-review,.review-toggle-btn.animate-review:hover{animation:successPulse .6s ease-out;background:linear-gradient(135deg,#22c55e,#16a34a)!important;border-color:#0000!important;box-shadow:0 4px 15px #22c55e73!important;color:#fff!important;transform:scale(1.15)}.review-toggle-btn.animate-unreview,.review-toggle-btn.animate-unreview:hover{animation:dangerPulse .6s ease-out;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border-color:#0000!important;color:#fff!important}.review-toggle-btn:focus-visible{box-shadow:0 0 0 4px #1a73e84d;outline:none}.review-toggle-btn:active{transform:scale(.9)}.empty-state{align-items:center;animation:scaleIn .5s ease-out;background-color:#fff;border:2px dashed #e0e0e0;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0;min-height:400px;padding:48px 24px;text-align:center;transition:border-color .3s ease}.empty-state:hover{border-color:#f5a623}.empty-state-icon{font-size:72px;margin-bottom:16px;margin-bottom:var(--spacing-4,16px)}.empty-state-title{color:#202124;color:var(--color-text-primary,#202124);font-size:18px;font-size:var(--font-size-xl,18px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin-bottom:8px;margin-bottom:var(--spacing-2,8px)}.empty-state-description{color:#5f6368;color:var(--color-text-secondary,#5f6368);line-height:1.5;max-width:350px}.empty-state-action,.empty-state-description{font-size:14px;font-size:var(--font-size-base,14px)}.empty-state-action{background-color:#1a73e8;background-color:var(--color-primary,#1a73e8);border:none;border-radius:8px;border-radius:var(--radius-lg,8px);color:#fff;cursor:pointer;font-weight:500;font-weight:var(--font-weight-medium,500);margin-top:16px;margin-top:var(--spacing-4,16px);padding:12px 24px;padding:var(--spacing-3,12px) var(--spacing-6,24px);transition:all .15s ease;transition:all var(--transition-fast,.15s ease)}.empty-state-action:hover{background-color:#1557b0;background-color:var(--color-primary-hover,#1557b0);box-shadow:0 4px 12px #1a73e84d;transform:translateY(-1px)}.empty-state-action:active{transform:translateY(0)}.task-skeleton{animation:fadeInUp .5s ease-out backwards;background-color:#fff;background-color:var(--color-bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-left:4px solid #e0e0e0;border-radius:12px;border-radius:var(--radius-xl,12px);box-shadow:0 1px 3px #0000000a;margin-bottom:12px;margin-bottom:var(--spacing-3,12px);min-height:72px;padding:20px 24px;padding:var(--spacing-5,20px) var(--spacing-6,24px)}.task-skeleton:first-child{animation-delay:.05s}.task-skeleton:nth-child(2){animation-delay:.1s}.task-skeleton:nth-child(3){animation-delay:.15s}.task-skeleton:nth-child(4){animation-delay:.2s}.task-skeleton:nth-child(5){animation-delay:.25s}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.task-skeleton-row{align-items:center;display:flex;gap:12px;gap:var(--spacing-3,12px);height:100%}.task-skeleton-checkbox{border-radius:50%;flex-shrink:0;height:40px;width:40px}.task-skeleton-title{flex:1 1;height:20px;max-width:400px}.task-skeleton-badge{border-radius:8px;border-radius:var(--radius-lg,8px);flex-shrink:0;height:28px;width:80px}.task-skeleton-action{border-radius:50%;flex-shrink:0;height:40px;width:40px}@keyframes slideDownFade{0%{max-height:0;opacity:0;transform:translateY(-20px)}to{max-height:2000px;opacity:1;transform:translateY(0)}}@keyframes sectionFadeIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes iconPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.task-detail{animation:slideDownFade .4s cubic-bezier(.4,0,.2,1) forwards;background:linear-gradient(135deg,#fafbfc,#f5f7fa);border-radius:0 0 20px 20px;border-top:none;overflow:hidden;padding:0}.email-detail-section{animation:sectionFadeIn .5s ease-out backwards;background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin:16px;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.email-detail-section:first-child{animation-delay:.1s}.email-detail-section:nth-child(2){animation-delay:.2s}.email-detail-section:nth-child(3){animation-delay:.3s}.email-detail-section:nth-child(4){animation-delay:.4s}.email-detail-section:hover{border-color:#f5a62333;box-shadow:0 8px 30px #0000001a;transform:translateY(-2px)}.section-header{border-bottom:2px solid #f0f2f5;gap:12px;margin-bottom:16px;padding-bottom:12px}.section-header,.section-icon{align-items:center;display:flex}.section-icon{animation:iconPop .5s cubic-bezier(.4,0,.2,1) backwards;border-radius:12px;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.section-icon.email-icon{background:linear-gradient(135deg,#f5a623,#f59e0b);box-shadow:0 4px 15px #f5a6234d}.section-icon.attachment-icon{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 4px 15px #11998e4d}.section-icon.comment-icon{background:linear-gradient(135deg,#f5a623,#ffc107);box-shadow:0 4px 15px #f5a6234d}.section-icon.details-icon{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 15px #4facfe4d}.section-title{color:#1a1a2e;font-size:15px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.email-info-grid{grid-gap:8px 16px;align-items:center;display:grid;gap:8px 16px;grid-template-columns:auto 1fr}.email-info-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.email-info-value{color:#1a1a2e;font-size:14px;font-weight:500}.show-content-btn{align-items:center;background:linear-gradient(135deg,#f5a623,#f59e0b);border:none;border-radius:12px;box-shadow:0 4px 15px #f5a6234d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-top:16px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.show-content-btn:hover{box-shadow:0 8px 25px #f5a62366;transform:translateY(-2px)}.show-content-btn:active{transform:translateY(0)}.show-content-btn .btn-icon{font-size:16px;transition:transform .3s ease}.show-content-btn:hover .btn-icon{transform:translateX(3px)}.show-content-btn.expanded{background:linear-gradient(135deg,#f093fb,#f5576c)}.show-content-btn.expanded .btn-icon{transform:rotate(180deg)}.email-content-wrapper{animation:sectionFadeIn .3s ease-out;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:20px}.attachment-list-modern{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.attachment-card{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.attachment-card:hover{background:#fff;border-color:#11998e;box-shadow:0 4px 20px #11998e26;transform:translateX(4px)}.attachment-file-icon{align-items:center;border-radius:12px;box-shadow:0 4px 12px #ee5a244d;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.attachment-file-icon,.attachment-file-icon.pdf{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.attachment-file-icon.image{background:linear-gradient(135deg,#a29bfe,#6c5ce7)}.attachment-file-icon.doc{background:linear-gradient(135deg,#74b9ff,#0984e3)}.attachment-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.attachment-name{color:#1a1a2e;display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:#64748b;display:block;font-size:12px}.attachment-actions{display:flex;gap:8px}.attachment-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .3s ease}.attachment-btn.download{background:#e2e8f0;color:#475569}.attachment-btn.download:hover{background:#cbd5e1;transform:translateY(-2px)}.attachment-btn.preview{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 4px 12px #11998e4d;color:#fff}.attachment-btn.preview:hover{box-shadow:0 6px 20px #11998e66;transform:translateY(-2px)}.no-attachments{align-items:center;background:#f8fafc;border-radius:12px;color:#64748b;display:flex;font-style:italic;gap:12px;padding:20px}.no-attachments-icon{font-size:24px;opacity:.5}.comment-container{background:#fffbeb;border-left:4px solid #f5a623;border-radius:12px;padding:16px}.comment-text{color:#1a1a2e;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.comment-text.empty{color:#9ca3af;font-style:italic}.comment-actions{gap:8px}.comment-btn{align-items:center;display:flex;font-size:13px;gap:6px;transition:all .3s ease}.comment-btn.add{background:linear-gradient(135deg,#f5a623,#ffc107);box-shadow:0 4px 12px #f5a6234d;color:#1a1a2e}.comment-btn.add:hover{box-shadow:0 6px 20px #f5a62366;transform:translateY(-2px)}.comment-btn.edit{background:#e2e8f0;color:#475569}.comment-btn.edit:hover{background:#cbd5e1;transform:translateY(-2px)}.comment-edit-form{animation:sectionFadeIn .3s ease-out;margin-top:12px}.comment-textarea{box-sizing:border-box;min-height:100px;padding:16px;transition:all .3s ease}.comment-textarea:focus{box-shadow:0 0 0 4px #f5a6231a}.comment-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.comment-form-btn{border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .3s ease}.comment-form-btn.save{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 12px #28a7454d;color:#fff}.comment-form-btn.save:hover{box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.comment-form-btn.cancel{background:#e2e8f0;color:#475569}.comment-form-btn.cancel:hover{background:#cbd5e1}.details-grid{display:flex;flex-wrap:wrap;gap:12px}.detail-pill{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:100px;display:flex;gap:8px;padding:10px 16px}.detail-label{color:#0284c7;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#0c4a6e;font-size:13px;font-weight:500}.email-loading{align-items:center;color:#64748b;display:flex;font-size:14px;justify-content:center;padding:40px}.email-loading:before{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#f5a623;content:"";height:20px;margin-right:12px;width:20px}.section-badge{background:linear-gradient(135deg,#11998e,#38ef7d);border-radius:100px;box-shadow:0 2px 8px #11998e4d;color:#fff;font-size:11px;font-weight:700;margin-left:auto;padding:4px 10px}.email-info-item{background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;gap:4px;margin-bottom:8px;padding:12px 16px}.info-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#1a1a2e;font-size:14px;font-weight:500}.detail-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.detail-btn.primary{background:linear-gradient(135deg,#f5a623,#f59e0b);box-shadow:0 4px 15px #f5a6234d;color:#fff}.detail-btn.primary:hover{box-shadow:0 8px 25px #f5a62366;transform:translateY(-2px)}.detail-btn.secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.detail-btn.secondary:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-2px)}.detail-btn:active{transform:translateY(0)}.btn-icon{font-size:16px;line-height:1}.empty-attachments{align-items:center;background:#f8fafc;border-radius:12px;color:#94a3b8;display:flex;font-style:italic;gap:12px;justify-content:center;padding:24px}.empty-attachments .empty-icon{font-size:24px;opacity:.6}.comment-display{word-wrap:break-word;color:#1a1a2e;line-height:1.7;margin-bottom:16px;padding:4px 0}.comment-display.empty{color:#94a3b8;font-style:italic}.comment-display a{font-weight:500;text-decoration:none}.comment-display a:hover{text-decoration:underline}.pill-icon{font-size:14px;line-height:1}.pill-label{color:#0284c7;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pill-value{color:#0c4a6e;font-size:13px;font-weight:600;margin-left:auto}.detail-pill.status-reviewed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac}.detail-pill.status-reviewed .pill-label,.detail-pill.status-reviewed .pill-value{color:#166534}.detail-pill.status-pending{background:linear-gradient(135deg,#fef9c3,#fef08a);border-color:#fde047}.detail-pill.status-pending .pill-label,.detail-pill.status-pending .pill-value{color:#854d0e}.task-detail-animated{animation:slideDownFade .4s cubic-bezier(.4,0,.2,1) forwards}.full-email-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#334155;font-size:14px;line-height:1.6;margin-bottom:16px;max-height:400px;overflow-y:auto;padding:16px}.full-email-content::-webkit-scrollbar{width:8px}.full-email-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.full-email-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.full-email-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.email-detail-section{margin:12px;padding:16px}.attachment-card,.section-header{flex-wrap:wrap}.attachment-actions{margin-top:12px;width:100%}.attachment-btn{flex:1 1;justify-content:center}.details-grid{flex-direction:column}.detail-pill{justify-content:space-between;width:100%}.detail-btn{width:100%}.comment-form-actions{flex-direction:column}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.invoice-details{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);margin:0 0 0 calc(-50vw + 50%);max-width:100vw;min-height:calc(100vh - 70px);overflow-x:hidden;overflow-y:auto;padding:0;width:100vw}.invoice-header{animation:fadeInUp .5s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;box-sizing:border-box;margin:24px 48px;overflow:hidden;padding:24px 64px;position:relative;width:calc(100% - 96px)}.invoice-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.invoice-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;position:relative;z-index:1}.back-btn{align-items:center;background:linear-gradient(135deg,#f5a623,#f59e0b);border:none;border-radius:12px;box-shadow:0 4px 15px #f5a6234d;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-btn:hover{box-shadow:0 6px 20px #f5a62366;transform:translateY(-2px)}.back-btn .back-icon{font-size:18px;transition:transform .2s ease}.back-btn:hover .back-icon{transform:translateX(-3px)}.client-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:12px 20px}.client-badge-icon{font-size:18px}.invoice-container{grid-gap:32px;animation:fadeInUp .5s ease-out .2s both;background:#0000;border:none;box-shadow:none;box-sizing:border-box;display:grid;gap:32px;grid-template-columns:1fr 1.3fr;margin:0;max-width:100%;padding:32px 48px;width:100%}.invoice-left-column{display:flex;flex-direction:column;gap:20px}.invoice-info-card{animation:slideInLeft .5s ease-out .3s both;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden}.invoice-info-header{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:20px 24px;position:relative;text-align:center}.invoice-info-header h2{align-items:center;color:#fff;display:flex;font-size:22px;font-weight:700;gap:10px;justify-content:center;margin:0}.invoice-info-header h2:before{content:"📄";font-size:24px}.invoice-info-body{max-height:calc(100vh - 250px);overflow-y:auto;padding:24px}.duplicate-source-banner{align-items:center;animation:scaleIn .4s ease-out;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:16px;cursor:pointer;display:flex;gap:16px;margin-bottom:24px;padding:16px 20px;transition:all .3s ease}.duplicate-source-banner:hover{background:linear-gradient(135deg,#fde68a,#fbbf24);box-shadow:0 6px 20px #f59e0b4d;transform:translateY(-2px)}.duplicate-source-banner.loading{cursor:wait;opacity:.7}.duplicate-source-banner .duplicate-banner-icon{flex-shrink:0;font-size:32px}.duplicate-source-banner .duplicate-banner-content{flex:1 1;min-width:0}.duplicate-source-banner .duplicate-banner-title{color:#92400e;font-size:15px;font-weight:700;margin-bottom:4px}.duplicate-source-banner .duplicate-banner-text{color:#b45309;font-size:13px}.duplicate-source-banner .duplicate-banner-text strong{color:#92400e}.duplicate-source-banner .duplicate-banner-link{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;color:#fff;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.duplicate-source-banner .duplicate-banner-link:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:scale(1.05)}.portal-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}.portal-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.portal-btn.appfolio{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f64d;color:#fff}.portal-btn.appfolio:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.portal-btn.client-portal{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.portal-btn.client-portal:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.invoice-fields{display:flex;flex-direction:column;gap:12px}.invoice-field{align-items:center;animation:fadeInUp .3s ease-out both;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s ease}.invoice-field:hover{background:#f1f5f9;border-color:#cbd5e1}.invoice-field:first-child{animation-delay:.05s}.invoice-field:nth-child(2){animation-delay:.1s}.invoice-field:nth-child(3){animation-delay:.15s}.invoice-field:nth-child(4){animation-delay:.2s}.invoice-field:nth-child(5){animation-delay:.25s}.invoice-field:nth-child(6){animation-delay:.3s}.invoice-field:nth-child(7){animation-delay:.35s}.invoice-field:nth-child(8){animation-delay:.4s}.invoice-field:nth-child(9){animation-delay:.45s}.invoice-field:nth-child(10){animation-delay:.5s}.field-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.field-label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.field-value{color:#1e293b;font-size:15px;font-weight:600;word-break:break-word}.field-value.empty{color:#94a3b8;font-style:italic;font-weight:400}.field-value.highlight{color:#f5a623;font-size:18px}.copy-btn{background:linear-gradient(135deg,#64748b,#475569);border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:8px 14px;transition:all .2s ease}.copy-btn:hover{background:linear-gradient(135deg,#475569,#334155);transform:scale(1.05)}.copy-btn:active{transform:scale(.95)}.line-items-section{border-top:2px solid #e2e8f0;margin-top:24px;padding-top:24px}.line-items-title{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;gap:8px;justify-content:center;margin-bottom:16px;text-align:center}.line-items-title:before{content:"📋"}.line-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:12px;padding:16px}.line-item-card:hover{border-color:#f5a623;box-shadow:0 4px 12px #f5a6231a}.action-buttons{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px;padding:20px}.action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.action-btn.edit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.action-btn.edit:hover{box-shadow:0 4px 15px #3b82f666;transform:translateY(-2px)}.action-btn.email{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.action-btn.email:hover{box-shadow:0 4px 15px #06b6d466;transform:translateY(-2px)}.action-btn.associate{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.action-btn.associate:hover{box-shadow:0 4px 15px #8b5cf666;transform:translateY(-2px)}.comment-section-card{animation:slideInLeft .5s ease-out .4s both;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden}.comment-section-header{background:linear-gradient(135deg,#64748b,#475569);padding:16px 24px}.comment-section-header h3{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.comment-section-header h3:before{content:"💬"}.comment-section-body{padding:20px 24px}.comment-display{background:#f8fafc;border-left:4px solid #f5a623;border-radius:12px;color:#374151;font-size:14px;line-height:1.6;padding:16px;white-space:pre-wrap;word-break:break-word}.comment-display a{color:#3b82f6;text-decoration:underline}.no-comment-text{color:#9ca3af;font-style:italic;padding:20px;text-align:center}.no-comment-text:before{content:"📝";display:block;font-size:32px;font-style:normal;margin-bottom:8px}.comment-textarea{border:2px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:14px;min-height:120px;padding:14px;resize:vertical;transition:border-color .2s ease;width:100%}.comment-textarea:focus{border-color:#f5a623;box-shadow:0 0 0 3px #f5a6231a;outline:none}.comment-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.comment-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.comment-btn.save{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.comment-btn.save:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.comment-btn.cancel{background:#e2e8f0;color:#64748b}.comment-btn.cancel:hover{background:#cbd5e1}.comment-btn.add,.comment-btn.edit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;margin-top:12px}.comment-btn.add:hover,.comment-btn.edit:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.pdf-viewer-card{align-self:start;animation:slideInRight .5s ease-out .3s both;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;height:fit-content;overflow:visible;position:sticky;top:100px}.pdf-viewer-header{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:20px 24px;text-align:center}.pdf-viewer-header h3{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:10px;justify-content:center;margin:0}.pdf-viewer-header h3:before{content:"📎";font-size:20px}.pdf-size-badge{background:#ffffff1a;border-radius:20px;color:#fffc;display:inline-block;font-size:13px;margin-left:12px;padding:4px 12px}.pdf-viewer-body{padding:24px}.pdf-warning{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;color:#92400e;display:flex;font-size:14px;font-weight:600;gap:12px;margin-bottom:20px;padding:16px 20px}.pdf-warning-icon{font-size:24px}.download-btn{align-items:center;background:linear-gradient(135deg,#f5a623,#f59e0b);border:none;border-radius:14px;box-shadow:0 4px 15px #f5a6234d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-weight:700;gap:10px;justify-content:center;margin-bottom:20px;padding:16px 24px;transition:all .3s ease;width:100%}.download-btn:hover{box-shadow:0 6px 25px #f5a62366;transform:translateY(-2px)}.download-btn .download-icon{font-size:20px}.pdf-embed-container{background:#525659;border-radius:8px;box-shadow:0 2px 12px #0000001a;overflow:hidden;padding:0}.pdf-embed-container .pdf-iframe,.pdf-embed-container .pdf-object,.pdf-embed-container embed{border:none;display:block;height:calc(100vh - 280px);min-height:750px;width:100%}.no-pdf-message{color:#9ca3af;padding:60px 20px;text-align:center}.no-pdf-message:before{content:"📄";display:block;font-size:48px;margin-bottom:16px;opacity:.5}.toggle-review-btn{border-radius:10px!important;font-size:14px!important;font-weight:600!important;padding:12px 20px!important}.edit-form{gap:16px}.edit-form,.edit-form label{display:flex;flex-direction:column}.edit-form label{color:#374151;font-size:13px;font-weight:600;gap:6px}.edit-form input,.edit-form textarea{border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 14px;transition:border-color .2s ease}.edit-form input:focus,.edit-form textarea:focus{border-color:#f5a623;box-shadow:0 0 0 3px #f5a6231a;outline:none}.edit-form textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:12px;margin-top:16px}.form-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-family:inherit;font-size:15px;font-weight:600;padding:14px 20px;transition:all .2s ease}.form-btn.save{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.form-btn.save:hover{box-shadow:0 4px 15px #10b98166;transform:translateY(-2px)}.form-btn.cancel{background:#e2e8f0;color:#64748b}.form-btn.cancel:hover{background:#cbd5e1}@media (max-width:1200px){.invoice-container{gap:24px;grid-template-columns:1fr 1fr;padding:24px 32px}.invoice-header{margin:20px 32px;padding:20px 32px;width:calc(100% - 64px)}}@media (max-width:900px){.invoice-container{gap:24px;grid-template-columns:1fr;padding:20px 24px}.invoice-header{margin:16px 24px;padding:16px 24px;width:calc(100% - 48px)}.pdf-viewer-card{position:relative;top:0}.pdf-embed-container .pdf-iframe,.pdf-embed-container .pdf-object,.pdf-embed-container embed{height:600px;min-height:500px}}@media (max-width:768px){.invoice-header{border-radius:16px;margin:16px;padding:16px 20px;width:calc(100% - 32px)}.invoice-header-content{align-items:stretch;flex-direction:column;gap:12px}.back-btn{width:100%}.back-btn,.client-badge{justify-content:center}.invoice-container{gap:16px;padding:16px}.invoice-info-body{padding:16px}.invoice-field{align-items:flex-start;flex-direction:column;gap:10px}.copy-btn{width:100%}.portal-buttons{flex-direction:column}.portal-btn{justify-content:center;width:100%}.action-buttons{flex-direction:column}.action-btn{justify-content:center;width:100%}.pdf-embed-container embed{height:500px}}@media (max-width:480px){.invoice-header{padding:16px}.invoice-info-header h2{font-size:18px}.field-value{font-size:14px}.pdf-embed-container embed{height:400px}}.email-section{border-top:2px solid #e2e8f0;margin-top:20px;padding-top:20px}.edit-form input[type=checkbox]{accent-color:#f5a623;cursor:pointer;height:20px;margin-left:12px;width:20px}.no-comment{padding:20px;text-align:center}.invoice-info-body::-webkit-scrollbar{width:8px}.invoice-info-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.invoice-info-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.invoice-info-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.invoice-details p:only-child{color:#64748b;font-size:16px;padding:60px 20px;text-align:center}*{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}body,html{background-color:#fff;color:#000;display:flex;flex-direction:column;height:100%;width:100%}.app-container{height:100%}.app-container,.content-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.content-container{padding:80px 20px 20px}button{background-color:#fff;border:1px solid #ccc;color:#000;transition:background-color .3s,color .3s}button:hover{background-color:orange;color:#fff}button.review-button,button.unreview-button{background-color:initial;border:initial;color:#000;color:initial}@media (max-width:1024px){.navbar{padding:10px 20px}.navbar h1{font-size:18px}.nav-links{flex-direction:column;gap:10px}.nav-btn{padding:6px 12px}.form-container{max-width:90%;padding:20px}.invoice-info,.pdf-viewer{max-width:90%;padding:15px}button{font-size:12px;padding:8px 12px}.invoice-list li{align-items:flex-start;flex-direction:column}.invoice-list li button{margin-left:0;margin-top:5px}}@media (max-width:600px){.search-container{padding:0 15px}.home-search-button,.home-search-input{font-size:14px;padding:10px}.content-container{padding:10px}.client-card{padding:15px}.client-card h4{font-size:16px}.client-stats{flex-direction:column;gap:5px}}.admin-page{background:#f8f9fa;box-sizing:border-box;min-height:calc(100vh - 70px);overflow-x:hidden;padding:90px 24px 24px;width:100%}.admin-header{margin:0 auto 24px;max-width:1200px;padding:0 16px}.admin-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.admin-title-section{align-items:center;display:flex;gap:16px}.admin-title{color:#1a1a2e;font-size:32px;font-weight:800;margin:0}.admin-subtitle{color:#64748b;font-size:14px;margin:4px 0 0}.admin-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin:0 auto 24px;max-width:1200px;padding:0 16px}.admin-stat-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;gap:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-stat-card.clickable{cursor:pointer;font-family:inherit}.admin-stat-card.clickable:hover{border-color:#e5e7eb;box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.admin-stat-card.clickable:active{transform:translateY(-2px)}.admin-stat-card.clickable.active{border-color:#f5a623;box-shadow:0 4px 20px #f5a62340}.admin-stat-card.clickable.active:before{background:linear-gradient(90deg,#f5a623,#f59e0b);content:"";height:3px;left:0;position:absolute;right:0;top:0}.filter-active-indicator{animation:pulse-indicator 2s ease-in-out infinite;background:linear-gradient(135deg,#f5a623,#f59e0b);border-radius:50%;box-shadow:0 0 0 3px #f5a62333;height:10px;position:absolute;right:8px;top:8px;width:10px}@keyframes pulse-indicator{0%,to{box-shadow:0 0 0 3px #f5a62333}50%{box-shadow:0 0 0 6px #f5a6231a}}.admin-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.admin-stat-icon.users{background:linear-gradient(135deg,#f5a623,#ffc107)}.admin-stat-icon.admins{background:linear-gradient(135deg,#dc3545,#ff6b6b)}.admin-stat-icon.clients{background:linear-gradient(135deg,#007bff,#3da9fc)}.admin-stat-icon.assigned{background:linear-gradient(135deg,#28a745,#20c997)}.admin-stat-info h4{color:#1a1a2e;font-size:24px;font-weight:700;margin:0}.admin-stat-info p{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.3px;margin:2px 0 0;text-transform:uppercase}.admin-filter-indicator{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fef3c7,#fef9c3);border:1px solid #fde047;border-radius:12px;display:flex;gap:16px;justify-content:center;margin:0 auto 16px;max-width:1200px;padding:12px 20px}.filter-label{color:#854d0e;font-size:14px}.filter-label strong{color:#713f12}.clear-filter-btn{align-items:center;background:#fff;border:1px solid #fde047;border-radius:8px;color:#854d0e;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s ease}.clear-filter-btn:hover{background:#fef3c7;border-color:#facc15;transform:translateY(-1px)}.admin-search-section{margin:0 auto 24px;max-width:1200px;padding:0 16px}.admin-search-wrapper{position:relative;width:100%}.admin-search-icon{color:#9ca3af;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease}.admin-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:15px;padding:14px 16px 14px 48px;transition:all .3s ease;width:100%}.admin-search-input:focus{border-color:#f5a623;box-shadow:0 0 0 4px #f5a6231a;outline:none}.admin-search-input:focus+.admin-search-icon,.admin-search-wrapper:hover .admin-search-icon{color:#f5a623}.admin-users-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin:0 auto;max-width:1200px;padding:0 16px}.admin-user-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000d;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.admin-user-card:before{background:linear-gradient(90deg,#f5a623,#ffc107);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.admin-user-card:hover:before{transform:scaleX(1)}.admin-user-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.admin-user-card.is-admin{border-left:4px solid #dc3545}.admin-user-card.is-current-user{border-left:4px solid #f5a623}.admin-card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;padding:24px 24px 16px}.admin-user-info{flex:1 1;min-width:0}.admin-user-name{align-items:center;color:#1a1a2e;display:flex;font-size:20px;font-weight:700;gap:8px;margin:0 0 4px}.admin-user-email{color:#64748b;font-size:14px;margin:0;word-break:break-all}.admin-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.admin-badge.admin{background:linear-gradient(135deg,#dc3545,#ff6b6b);color:#fff}.admin-badge.user{background:#e2e8f0;color:#64748b}.admin-badge.you{background:linear-gradient(135deg,#f5a623,#ffc107);color:#1a1a2e}.admin-card-body{padding:0 24px 24px}.admin-form-group{margin-bottom:16px}.admin-form-group:last-of-type{margin-bottom:20px}.admin-form-label{color:#64748b;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.admin-client-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;min-height:32px}.admin-client-tag{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:20px;color:#2e7d32;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.admin-no-clients{color:#9ca3af;font-size:13px;font-style:italic;padding:8px 0}.admin-select{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2364748b' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .3s ease;width:100%}.admin-select:focus{box-shadow:0 0 0 4px #f5a6231a;outline:none}.admin-select:focus,.admin-select:hover{border-color:#f5a623}.admin-user-card .react-select__control{border:2px solid #e5e7eb;border-radius:10px;box-shadow:none;min-height:44px;transition:all .3s ease}.admin-user-card .react-select__control:hover{border-color:#f5a623}.admin-user-card .react-select__control--is-focused{border-color:#f5a623;box-shadow:0 0 0 4px #f5a6231a}.admin-user-card .react-select__multi-value{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:16px}.admin-user-card .react-select__multi-value__label{color:#2e7d32;font-weight:600;padding:4px 8px}.admin-user-card .react-select__multi-value__remove{border-radius:0 16px 16px 0;color:#2e7d32}.admin-user-card .react-select__multi-value__remove:hover{background:#c8e6c9;color:#1b5e20}.admin-user-card .react-select__menu{border-radius:12px;box-shadow:0 10px 40px #00000026;overflow:hidden;z-index:9999}.admin-user-card .react-select__option--is-focused{background:#fff8e6}.admin-user-card .react-select__option--is-selected{background:linear-gradient(135deg,#f5a623,#ffc107);color:#1a1a2e}.admin-card-actions{border-top:1px solid #f1f5f9;display:flex;gap:12px;padding-top:16px}.admin-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-btn.update{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a7454d;color:#fff}.admin-btn.update:hover{box-shadow:0 8px 25px #28a74566;transform:translateY(-2px)}.admin-btn.delete{background:#fee2e2;color:#dc2626;flex:0 0 auto;padding:12px 16px}.admin-btn.delete:hover{background:#dc2626;box-shadow:0 8px 25px #dc26264d;color:#fff;transform:translateY(-2px)}.admin-btn:active{transform:translateY(0)}.admin-toast{align-items:center;animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1);border-radius:12px;bottom:32px;box-shadow:0 10px 30px #0003;color:#fff;display:flex;font-weight:600;gap:10px;max-width:400px;padding:16px 24px;position:fixed;right:32px;z-index:10001}.admin-toast.success{background:linear-gradient(135deg,#11998e,#38ef7d)}.admin-toast.error{background:linear-gradient(135deg,#eb3349,#f45c43)}.admin-toast-icon{font-size:20px}.admin-toast-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;margin-left:auto;transition:background .2s;width:24px}.admin-toast-close:hover{background:#ffffff4d}.admin-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:80px}.admin-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#f5a623;height:48px;margin-bottom:16px;width:48px}.admin-empty{color:#64748b;margin:0 auto;max-width:1400px;padding:80px 20px;text-align:center}.admin-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.admin-empty h3{color:#1a1a2e;font-size:20px;margin:0 0 8px}.admin-empty p{font-size:14px;margin:0}.admin-access-denied{align-items:center;background:#f8f9fa;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 70px);padding:20px;text-align:center}.admin-access-denied-icon{font-size:80px;margin-bottom:24px}.admin-access-denied h2{color:#1a1a2e;font-size:28px;margin:0 0 12px}.admin-access-denied p{color:#64748b;font-size:16px;margin:0}.admin-checking{align-items:center;background:#f8f9fa;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 70px);padding:20px;text-align:center}.admin-checking-icon{animation:pulse 2s ease-in-out infinite;font-size:48px;margin-bottom:16px}.admin-checking h3{color:#1a1a2e;font-size:20px;margin:0 0 8px}.admin-checking p{color:#64748b;font-size:14px;margin:0}@media (max-width:1100px){.admin-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.admin-page{padding:85px 16px 16px}.admin-header-content{align-items:flex-start;flex-direction:column}.admin-title{font-size:24px}.admin-users-grid{grid-template-columns:1fr}}@media (max-width:600px){.admin-stats{grid-template-columns:1fr}.admin-stat-card{padding:14px}.admin-card-actions{flex-direction:column}.admin-btn.delete{flex:1 1}.admin-toast{bottom:16px;left:16px;right:16px}}.notification{animation:toastSlideIn .5s cubic-bezier(.34,1.56,.64,1);border-radius:16px;box-shadow:0 10px 40px #0003;max-width:90%;padding:20px 24px;position:fixed;right:20px;top:90px;width:380px;z-index:10000}.notification.error{background:linear-gradient(135deg,#dc3545f2,#b02a37f2);color:#fff}.notification.success{background:linear-gradient(135deg,#28a745f2,#20c997f2);color:#fff}.notification h4{font-size:16px;margin:0 0 8px}.notification p{font-size:14px;margin:0;opacity:.9}.notification .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;position:absolute;right:10px;top:10px;width:28px}.notification .close-btn:hover{background:#ffffff4d}.client-management{background:#f8f9fa;min-height:calc(100vh - 70px);padding:90px 32px 32px}.cm-header{margin:0 auto 32px;max-width:1200px}.cm-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.cm-title-section{align-items:center;display:flex;gap:16px}.cm-title{color:#1a1a2e;font-size:32px;font-weight:800;margin:0}.cm-add-btn{align-items:center;background:linear-gradient(135deg,#f5a623,#ffc107);border:none;border-radius:12px;box-shadow:0 4px 15px #f5a62366;color:#1a1a2e;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cm-add-btn:hover{box-shadow:0 8px 25px #f5a62380;transform:translateY(-2px)}.cm-add-btn:active{transform:translateY(0)}.cm-add-btn .btn-icon{font-size:20px;font-weight:300}.cm-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto 32px;max-width:1200px}.cm-stat-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;gap:16px;padding:24px}.cm-stat-card,.cm-stat-icon{align-items:center;display:flex}.cm-stat-icon{border-radius:14px;font-size:24px;height:56px;justify-content:center;width:56px}.cm-stat-icon.total{background:linear-gradient(135deg,#f5a623,#ffc107)}.cm-stat-icon.active{background:linear-gradient(135deg,#28a745,#20c997)}.cm-stat-icon.recent{background:linear-gradient(135deg,#007bff,#3da9fc)}.cm-stat-info h4{color:#1a1a2e;font-size:28px;font-weight:700;margin:0}.cm-stat-info p{color:#64748b;font-size:13px;font-weight:500;letter-spacing:.5px;margin:4px 0 0;text-transform:uppercase}.cm-search-section{animation:fadeInUp .5s ease .4s backwards;margin:0 auto 24px;max-width:1200px}.cm-search-wrapper{position:relative;width:100%}.cm-search-icon{color:#9ca3af;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease}.cm-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:15px;padding:14px 16px 14px 48px;transition:all .3s ease;width:100%}.cm-search-input:focus{border-color:#f5a623;box-shadow:0 0 0 4px #f5a6231a;outline:none}.cm-search-input:focus+.cm-search-icon,.cm-search-wrapper:hover .cm-search-icon{color:#f5a623}.cm-clients-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin:0 auto;max-width:1200px}.cm-client-card{animation:cardFadeIn .5s ease backwards;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000d;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.cm-client-card:before{background:linear-gradient(90deg,#f5a623,#ffc107);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.cm-client-card:hover:before{transform:scaleX(1)}.cm-client-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cm-card-header{align-items:flex-start;display:flex;justify-content:space-between;padding:24px 24px 16px}.cm-client-name{color:#1a1a2e;flex:1 1;font-size:20px;font-weight:700;margin:0}.cm-card-actions{display:flex;gap:8px}.cm-action-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.cm-action-btn.edit{background:#fff3cd;color:#856404}.cm-action-btn.edit:hover{background:#ffeeba;transform:translateY(-2px)}.cm-action-btn.delete{background:#fee2e2;color:#dc2626}.cm-action-btn.delete:hover{background:#fecaca;transform:translateY(-2px)}.cm-card-body{padding:0 24px 24px}.cm-info-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding:14px 16px;transition:all .2s ease}.cm-info-row:last-child{margin-bottom:0}.cm-info-row:hover{background:#f1f5f9;border-color:#e2e8f0}.cm-info-label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.cm-info-value{color:#334155;font-size:14px;word-break:break-all}.cm-info-value.empty{color:#cbd5e1;font-style:italic}.cm-info-value a{color:#007bff;text-decoration:none;transition:color .2s ease}.cm-info-value a:hover{color:#0056b3;text-decoration:underline}.cm-modal-overlay{align-items:center;animation:overlayFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.cm-modal{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000040;max-width:500px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.cm-modal-header{align-items:center;background:linear-gradient(135deg,#f5a623,#ffc107);color:#1a1a2e;display:flex;justify-content:space-between;padding:24px 28px}.cm-modal-header h3{font-size:20px;font-weight:700;margin:0}.cm-modal-close{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#1a1a2e;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.cm-modal-close:hover{background:#0003;transform:scale(1.1)}.cm-modal-body{padding:28px}.cm-form-group{margin-bottom:20px}.cm-form-group:last-of-type{margin-bottom:24px}.cm-form-label{color:#64748b;display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.cm-form-label .required{color:#ef4444;margin-left:2px}.cm-form-input{border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.cm-form-input:focus{border-color:#f5a623;box-shadow:0 0 0 4px #f5a6231a;outline:none}.cm-form-input::placeholder{color:#9ca3af}.cm-modal-actions{display:flex;gap:12px}.cm-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px 24px;transition:all .3s ease}.cm-btn.primary{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a74566;color:#fff}.cm-btn.primary:hover{box-shadow:0 8px 25px #28a74580;transform:translateY(-2px)}.cm-btn.secondary{background:#f1f5f9;color:#64748b}.cm-btn.secondary:hover{background:#e2e8f0}.cm-toast{align-items:center;animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1);border-radius:12px;bottom:32px;box-shadow:0 10px 30px #0003;color:#fff;display:flex;font-weight:600;gap:10px;padding:16px 24px;position:fixed;right:32px;z-index:10001}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.cm-toast.success{background:linear-gradient(135deg,#11998e,#38ef7d)}.cm-toast.error{background:linear-gradient(135deg,#eb3349,#f45c43)}.cm-toast-icon{font-size:20px}.cm-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px}.cm-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#f5a623;height:48px;margin-bottom:16px;width:48px}.cm-empty{color:#64748b;padding:60px 20px;text-align:center}.cm-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.cm-empty h3{color:#1a1a2e;margin:0 0 8px}.cm-empty p{margin:0}.cm-access-denied{align-items:center;background:#f8f9fa;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.cm-access-denied-icon{font-size:80px;margin-bottom:24px}.cm-access-denied h2{color:#1a1a2e;font-size:28px;margin:0 0 12px}.cm-access-denied p{color:#64748b;font-size:16px;margin:0}@media (max-width:768px){.client-management{padding:20px}.cm-header-content{align-items:flex-start;flex-direction:column}.cm-title{font-size:26px}.cm-clients-grid,.cm-stats{grid-template-columns:1fr}.cm-modal{margin:20px;width:95%}.cm-toast{bottom:16px;left:16px;right:16px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes barGrow{0%{width:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.activity-container{background:linear-gradient(135deg,#f5f7fa,#e4e8ec);margin:0;min-height:calc(100vh - 70px);padding:0;width:100%}.activity-header{animation:fadeInUp .6s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);margin-bottom:0;overflow:hidden;padding:32px 40px;position:relative}.activity-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.activity-header:after{animation:shimmer 8s linear infinite;background:linear-gradient(45deg,#0000 30%,#ffffff08 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.activity-header-content{position:relative;width:100%;z-index:1}.activity-header h1{align-items:center;animation:fadeInLeft .6s ease-out .2s both;color:#fff;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.activity-header h1:before{animation:bounceIn .8s ease-out .4s both;content:"📊";font-size:32px}.activity-subtitle{animation:fadeInUp .6s ease-out .4s both;color:#fff9;font-size:14px;margin:0}.activity-main{animation:fadeInUp .5s ease-out .3s both;padding:24px 40px 40px;width:100%}.mode-toggle-btn{align-items:center;animation:scaleIn .4s ease-out .5s both;background:linear-gradient(135deg,#f5a623,#f59e0b);border:none;border-radius:12px;box-shadow:0 4px 15px #f5a6234d;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:600;gap:10px;margin-bottom:24px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mode-toggle-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.mode-toggle-btn:hover:before{left:100%}.mode-toggle-btn:hover{box-shadow:0 8px 25px #f5a62366;transform:translateY(-3px) scale(1.02)}.mode-toggle-btn:active{transform:translateY(0) scale(.98)}.mode-toggle-btn span{animation:bounceIn .6s ease-out .7s both;font-size:18px}.stats-summary{animation:fadeInUp .5s ease-out .4s both;background:#0000;border-radius:0;box-shadow:none;margin-bottom:24px;padding:0}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{animation:scaleIn .4s ease-out both;background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow:hidden;padding:20px 24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:first-child{animation-delay:.5s}.stat-card:nth-child(2){animation-delay:.6s}.stat-card:nth-child(3){animation-delay:.7s}.stat-card:nth-child(4){animation-delay:.8s}.stat-card:nth-child(5){animation-delay:.9s}.stat-card:nth-child(6){animation-delay:1s}.stat-card:before{background:linear-gradient(90deg,#f5a623,#f59e0b);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .5s ease-out}.stat-card:hover:before{transform:scaleX(1)}.stat-card:after{background:linear-gradient(90deg,#f5a623,#f59e0b);content:"";height:4px;left:0;opacity:.5;position:absolute;right:0;top:0}.stat-card:hover{border-color:#f5a62333;box-shadow:0 12px 30px #f5a62326;transform:translateY(-6px) scale(1.02)}.stat-value{-webkit-text-fill-color:#0000;animation:countUp .6s ease-out .8s both;background:linear-gradient(135deg,#f5a623,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin-bottom:6px}.stat-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.date-controls{align-items:center;animation:fadeInUp .5s ease-out .5s both;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.date-navigation{align-items:center;display:flex;gap:12px}.date-navigation button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.date-navigation button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.date-navigation button:hover:before{height:200px;width:200px}.date-navigation button:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.date-navigation button:active{transform:translateY(0) scale(.98)}.current-month{color:#1a1a2e;font-size:20px;font-weight:700;min-width:180px;text-align:center;transition:all .3s ease}.filters{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px}.filters select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;min-width:140px;padding:12px 16px;transition:all .2s ease}.filters select:focus{border-color:#f5a623;box-shadow:0 0 0 3px #f5a6231a;outline:none}.user-search-dropdown{min-width:280px;position:relative}.search-input-container{display:flex;flex-direction:column;width:100%}.user-search-input{border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease;width:100%}.user-search-input:focus{border-color:#f5a623;box-shadow:0 0 0 3px #f5a6231a;outline:none}.user-search-input::placeholder{color:#9ca3af}.selected-user-display{color:#f5a623;font-size:12px;font-weight:600;margin-top:6px;padding-left:4px}.user-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.user-option{border-bottom:1px solid #f3f4f6;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s ease}.user-option:last-child{border-bottom:none}.user-option:hover{background:linear-gradient(135deg,#fef3c7,#fef9c3)}.user-option.selected{background:linear-gradient(135deg,#f5a623,#f59e0b);color:#fff;font-weight:600}.no-results{color:#9ca3af;font-style:italic;padding:20px;text-align:center}.calendar-header{grid-gap:8px;animation:fadeInUp .5s ease-out .6s both;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.day-header{animation:slideDown .4s ease-out both;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:10px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;padding:12px;text-align:center;text-transform:uppercase}.day-header:first-child{animation-delay:.65s}.day-header:nth-child(2){animation-delay:.7s}.day-header:nth-child(3){animation-delay:.75s}.day-header:nth-child(4){animation-delay:.8s}.day-header:nth-child(5){animation-delay:.85s}.day-header:nth-child(6){animation-delay:.9s}.day-header:nth-child(7){animation-delay:.95s}.calendar-grid{grid-gap:8px;animation:fadeInUp .5s ease-out .8s both;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:24px}.calendar-day{animation:scaleIn .3s ease-out both;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;min-height:100px;overflow:hidden;padding:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.calendar-day:nth-child(7n+1){animation-delay:.85s}.calendar-day:nth-child(7n+2){animation-delay:.87s}.calendar-day:nth-child(7n+3){animation-delay:.89s}.calendar-day:nth-child(7n+4){animation-delay:.91s}.calendar-day:nth-child(7n+5){animation-delay:.93s}.calendar-day:nth-child(7n+6){animation-delay:.95s}.calendar-day:nth-child(7n+7){animation-delay:.97s}.calendar-day:hover{border-color:#f5a623;box-shadow:0 8px 25px #0000001a;cursor:pointer;transform:translateY(-4px) scale(1.02);z-index:2}.calendar-day.other-month{background:#f8fafc;opacity:.35}.calendar-day.other-month:hover{border-color:#0000;box-shadow:0 2px 8px #0000000a;cursor:default;transform:none}.calendar-day.today{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.calendar-day.today .day-number{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;color:#fff;display:inline-block;padding:4px 10px}.calendar-day.selected{background:linear-gradient(135deg,#fef9c3,#fef3c7);border-color:#f5a623;box-shadow:0 4px 20px #f5a62340}.day-number{color:#1a1a2e;font-size:16px;font-weight:700;margin-bottom:8px}.activity-summary{display:flex;flex:1 1;flex-direction:column;gap:4px}.activity-item{align-items:center;background:#f8fafc;border-radius:6px;display:flex;font-size:11px;justify-content:space-between;padding:4px 8px}.activity-item span:first-child{color:#64748b;font-weight:500;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-count{background:linear-gradient(135deg,#f5a623,#f59e0b);border-radius:6px;color:#fff;font-size:11px;font-weight:700;min-width:24px;padding:2px 8px;text-align:center}.activity-details{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;margin-top:24px;overflow:hidden;padding:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.activity-details-header{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;justify-content:space-between;padding:20px 24px}.activity-details-header h2{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.activity-details h2{align-items:center;color:#1a1a2e;display:flex;justify-content:space-between;margin-bottom:15px}.close-button{align-items:center;background:#ffffff1a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-button:hover{background:#fff3;transform:scale(1.1)}.activity-details-body{padding:24px}.details-summary{align-items:center;animation:fadeInUp .4s ease-out;background:linear-gradient(135deg,#fef9c3,#fef3c7);border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:16px 20px}.summary-count{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f5a623,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.summary-text{color:#374151;font-size:15px;font-weight:500}.activity-table{border-collapse:initial;border-spacing:0;width:100%}.activity-table th{background:#f8fafc;border-bottom:2px solid #e5e7eb;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.activity-table th:first-child{border-radius:10px 0 0 0}.activity-table th:last-child{border-radius:0 10px 0 0}.activity-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:14px 16px}.activity-table tr:hover td{background:#fefce8}.activity-table tr:last-child td{border-bottom:none}.no-data{color:#9ca3af;font-size:15px;padding:40px 20px;text-align:center}.no-data:before{content:"📭";display:block;font-size:40px;margin-bottom:12px}.loading-spinner{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:16px;gap:16px;height:300px;justify-content:center}.loading-spinner:before{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#f5a623;content:"";height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.compare-section{animation:fadeInUp .5s ease-out .3s both;background:#fff;border-radius:20px;box-shadow:0 4px 25px #00000014;overflow:hidden;padding:0;width:100%}.compare-section-header{background:linear-gradient(135deg,#1a1a2e,#16213e);overflow:hidden;padding:24px 28px;position:relative}.compare-section-header:before{animation:shimmer 8s linear infinite;background:linear-gradient(45deg,#0000 30%,#ffffff08 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.compare-section-header h2{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;gap:12px;margin:0;position:relative;z-index:1}.compare-section-header h2:before{content:"📊";font-size:24px}.compare-section-body{padding:28px}.compare-header{align-items:center;animation:fadeInUp .4s ease-out .4s both;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:14px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:28px;padding:20px}.compare-header label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:10px}.compare-header label span{color:#64748b}.compare-header input[type=date]{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease}.compare-header input[type=date]:hover{border-color:#cbd5e1}.compare-header input[type=date]:focus{border-color:#f5a623;box-shadow:0 0 0 4px #f5a62326;outline:none}.compare-users-bar{flex-direction:column}.compare-users-bar,.user-bar-row{display:flex;gap:16px;padding:8px 0}.user-bar-row{align-items:center;animation:fadeInLeft .5s ease-out both;opacity:0}.user-bar-row:first-child{animation-delay:.1s}.user-bar-row:nth-child(2){animation-delay:.15s}.user-bar-row:nth-child(3){animation-delay:.2s}.user-bar-row:nth-child(4){animation-delay:.25s}.user-bar-row:nth-child(5){animation-delay:.3s}.user-bar-row:nth-child(6){animation-delay:.35s}.user-bar-row:nth-child(7){animation-delay:.4s}.user-bar-row:nth-child(8){animation-delay:.45s}.user-bar-row:nth-child(9){animation-delay:.5s}.user-bar-row:nth-child(10){animation-delay:.55s}.user-bar-row:hover{transform:translateX(4px)}.user-bar-row:hover .user-bar-inner{filter:brightness(1.1)}.user-rank{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.user-rank.gold{background:linear-gradient(135deg,gold,#ffb347);box-shadow:0 2px 8px #ffd70066;color:#7c4a03}.user-rank.silver{background:linear-gradient(135deg,silver,#a8a8a8);box-shadow:0 2px 8px #c0c0c066;color:#555}.user-rank.bronze{background:linear-gradient(135deg,#cd7f32,#b8860b);box-shadow:0 2px 8px #cd7f3266;color:#fff}.user-rank.normal{background:#f3f4f6;color:#6b7280}.user-bar-label{color:#374151;font-size:14px;font-weight:600;max-width:160px;min-width:160px;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.user-bar-row:hover .user-bar-label{color:#f5a623}.user-bar-outer{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);box-shadow:inset 0 2px 4px #0000000f;display:flex;flex:1 1;height:44px;overflow:hidden}.user-bar-inner,.user-bar-outer{border-radius:12px;position:relative}.user-bar-inner{animation:barGrow 1s ease-out both;background:linear-gradient(90deg,#f5a623,#f59e0b 40%,#fbbf24 80%,#fcd34d);box-shadow:0 2px 10px #f5a6234d;height:100%;min-width:8px;transition:all .8s cubic-bezier(.4,0,.2,1)}.user-bar-inner:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);background-size:200% 100%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.user-bar-count{animation:countUp .5s ease-out .6s both;color:#1a1a2e;font-size:16px;font-weight:700;position:absolute;right:16px;text-shadow:0 1px 2px #fffc}.compare-empty{color:#9ca3af;padding:60px 20px;text-align:center}.compare-empty:before{animation:bounceIn .6s ease-out;content:"📭";display:block;font-size:48px;margin-bottom:16px}.compare-empty p{font-size:16px;margin:0}.compare-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.compare-loading:before{animation:spin .8s linear infinite;border-color:#f5a623 #f59e0b #e5e7eb #e5e7eb;border-radius:50%;border-style:solid;border-width:4px;content:"";height:56px;width:56px}.compare-loading div{animation:pulse 1.5s ease-in-out infinite;font-size:16px;font-weight:500}.chart-type-toggle{background:#f3f4f6;border-radius:14px;display:flex;gap:8px;margin-bottom:24px;padding:6px;width:fit-content}.chart-type-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.chart-type-btn:hover{background:#fffc;color:#374151}.chart-type-btn.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#f5a623}.chart-type-btn .chart-icon{font-size:18px;transition:transform .3s ease}.chart-type-btn:hover .chart-icon{transform:scale(1.1)}.chart-type-btn.active .chart-icon{animation:bounceIn .4s ease-out}.chart-container{animation:fadeInUp .4s ease-out}.donut-chart-container{align-items:center;display:flex;flex-wrap:wrap;gap:48px;justify-content:center;padding:24px}.donut-chart{height:220px;position:relative;width:220px}.donut-svg{height:100%;transform:scale(1.3);width:100%}.donut-segment{animation:donutGrow 1s ease-out both;transition:all .3s ease}@keyframes donutGrow{0%{stroke-dasharray:0 1000}}.donut-segment:hover{filter:brightness(1.1);transform-origin:center}.donut-total-label{fill:#64748b;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.donut-total-value{fill:#1a1a2e;font-size:24px;font-weight:700}.donut-legend{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding-right:8px}.legend-item{align-items:center;animation:fadeInLeft .4s ease-out both;background:#f8fafc;border-radius:10px;display:flex;gap:12px;padding:10px 14px;transition:all .2s ease}.legend-item:hover{background:#f1f5f9;transform:translateX(4px)}.legend-color{border-radius:4px;flex-shrink:0;height:14px;width:14px}.legend-name{color:#374151;flex:1 1;font-size:14px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-value{color:#1a1a2e;font-size:14px;font-weight:700;min-width:40px;text-align:right}.legend-percent{color:#f5a623;font-size:12px;font-weight:600;min-width:50px;text-align:right}.area-chart-container{overflow-x:auto;padding:16px}.area-chart-svg{display:block;height:auto;width:100%}.area-path{animation:areaFadeIn 1s ease-out both}@keyframes areaFadeIn{0%{opacity:0}to{opacity:1}}.line-path{stroke-linecap:round;stroke-linejoin:round;animation:lineDrawIn 1.5s ease-out both}@keyframes lineDrawIn{0%{stroke-dasharray:1000;stroke-dashoffset:1000}to{stroke-dashoffset:0}}.data-point-group{animation:bounceIn .5s ease-out both}.data-point{cursor:pointer;transition:all .2s ease}.data-point:hover{r:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.point-value{fill:#1a1a2e;animation:countUp .4s ease-out both;font-size:11px;font-weight:700}.axis-label{fill:#9ca3af}.axis-label,.x-axis-label{font-size:10px;font-weight:500}.x-axis-label{fill:#64748b}@media (max-width:1024px){.activity-header{padding:24px 20px}.activity-main{padding:20px}.date-controls{align-items:stretch;flex-direction:column;gap:16px}.date-navigation{flex-wrap:wrap;justify-content:center}.filters{align-items:stretch;flex-direction:column;justify-content:center}.user-search-dropdown{min-width:100%}.compare-header{align-items:stretch;flex-direction:column}.compare-header label{justify-content:space-between;width:100%}.compare-header input[type=date]{flex:1 1}}@media (max-width:768px){.activity-header{padding:20px 16px}.activity-header h1{font-size:20px}.activity-header h1:before{font-size:24px}.activity-subtitle{font-size:13px}.activity-main{padding:16px}.mode-toggle-btn{padding:14px 20px}.chart-type-toggle,.mode-toggle-btn{justify-content:center;width:100%}.chart-type-btn{flex:1 1;justify-content:center;padding:10px 14px}.chart-type-btn .chart-label{display:none}.donut-chart-container{flex-direction:column;gap:24px;padding:16px}.donut-chart{height:180px;width:180px}.donut-legend{max-height:200px;width:100%}.legend-name{max-width:100px}.area-chart-container{padding:8px}.area-chart-svg{min-width:400px}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-value{font-size:24px}.stat-label{font-size:11px}.date-controls{padding:16px}.date-navigation button{font-size:13px;padding:10px 14px}.current-month{font-size:16px;min-width:auto}.calendar-header{gap:4px}.day-header{border-radius:8px;font-size:11px;padding:8px 4px}.calendar-grid{gap:4px}.calendar-day{border-radius:10px;min-height:60px;padding:8px}.day-number{font-size:13px}.activity-item{display:none}.calendar-day.has-activity:after{background:linear-gradient(135deg,#f5a623,#f59e0b);border-radius:50%;bottom:6px;box-shadow:0 2px 4px #f5a62366;content:"";height:8px;left:50%;position:absolute;transform:translateX(-50%);width:8px}.compare-section-header{padding:18px 16px}.compare-section-header h2{font-size:17px}.compare-section-body{padding:16px}.compare-header{gap:14px;padding:16px}.user-bar-row{gap:10px}.user-rank{font-size:12px;height:28px;width:28px}.user-bar-label{font-size:12px;max-width:80px;min-width:80px}.user-bar-outer{height:36px}.user-bar-count{font-size:13px;right:10px}.activity-details{border-radius:16px;margin-top:16px}.activity-details-header{padding:16px}.activity-details-header h2{font-size:16px}.activity-details-body{padding:16px}.activity-table td,.activity-table th{font-size:13px;padding:10px 12px}}@media (max-width:480px){.activity-header h1{font-size:18px}.stats-grid{gap:8px;grid-template-columns:1fr 1fr}.stat-card{padding:12px}.stat-value{font-size:20px}.date-navigation{gap:8px}.date-navigation button{font-size:12px;padding:8px 12px}.current-month{font-size:14px}.calendar-day{min-height:50px;padding:6px}.day-number{font-size:12px}.user-bar-label{font-size:11px;max-width:60px;min-width:60px}.user-rank{font-size:11px;height:24px;width:24px}.filters select,.user-search-input{font-size:13px;padding:10px 12px}}
/*# sourceMappingURL=main.603824ac.css.map*/