@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--primary-color:#711b45;--primary-dark:#5a1536;--primary-light:#8b2254;--secondary-color:#a8336b;--accent-color:#c44569;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#e2e8f0;--bg-card:#fffffff2;--bg-overlay:#f8fafcfa;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-color:#94a3b84d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #00000026;--shadow-xl:0 20px 25px -5px #00000026;--shadow-glow:0 0 20px #711b4533;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--breakpoint-mobile:320px;--breakpoint-tablet:768px;--breakpoint-desktop:1200px;--breakpoint-desktop-lg:1920px;--header-height-mobile:60px;--header-height-tablet:70px;--header-height-desktop:80px;--btn-height-sm:36px;--btn-height-md:44px;--btn-height-lg:52px;--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--icon-size-xl:32px}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f0f9ff,#e0f2fe 50%,#f0f9ff);background-attachment:fixed;color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{background:radial-gradient(circle at 20% 50%,#711b450d 0,#0000 50%),radial-gradient(circle at 80% 80%,#a8336b0d 0,#0000 50%),radial-gradient(circle at 40% 20%,#c445690d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#711b45;background:var(--primary-color);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#8b2254;background:var(--primary-light)}.container{margin:0 auto;max-width:1400px;padding:2rem;padding:var(--spacing-xl);width:100%}@media (min-width:1920px){.container{max-width:1600px}}@media (min-width:1200px) and (max-width:1919px){.container{max-width:1400px;padding:1.5rem;padding:var(--spacing-lg)}}@media (min-width:768px) and (max-width:1199px){.container{max-width:100%;padding:1rem;padding:var(--spacing-md)}}@media (max-width:767px){.container{max-width:100%;padding:.5rem;padding:var(--spacing-sm)}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--bg-card);border:1px solid #94a3b84d;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #00000026;box-shadow:var(--shadow-lg);padding:2rem;padding:var(--spacing-xl);transition:all .25s ease-in-out;transition:all var(--transition-base)}.card:hover{border-color:#711b4566;box-shadow:0 20px 25px -5px #00000026;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card-sm{border-radius:.75rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--spacing-md)}.card-lg{border-radius:1.5rem;border-radius:var(--radius-2xl);padding:3rem;padding:var(--spacing-2xl)}@media (max-width:767px){.card{border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--spacing-lg)}.card-lg{padding:2rem;padding:var(--spacing-xl)}}.btn{align-items:center;border:2px solid #0000;border-radius:.75rem;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);gap:.5rem;gap:var(--spacing-sm);height:44px;height:var(--btn-height-md);justify-content:center;line-height:1;padding:0 1.5rem;padding:0 var(--spacing-lg);text-decoration:none;transition:all .25s ease-in-out;white-space:nowrap}.btn-sm{font-size:.875rem;gap:.25rem;gap:var(--spacing-xs);height:36px;height:var(--btn-height-sm);padding:0 1rem;padding:0 var(--spacing-md)}.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);height:52px;height:var(--btn-height-lg);padding:0 2rem;padding:0 var(--spacing-xl)}.btn-primary{background:linear-gradient(135deg,#711b45,#8b2254);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);box-shadow:0 4px 6px -1px #0000001a}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a1536,#711b45);background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-color) 100%);box-shadow:0 0 20px #711b4533}.btn-secondary{border-color:#94a3b84d;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1e293b}.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#711b45;color:#711b45;color:var(--primary-color)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 6px -1px #0000001a}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 6px -1px #0000001a}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-color) 0,#d97706 100%);box-shadow:0 4px 6px -1px #0000001a}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px)}.btn-outline{background:#0000;border-color:#711b45;border-color:var(--primary-color);color:#711b45;color:var(--primary-color)}.btn-outline:hover:not(:disabled){background:#711b45;background:var(--primary-color);color:#fff}.btn-ghost{background:#0000;box-shadow:none;color:#1e293b;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background:#f8fafc;background:var(--bg-secondary)}.btn:disabled{opacity:.5}.btn:active:not(:disabled){transform:translateY(0)!important}.btn svg{flex-shrink:0;height:20px;height:var(--icon-size-md);width:20px;width:var(--icon-size-md)}.btn-sm svg{height:16px;height:var(--icon-size-sm);width:16px;width:var(--icon-size-sm)}.btn-lg svg{height:24px;height:var(--icon-size-lg);width:24px;width:var(--icon-size-lg)}@media (max-width:767px){.btn{font-size:.875rem;font-size:var(--font-size-sm);height:36px;height:var(--btn-height-sm);padding:0 1rem;padding:0 var(--spacing-md)}.btn-lg{font-size:1rem;font-size:var(--font-size-base);height:44px;height:var(--btn-height-md);padding:0 1.5rem;padding:0 var(--spacing-lg)}}.form-group{margin-bottom:1.5rem}.form-label{color:#475569;display:block;font-size:.875rem;letter-spacing:.5px;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #94a3b84d;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;min-height:44px;min-height:var(--btn-height-md);padding:1rem;padding:var(--spacing-md);transition:all .25s ease-in-out;transition:all var(--transition-base);width:100%}.form-textarea{height:auto;min-height:120px;padding:1rem;padding:var(--spacing-md)}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;border-color:#711b45;border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a;outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f8fafc;background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.form-error{align-items:center;color:#ef4444;color:var(--error-color);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.25rem;gap:var(--spacing-xs);margin-top:.25rem;margin-top:var(--spacing-xs)}@media (max-width:767px){.form-input,.form-select{height:36px;height:var(--btn-height-sm)}.form-input,.form-select,.form-textarea{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.form-textarea{min-height:100px}.form-label{font-size:.75rem;font-size:var(--font-size-xs)}}.app-logo{height:100px;object-fit:contain;width:100px}@media (max-width:767px){.app-logo{height:70px;width:70px}}@media (max-width:480px){.app-logo{height:60px;width:60px}}@media (min-width:1920px){.app-logo{height:120px;width:120px}}.app-logo-large{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(113,27,69,.3));height:140px;object-fit:contain;width:140px}@media (max-width:767px){.app-logo-large{height:110px;width:110px}}@media (max-width:480px){.app-logo-large{height:90px;width:90px}}@media (min-width:1920px){.app-logo-large{height:160px;width:160px}}.page-header{grid-gap:2rem;grid-gap:var(--spacing-xl);align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--bg-card);border:1px solid #94a3b84d;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #00000026;box-shadow:var(--shadow-lg);display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:auto 1fr auto;margin-bottom:2rem;margin-bottom:var(--spacing-xl);overflow:hidden;padding:2rem;padding:var(--spacing-xl);position:relative}.page-header:before{background:linear-gradient(90deg,#711b45,#a8336b,#c44569);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.page-header-text{text-align:center}.page-header-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b2254,#a8336b);background:linear-gradient(135deg,var(--primary-light),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.page-header-text p{color:#64748b;color:var(--text-muted);font-size:1rem;font-size:var(--font-size-base);margin:0}.page-header-actions{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.page-header-actions .user-info{color:#475569;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.875rem;font-size:var(--font-size-sm);gap:.25rem;gap:var(--spacing-xs);text-align:right}.page-header-actions .user-info strong{color:#1e293b;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600}.page-header-actions .user-role{color:#64748b;color:var(--text-muted);font-size:.75rem;font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.page-header-actions .btn-back{background:#e2e8f0;background:var(--bg-tertiary);border:2px solid #94a3b84d;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .25s ease-in-out;transition:all var(--transition-base)}.page-header-actions .btn-back:hover{background:#f8fafc;background:var(--bg-secondary);border-color:#711b45;border-color:var(--primary-color);transform:translateY(-2px)}@media (max-width:768px){.page-header{gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr;padding:1.5rem;padding:var(--spacing-lg);text-align:center}.page-header .app-logo{margin:0 auto}.page-header-text{order:2}.page-header-actions{align-items:center;order:3;width:100%}.page-header-actions .user-info{text-align:center}.page-header-text h1{font-size:1.5rem;font-size:var(--font-size-2xl)}.page-header-text p{font-size:.875rem;font-size:var(--font-size-sm)}}@media (max-width:480px){.page-header{padding:1rem;padding:var(--spacing-md)}.page-header-text h1{font-size:1.25rem;font-size:var(--font-size-xl)}.page-header-text p{font-size:.75rem;font-size:var(--font-size-xs)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in-right{animation:slideInRight .5s ease-out}.spinner{border:3px solid #e2e8f0;border-top:3px solid #711b45;border:3px solid var(--bg-tertiary);border-top-color:var(--primary-color)}.alert{border-left:4px solid;border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.alert-success{border-color:#10b981;border-color:var(--success-color);color:#10b981}.alert-error{border-color:#ef4444;border-color:var(--error-color);color:#ef4444}.alert-info{background:#3b82f61a;border-color:#3b82f6;border-color:var(--info-color);color:#3b82f6;color:var(--info-color)}@media (max-width:767px){.container{padding:.5rem;padding:var(--spacing-sm)}.card{padding:1.5rem;padding:var(--spacing-lg)}body{font-size:.875rem;font-size:var(--font-size-sm)}}@media (min-width:768px) and (max-width:1199px){.container{padding:1rem;padding:var(--spacing-md)}}@media (min-width:1200px){.container{padding:1.5rem;padding:var(--spacing-lg)}}@media (min-width:1920px){:root{--font-size-base:1.0625rem;--font-size-lg:1.1875rem;--font-size-xl:1.375rem;--font-size-2xl:1.625rem;--font-size-3xl:2rem}}.login-container{background:#fff;display:flex;min-height:100vh}.login-brand-panel{align-items:center;background:var(--primary-color);background:linear-gradient(160deg,var(--primary-dark) 0,var(--primary-color) 50%,var(--secondary-color) 100%);display:flex;justify-content:center;overflow:hidden;padding:var(--spacing-2xl);position:relative;width:42%}.login-brand-panel:before{background:#ffffff0f;border-radius:50%;bottom:-80px;content:"";height:300px;position:absolute;right:-80px;width:300px}.login-brand-panel:after{background:#ffffff0a;border-radius:50%;content:"";height:200px;left:-40px;position:absolute;top:-60px;width:200px}.login-brand-inner{position:relative;text-align:center;z-index:1}.login-brand-logo{filter:brightness(0) invert(1);height:100px;margin-bottom:var(--spacing-xl);object-fit:contain;opacity:.95;width:100px}.login-brand-name{color:#fff;font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.3px;line-height:1.2;margin-bottom:var(--spacing-sm)}.login-brand-tagline{color:#ffffffb8;font-size:var(--font-size-base);font-weight:400;letter-spacing:.2px}.login-form-panel{align-items:center;background:#f8f9fa;display:flex;flex:1 1;justify-content:center;padding:var(--spacing-2xl)}.login-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 4px 20px #00000014;max-width:420px;padding:var(--spacing-2xl);width:100%}.login-header{margin-bottom:var(--spacing-2xl)}.login-header h1{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.3px;margin-bottom:var(--spacing-xs)}.login-header p{color:var(--text-muted);line-height:1.5}.form-label,.login-header p{font-size:var(--font-size-sm)}.form-label{align-items:center;color:var(--text-secondary);display:flex;font-weight:600;gap:var(--spacing-xs);margin-bottom:6px}.login-submit-btn{margin-top:var(--spacing-md);width:100%}.fade-in{animation:fadeIn .35s ease both}@media (max-width:900px){.login-brand-panel{width:36%}}@media (max-width:640px){.login-container{flex-direction:column}.login-brand-panel{min-height:220px;padding:var(--spacing-xl) var(--spacing-lg);width:100%}.login-brand-logo{height:70px;margin-bottom:var(--spacing-md);width:70px}.login-brand-name{font-size:var(--font-size-xl)}.login-brand-tagline{font-size:var(--font-size-sm)}.login-form-panel{align-items:flex-start;padding:var(--spacing-lg) var(--spacing-md);padding-top:var(--spacing-xl)}.login-card{background:#0000;border:none;box-shadow:none;max-width:100%;padding:var(--spacing-xl)}}.visitor-selection-container{align-items:center;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative}.visitor-selection-container:before{background-color:#ffffffd9;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.visitor-selection-content{background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:1400px;padding:4rem;position:relative;width:100%;z-index:2}.visitor-selection-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:2rem;margin-bottom:3.5rem;padding-bottom:2.5rem}.visitor-selection-logo{height:90px;object-fit:contain;width:90px}.visitor-selection-header h1{color:#1f2937;font-size:2.25rem;font-weight:700;margin:0}.visitor-selection-header p{color:#6b7280;font-size:1.15rem;margin:.5rem 0 0}.visitor-selection-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2rem}.visitor-selection-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:180px;overflow:hidden;padding:3rem 2.5rem;position:relative;transition:all .3s ease}.visitor-selection-card:before{background:var(--card-color);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.visitor-selection-card:hover{border-color:var(--card-color);box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.visitor-selection-card:hover:before{transform:scaleX(1)}.visitor-selection-card h3{color:#1f2937;font-size:1.75rem;font-weight:600;margin:0 0 .75rem}.visitor-selection-card p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin:0}.visitor-selection-arrow{bottom:1.5rem;color:var(--card-color);font-size:1.75rem;opacity:0;position:absolute;right:1.5rem;transform:translateX(-10px);transition:all .3s ease}.visitor-selection-card:hover .visitor-selection-arrow{opacity:1;transform:translateX(0)}.visitor-selection-footer{border-top:2px solid #e5e7eb;padding-top:2rem;text-align:center}.visitor-selection-footer p{color:#6b7280;font-size:.9rem;margin:0}.fade-in{animation:fadeIn .5s ease forwards;opacity:0}@media (max-width:768px){.visitor-selection-content{padding:2rem}.visitor-selection-header{flex-direction:column;text-align:center}.visitor-selection-header h1{font-size:1.5rem}.visitor-selection-grid{grid-template-columns:1fr}}.visitor-entries-container{background-attachment:fixed;background-position:50%;background-size:cover;min-height:100vh;padding:2rem;position:relative}.visitor-entries-container:before{background-color:#ffffffd9;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.visitor-entries-content{margin:0 auto;max-width:1400px;position:relative;z-index:2}.alert{border-radius:8px;margin-bottom:1.5rem;padding:1rem}.alert-success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.alert-error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.filters-section{flex-direction:column;margin-bottom:2rem}.search-form{display:flex;gap:1rem}.search-input{border:2px solid #e5e7eb;font-size:1rem;padding:.75rem}.search-input:focus{border-color:#3b82f6}.filter-controls{display:flex;flex-wrap:wrap;gap:1rem}.filter-select{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem}.filter-select:focus{border-color:#3b82f6}.btn{border-radius:8px;font-size:1rem;padding:.75rem 1.5rem}.btn-secondary{background:#6b7280}.btn-secondary:hover{background:#4b5563}.empty-state,.loading-state{color:#6b7280;font-size:1.1rem;padding:3rem}.entries-table-container{-webkit-overflow-scrolling:touch;border:2px solid #e5e7eb;border-radius:12px}.entries-table thead{background:#fff}.entries-table th{background:linear-gradient(135deg,#711b45,#8b2252);border-bottom:2px solid #e5e7eb;color:#fff;padding:1rem}.entries-table th:first-child{border-top-left-radius:8px}.entries-table th:last-child{border-top-right-radius:8px}.entries-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;padding:1rem}.entries-table tbody tr:hover{background:#f9fafb}.purpose-cell{max-width:200px}.notes-cell{color:#6b7280;font-style:italic;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-badge{border-radius:12px;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.status-checked-in,.type-badge{background:#dbeafe;color:#1e40af}.status-verified{background:#d1fae5;color:#065f46}.status-rejected{background:#fee2e2;color:#991b1b}.status-checked-out{background:#e5e7eb;color:#374151}.btn-verify{background:#10b981;border-radius:6px;font-size:.875rem;margin-right:.5rem;padding:.5rem 1rem;transition:background .3s}.btn-verify:hover{background:#059669}.btn-reject{background:#ef4444;font-size:.875rem;margin-right:.5rem;padding:.5rem 1rem;transition:background .3s}.btn-reject:hover{background:#dc2626}.btn-view-resume{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:1.2rem;margin-left:.5rem;padding:.5rem;text-decoration:none;transition:background .3s}.btn-view-resume:hover{background:#2563eb}.verified-text{color:#10b981;font-weight:500}.rejected-text{color:#ef4444;font-weight:500}@media (max-width:768px){.visitor-entries-container{padding:var(--spacing-md)}.visitor-entries-content{padding:var(--spacing-lg)}.visitor-entries-header{align-items:center;flex-direction:column;gap:var(--spacing-md)}.header-text{text-align:center}.header-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#711b45,#8b2252);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.header-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.user-info{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.filter-controls,.search-form{flex-direction:column}.btn,.filter-select{width:100%}.entries-table-container{border-radius:0;margin:0 calc(var(--spacing-lg)*-1);width:calc(100% + var(--spacing-lg)*2)}.entries-table{font-size:var(--font-size-sm)}.entries-table td,.entries-table th{padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}.entries-table td:first-child,.entries-table th:first-child{background:#fff;left:0;position:-webkit-sticky;position:sticky;z-index:10}.entries-table thead th:first-child{background:linear-gradient(135deg,#711b45,#8b2252);color:#fff}}@media (max-width:480px){.visitor-entries-container{padding:var(--spacing-sm)}.visitor-entries-content{padding:var(--spacing-md)}.visitor-entries-header{padding-bottom:var(--spacing-md)}.header-text h1{font-size:var(--font-size-lg)}.header-text p{font-size:var(--font-size-sm)}.entries-table-container{margin:0 calc(var(--spacing-md)*-1);width:calc(100% + var(--spacing-md)*2)}.entries-table{width:100%}}.user-profile-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:20px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:8px 16px;transition:all .3s}.user-profile-button:hover{background:#f8f9fa;border-color:#007bff;box-shadow:0 2px 8px #007bff33}.profile-button-photo{border:2px solid #007bff;border-radius:50%;height:32px;object-fit:cover;width:32px}.profile-button-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.profile-button-name{font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.profile-button-name{display:none}.user-profile-button{border-radius:50%;padding:8px}}.logout-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease;white-space:nowrap}.logout-icon{font-size:1.1rem}.logout-icon,.logout-text{flex-shrink:0}.logout-button-default{background:#e74c3c;color:#fff}.logout-button-default:hover{background:#c0392b;box-shadow:0 4px 8px #e74c3c4d;transform:translateY(-1px)}.logout-button-default:active{transform:translateY(0)}.logout-button-secondary{background:#6c757d;color:#fff}.logout-button-secondary:hover{background:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-1px)}.logout-button-outline{background:#0000;border:2px solid #e74c3c;color:#e74c3c}.logout-button-outline:hover{background:#e74c3c;color:#fff}.logout-button-small{font-size:.85rem;padding:.4rem .8rem}.logout-button-small .logout-icon{font-size:1rem}@media (max-width:768px){.logout-button{font-size:.85rem;padding:.5rem 1rem}.logout-text{display:none}.logout-button{border-radius:50%;height:40px;justify-content:center;padding:.6rem;width:40px}.logout-icon{margin:0}}.purpose-container{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;min-height:100vh;padding:var(--spacing-xl);position:relative}.purpose-container:before{background-color:#ffffffe0;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.purpose-content{margin:0 auto;max-width:1400px;position:relative;width:100%;z-index:2}.purpose-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:var(--spacing-2xl);overflow:hidden;padding:var(--spacing-xl);position:relative}.purpose-header:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));content:"";height:3px;left:0;position:absolute;right:0;top:0}.purpose-header-content{align-items:center;display:flex;gap:var(--spacing-lg)}.purpose-header-actions{align-items:center;display:flex;gap:var(--spacing-md)}.purpose-header h1{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.3px;margin-bottom:var(--spacing-xs)}.purpose-header p{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500}.purpose-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:var(--spacing-2xl)}.purpose-card{align-items:center;border-top:3px solid var(--card-color);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;overflow:hidden;padding:var(--spacing-2xl);position:relative;text-align:center;transition:all var(--transition-base)}.purpose-card:hover{background:linear-gradient(to bottom,#fffffff2,var(--bg-card));border-top-width:4px;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.purpose-card h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.3px;line-height:1.3;margin-bottom:var(--spacing-sm)}.purpose-card p{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500;line-height:1.5;margin:0}.disabled-card{cursor:not-allowed!important;opacity:.55}.disabled-card:hover{background:var(--bg-card)!important;border-top-width:3px!important;box-shadow:var(--shadow-sm)!important;transform:none!important}.coming-soon-overlay{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 6px #f59e0b59;font-weight:600;letter-spacing:.3px;padding:4px 10px;right:12px;top:12px}.coming-soon-overlay,.purpose-badge{border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);position:absolute;z-index:10}.purpose-badge{align-items:center;animation:pulse 2s ease-in-out infinite;background:var(--error-color);box-shadow:0 2px 8px #ef444466;display:flex;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px;right:14px;top:14px}@media (max-width:768px){.purpose-container{padding:var(--spacing-md)}.purpose-header{border-radius:var(--radius-lg);gap:var(--spacing-lg);padding:var(--spacing-lg);text-align:center}.purpose-header,.purpose-header-content{flex-direction:column}.purpose-header h1{font-size:var(--font-size-xl)}.purpose-header-actions{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;width:100%}.purpose-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.purpose-card{min-height:160px;padding:var(--spacing-xl)}.purpose-card h3{font-size:var(--font-size-lg)}}@media (max-width:480px){.purpose-container{padding:var(--spacing-sm)}.purpose-header{border-radius:var(--radius-md);padding:var(--spacing-md)}.purpose-card{padding:var(--spacing-lg)}}.form-container{align-items:flex-start;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-xl);position:relative}.form-container:before{background-color:#ffffffd9;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.form-wrapper{margin-top:var(--spacing-xl);max-width:900px;position:relative;width:100%;z-index:1}.form-header{grid-gap:var(--spacing-xl);align-items:center;border-bottom:2px solid var(--border-color);display:grid;gap:var(--spacing-xl);grid-template-columns:auto 1fr auto;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl)}.form-logo{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(113,27,69,.3));height:80px;width:80px}.form-header-text{text-align:center}.form-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-light),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-3xl);font-weight:700;margin:0 0 var(--spacing-sm) 0}.form-header p{color:var(--text-muted);font-size:var(--font-size-base);margin:0}.form-header-actions{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-user-info{color:var(--text-secondary);font-size:var(--font-size-sm);text-align:right}.btn-back-form,.form-user-info strong{color:var(--text-primary);font-weight:600}.btn-back-form{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base)}.btn-back-form:hover{background:var(--bg-secondary);border-color:var(--primary-color);transform:translateY(-2px)}.visitor-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-actions{border-top:1px solid var(--border-color);margin-top:var(--spacing-xl)}.form-actions .btn{min-width:150px}.form-input:focus,.form-select:focus,.form-textarea:focus{transform:translateY(-2px)}@media (max-width:768px){.form-container{padding:var(--spacing-md)}.form-wrapper{margin-top:0}.form-header{gap:var(--spacing-md);grid-template-columns:1fr;text-align:center}.form-logo{height:60px;margin:0 auto;width:60px}.form-header-text{order:2}.form-header-actions{align-items:center;flex-direction:row;justify-content:space-between;order:3;width:100%}.form-user-info{text-align:left}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.form-icon{font-size:3rem}.form-header h2{font-size:var(--font-size-2xl)}}.form-input.error,.form-select.error,.form-textarea.error{background-color:#fff5f5;border-color:#dc3545!important}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{border-color:#dc3545!important;box-shadow:0 0 0 .2rem #dc354540!important}.error-message{animation:fadeIn .3s ease-in;color:#dc3545;display:block;margin-top:.25rem}.form-input.success,.form-select.success,.form-textarea.success{background-color:#f0fff4;border-color:#28a745}.monthly-documents-container{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;padding:var(--spacing-xl);position:relative}.monthly-documents-container:before{background-color:#ffffffd9;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.monthly-content{margin:0 auto;max-width:1400px;position:relative;z-index:2}.filters-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.filters-grid{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.filter-group{gap:var(--spacing-sm)}.filter-group label{font-size:var(--font-size-sm)}.filter-group select{font-size:var(--font-size-base);padding:var(--spacing-md)}.filter-group select:hover:not(:disabled){border-color:var(--primary-color)}.filter-group select:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.filters-actions{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.document-card{animation:fadeIn .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl)}.document-header{border-bottom:2px solid var(--border-color);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);text-align:center}.document-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-sm)}.document-header h3{color:var(--text-secondary);font-size:var(--font-size-xl);font-weight:400;margin-bottom:var(--spacing-lg)}.approval-status{border-radius:var(--radius-full);display:inline-block;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase}.approval-status.pending{background:#f59e0b1a;border:2px solid var(--warning-color);color:var(--warning-color)}.approval-status.approved{background:#10b9811a;border:2px solid var(--success-color);color:var(--success-color)}.approval-status.partially_approved{background:#3b82f61a;border:2px solid var(--info-color);color:var(--info-color)}.legend{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-2xl);justify-content:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg)}.legend-item{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm)}.legend-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-lg);font-weight:700;height:32px;justify-content:center;width:32px}.legend-icon.receptionist-marked{background:#10b98126;border:2px solid var(--success-color);color:var(--success-color)}.legend-icon.verified{background:linear-gradient(135deg,#10b98126,#fb923c26);border:2px solid #f97316;font-size:0;position:relative}.legend-icon.verified:before{color:var(--success-color);left:4px}.legend-icon.verified:after,.legend-icon.verified:before{content:"✓";font-size:var(--font-size-lg);font-weight:700;position:absolute}.legend-icon.verified:after{color:#f97316;right:4px}.legend-icon.not-received{background:#ef444426;border:2px solid var(--error-color);color:var(--error-color)}.legend-icon.not-applicable{background:#9ca3af26;border:2px solid #9ca3af;color:#6b7280;font-size:var(--font-size-sm)}.reports-list{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.report-card,.reports-list{box-sizing:border-box;min-width:0;width:100%}.report-card{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;padding:var(--spacing-xl);transition:all var(--transition-base)}.report-card:hover{border-color:#711b454d;box-shadow:var(--shadow-md)}.report-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.report-title{color:var(--text-primary);font-size:var(--font-size-xl);margin:0}.pending-badge{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:20px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;font-size:.85rem;font-weight:600;padding:6px 16px}.calendar-grid{grid-gap:var(--spacing-sm);box-sizing:border-box;gap:var(--spacing-sm);min-width:0;width:100%}.calendar-day{border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:4px;transition:all var(--transition-base)}.calendar-day:hover{box-shadow:var(--shadow-lg);transform:scale(1.08);z-index:10}.calendar-day.receptionist-marked{background:#10b9811a;border-color:var(--success-color)}.calendar-day.not-received{background:#ef44441a;border-color:var(--error-color)}.calendar-day.not-applicable{background:#9ca3af1a;cursor:pointer}.calendar-day.not-applicable:hover{background:#9ca3af33;border-color:#6b7280}.calendar-day.not-applicable .day-status{font-size:var(--font-size-sm)}.calendar-day.disabled{background:#9ca3af1a;border-color:#d1d5db;cursor:not-allowed;opacity:.5}.calendar-day.disabled:hover{box-shadow:none;transform:none}.calendar-day.disabled .day-number,.calendar-day.disabled .day-status{color:#9ca3af}.calendar-day.override{border:3px solid var(--warning-color);box-shadow:0 0 0 2px #f59e0b33}.day-number{color:var(--text-primary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.day-status{font-size:var(--font-size-xl)}.marked-info{color:var(--text-secondary);font-size:10px;font-weight:500;line-height:1.1;margin-top:2px;text-align:center}.calendar-day.receptionist-marked .day-status{color:var(--success-color)}.calendar-day.verified .day-status:before{color:var(--success-color);font-size:var(--font-size-xl)}.calendar-day.verified .day-status:after{font-size:var(--font-size-xl)}.calendar-day.not-received .day-status{color:var(--error-color)}.modal-overlay{animation:fadeIn .2s ease-out}.modal-content{animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content h3{font-size:var(--font-size-2xl);margin:0 0 var(--spacing-lg) 0}.modal-content p{font-size:var(--font-size-base);margin:var(--spacing-sm) 0}.modal-content p strong{color:var(--text-primary);font-weight:600}.modal-info{background:#3b82f61a;border-left:4px solid var(--info-color);color:var(--info-color)}.modal-info,.modal-warning{border-radius:var(--radius-md);font-size:var(--font-size-sm);margin:var(--spacing-md) 0;padding:var(--spacing-md)}.modal-warning{background:#f59e0b1a;border-left:4px solid var(--warning-color);color:var(--warning-color);font-weight:600}.btn-success{background:linear-gradient(135deg,var(--success-color) 0,#059669 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-base)}.btn-success:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,var(--error-color) 0,#dc2626 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;font-size:var(--font-size-base);font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-base)}.btn-danger:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary,.btn-warning{font-size:var(--font-size-base)}.btn-warning{background:linear-gradient(135deg,var(--warning-color) 0,#f59e0b 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-base)}.btn-warning:hover{box-shadow:var(--shadow-lg)}.btn-na{background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-base)}.btn-na:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.form-group{margin:var(--spacing-lg) 0}.form-input,.form-select{border:2px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--font-size-base);padding:var(--spacing-md);transition:all var(--transition-base);width:100%}.form-input:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a;outline:none}.error-message{background:#ef44441a;border-left:4px solid var(--error-color);border-radius:var(--radius-lg);font-weight:500;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.pending-verification-card{background:#fff;border-left:4px solid #ff9800;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.pending-header{margin-bottom:15px}.pending-header h3{color:#ff9800;font-size:1.3em;margin:0 0 5px}.toggle-btn{background-color:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.toggle-btn:hover{background-color:#f57c00;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.pending-subtitle{color:#666;font-size:.9em;margin:0}.pending-list{overflow-x:auto}.pending-table{border-collapse:collapse;font-size:.95em;width:100%}.pending-table thead{background-color:#f5f5f5}.pending-table th{border-bottom:2px solid #ddd;color:#333;font-weight:600;padding:12px;text-align:left}.pending-table td{border-bottom:1px solid #eee;padding:12px}.pending-table tbody tr:hover{background-color:#f9f9f9}.day-cell{color:#ff9800;font-size:1.1em;font-weight:600}.btn-verify-quick{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;font-weight:500;padding:8px 16px;transition:all .2s}.btn-verify-quick:hover{background-color:#45a049;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.btn-verify-quick:active{transform:translateY(0)}.no-pending-card{background:#4caf501a;border-left:4px solid #4caf50;border-radius:12px;margin-bottom:20px;padding:15px;text-align:center}.no-pending-card p{color:#4caf50;font-weight:500;margin:0}@media (max-width:768px){.monthly-documents-container{padding:var(--spacing-sm)}.monthly-content{max-width:100%}.filters-card{padding:var(--spacing-lg)}.filters-grid{gap:var(--spacing-md);grid-template-columns:1fr}.document-card{padding:8px}.calendar-grid{gap:4px}.day-number{font-size:10px}.day-status{font-size:var(--font-size-base)}.legend{gap:var(--spacing-md);padding:var(--spacing-md)}.legend,.modal-actions{flex-direction:column}.modal-actions button{width:100%}.report-card{padding:6px}.marked-info{display:none}}@media (max-width:480px){.monthly-documents-container{padding:var(--spacing-xs)}.filters-card{padding:var(--spacing-md)}.document-card{padding:6px}.document-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.document-header h2{font-size:var(--font-size-lg)}.document-header h3,.report-title{font-size:var(--font-size-base)}.report-title{margin-bottom:var(--spacing-md)}.calendar-grid{-webkit-overflow-scrolling:touch;gap:2px;max-height:260px;overflow-y:auto;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.calendar-grid::-webkit-scrollbar{width:4px}.calendar-grid::-webkit-scrollbar-track{background:#0000}.calendar-grid::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:999px}.report-card{padding:4px}.calendar-day{border-width:1px;padding:2px}.day-number{font-size:9px}.day-status{font-size:var(--font-size-sm)}.legend{gap:var(--spacing-sm);padding:var(--spacing-sm)}.legend-item{font-size:11px}.legend-icon{font-size:var(--font-size-sm);height:24px;width:24px}.modal-content{padding:var(--spacing-lg);width:95%}.modal-content h3{font-size:var(--font-size-xl)}}.cashbook-container{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;padding:var(--spacing-xl);position:relative}.cashbook-container:before{background-color:#ffffffd9;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.cashbook-content{margin:0 auto;max-width:1400px;padding:0 1rem;position:relative;z-index:2}@media (max-width:1450px){.cashbook-content{max-width:95%}}@media (max-width:768px){.cashbook-content{max-width:100%;padding:0 .5rem}}.cashbook-header{grid-gap:var(--spacing-xl);align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:grid;gap:var(--spacing-xl);grid-template-columns:auto 1fr auto;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl);position:relative}.cashbook-header:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.cashbook-logo{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(113,27,69,.3));height:80px;width:80px}.cashbook-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-light),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-3xl);font-weight:700;margin:0;margin-bottom:var(--spacing-sm)}.cashbook-header p{color:var(--text-muted);font-size:var(--font-size-base);margin:0}.cashbook-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-2xl)}@media (max-width:768px){.cashbook-container{padding:var(--spacing-md)}.cashbook-header{align-items:center;flex-direction:column;padding:var(--spacing-lg);text-align:center}.cashbook-logo{height:60px;width:60px}.header-text{text-align:center}.cashbook-header h1{font-size:var(--font-size-2xl)}.header-actions{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.cashbook-form{padding:var(--spacing-lg)}.form-grid{grid-template-columns:1fr}.signature-canvas-wrapper{width:100%}.signature-canvas{height:150px!important;width:100%!important}.signature-preview img{max-width:100%}.form-actions{flex-direction:column}.btn{width:100%}.signature-buttons{flex-direction:column}.signature-buttons .btn{width:100%}}@media (max-width:480px){.cashbook-container{padding:var(--spacing-sm)}.cashbook-header{padding:var(--spacing-md)}.cashbook-logo{height:50px;width:50px}.cashbook-header h1{font-size:var(--font-size-xl)}.cashbook-header p{font-size:var(--font-size-sm)}.cashbook-form{padding:var(--spacing-md)}}.cashbook-tabs{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md)}.tab-button:hover{background:#14b8a61a;color:#14b8a6}.tab-button.active{background:linear-gradient(135deg,#14b8a6,#0d9488);border-color:#14b8a6;box-shadow:0 4px 12px #14b8a64d}.search-input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.entries-table thead{background:linear-gradient(135deg,#14b8a6,#0d9488)}.entries-table tbody tr:hover{background:#14b8a60d}.entries-table td{white-space:nowrap}.amount-cell{color:#14b8a6}.btn-view-details{background:linear-gradient(135deg,#14b8a6,#0d9488)}.btn-view-details:hover{box-shadow:0 4px 12px #14b8a64d}.td-view-col,.th-view-col{min-width:48px;width:48px}.pagination-btn{background:linear-gradient(135deg,#14b8a6,#0d9488)}.pagination-btn:hover:not(:disabled){box-shadow:0 4px 12px #14b8a64d}@media (max-width:768px){.cashbook-tabs{flex-direction:column}.tab-button{width:100%}.view-all-section{padding:var(--spacing-lg)}.entries-table-container{overflow-x:scroll}.entries-table{min-width:1200px}.detail-grid{grid-template-columns:1fr}.modal-overlay{padding:var(--spacing-sm)}.modal-content{border-radius:var(--radius-lg);max-height:98vh;max-width:100%}.modal-header{padding:var(--spacing-md)}.modal-header h2{font-size:var(--font-size-base)}.modal-close{font-size:24px;height:32px;width:32px}.modal-body,.modal-footer{padding:var(--spacing-md)}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}.signature-image{max-height:120px}.modal-body{padding:var(--spacing-lg)}.signature-image{max-width:100%}.autocomplete-dropdown{max-height:200px}.suggestion-company{font-size:var(--font-size-sm)}.suggestion-details{font-size:var(--font-size-xs)}}.cell-select-actions .row-checkbox{accent-color:#14b8a6;accent-color:var(--primary-color,#14b8a6)}.btn-warning{background-color:#ff9800;border-radius:4px;font-size:14px;padding:10px 20px;transition:background-color .3s}.btn-warning:hover{background-color:#f57c00}.btn-warning:disabled{background-color:#ccc}.status-badge.status-returned{background-color:#f44336}.return-form{margin-top:20px}.return-form .form-group label{color:#333}.document-log-book-container{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;padding:var(--spacing-xl);position:relative}.document-log-book-container:before{background-color:#ffffffd9;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.document-log-book-content{margin:0 auto;max-width:1400px;padding:0 1rem;position:relative;z-index:2}@media (max-width:1450px){.document-log-book-content{max-width:95%}}@media (max-width:768px){.document-log-book-content{max-width:100%;padding:0 .5rem}}.document-log-book-header{grid-gap:var(--spacing-xl);align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:grid;gap:var(--spacing-xl);grid-template-columns:auto 1fr auto;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl);position:relative}.document-log-book-header:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.document-log-book-logo{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(113,27,69,.3));height:80px;width:80px}.document-log-book-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-light),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-3xl);font-weight:700;margin:0;margin-bottom:var(--spacing-sm)}.document-log-book-header p{color:var(--text-muted);font-size:var(--font-size-base);margin:0}.document-log-book-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-2xl)}.form-group textarea{min-height:100px}.info-note{align-items:flex-start;background:#3b82f61a;border-left:4px solid #3b82f6;border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.info-icon{flex-shrink:0;font-size:var(--font-size-xl)}.info-note p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0}.signature-canvas{-webkit-touch-callout:none;max-width:100%;-webkit-user-select:none;user-select:none}.document-log-book-tabs{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md)}.tab-button:hover{background:#8b5cf61a;color:#8b5cf6}.tab-button.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d}.search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.entries-table thead{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.entries-table tbody tr:hover{background:#8b5cf60d}.status-pending{background:#fbbf2433;border:1px solid #f59e0b;color:#f59e0b}.status-completed{background:#10b98133;border:1px solid #10b981;color:#10b981}.btn-collect-signature{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-base);white-space:nowrap}.btn-collect-signature:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.btn-view-details{background:linear-gradient(135deg,#8b5cf6,#7c3aed);padding:var(--spacing-xs) var(--spacing-sm)}.btn-view-details:hover{box-shadow:0 4px 12px #8b5cf64d}.btn-edit{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-base)}.btn-edit:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.pagination-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.pagination-btn:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf64d}.loading-state{color:#8b5cf6}.signature-modal{max-width:900px}.modal-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.entry-details-readonly{background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.detail-row{gap:var(--spacing-md);padding:var(--spacing-sm) 0}.detail-row label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;min-width:120px}.detail-row span{color:var(--text-primary);font-size:var(--font-size-sm)}.signature-collection-form{margin-top:var(--spacing-xl)}@media (max-width:768px){.document-log-book-container{padding:var(--spacing-md)}.document-log-book-header{grid-template-columns:1fr;padding:var(--spacing-lg);text-align:center}.document-log-book-logo{height:60px;margin:0 auto;width:60px}.header-text{text-align:center}.document-log-book-header h1{font-size:var(--font-size-2xl)}.header-actions{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.document-log-book-form{padding:var(--spacing-lg)}.form-grid{grid-template-columns:1fr}.signature-canvas-wrapper{width:100%}.signature-canvas{height:150px!important;width:100%!important}.signature-preview img{max-width:100%}.form-actions{flex-direction:column}.btn{width:100%}.signature-buttons{flex-direction:column}.signature-buttons .btn{width:100%}.document-log-book-tabs{flex-direction:column}.tab-button{width:100%}.view-all-section{padding:var(--spacing-lg)}.entries-table-container{overflow-x:scroll}.entries-table{min-width:1200px}.detail-grid{grid-template-columns:1fr}.modal-content{max-height:95vh;width:95%}.modal-header h2{font-size:var(--font-size-xl)}.modal-body{padding:var(--spacing-lg)}.signature-image{max-width:100%}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}@media (max-width:480px){.document-log-book-container{padding:var(--spacing-sm)}.document-log-book-header{padding:var(--spacing-md)}.document-log-book-logo{height:50px;width:50px}.document-log-book-header h1{font-size:var(--font-size-xl)}.document-log-book-header p{font-size:var(--font-size-sm)}.document-log-book-form{padding:var(--spacing-md)}}.input-with-toggle{flex-direction:column}.type-selector{background-color:#f8f9fa;cursor:pointer;padding:8px 12px;transition:all .2s ease}.type-selector:hover{background-color:#fff;border-color:#007bff}.type-selector:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.user-dropdown{background-color:#fff;cursor:pointer;padding:10px 12px;transition:all .2s ease}.user-dropdown:hover{border-color:#007bff}.user-dropdown:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.user-dropdown optgroup{background-color:#f8f9fa;color:#495057;font-style:normal;font-weight:700}.user-dropdown option{font-weight:400;padding:8px}.type-selector:disabled,.user-dropdown:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.6}.status-badge.status-partial{background-color:#ff9800}.btn-verify{background-color:#4caf50;font-size:.75rem;padding:4px 10px}.btn-verify:hover{background-color:#45a049}.btn-add-signature{background-color:#2196f3;border:none;border-radius:4px;color:#fff;padding:4px 10px}.btn-add-signature:hover{background-color:#0b7dda}.verifications-list{display:flex;flex-direction:column;gap:4px}.verification-item{color:#4caf50;font-size:13px}.text-muted{color:#999;font-style:italic}.verification-confirm{background-color:#f5f5f5;border-left:4px solid #2196f3;border-radius:4px;margin-top:20px;padding:15px}.verification-confirm p{color:#555;line-height:1.5;margin:0}.verifications-detail{display:flex;flex-direction:column;gap:8px}.verification-detail-item{background-color:#f0f8ff;border-left:3px solid #4caf50;border-radius:4px;padding:8px}.external-signature-detail{background-color:#fff9e6;border-left:3px solid #ff9800;border-radius:4px;padding:12px}.external-signature-detail div{margin-bottom:6px}.external-signature-detail div:last-child{margin-bottom:0}.form-hint{font-style:italic;margin-top:4px}.input-with-toggle{display:flex;gap:8px}.type-selector{flex:0 0 150px}.type-selector,.user-dropdown{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px}.user-dropdown{flex:0 1 auto;max-width:300px}.documents-cell{max-width:220px;overflow:hidden}.documents-cell-inner{align-items:flex-start;display:flex;flex-direction:column;white-space:normal;word-break:break-word}.see-more-btn{background:none;border:none;color:#8b1a4a;cursor:pointer;display:block;font-size:12px;padding:2px 0 0;text-decoration:underline;white-space:nowrap}.see-more-btn:hover{color:#6a1238}.signature-modal .modal-content{max-width:600px}.signature-section{margin-top:1.5rem}.signature-section label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.signature-canvas{background-color:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);height:200px;max-width:500px;width:100%}.signature-canvas-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.signature-canvas-row .signature-canvas{flex-shrink:0}.btn-clear-signature{background-color:#6c757d;background-color:var(--color-secondary,#6c757d);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:background-color .2s,transform .15s;white-space:nowrap}.btn-clear-signature:hover{background-color:#5a6268}.btn-clear-signature:active{transform:scale(.98)}.signature-detail{background-color:var(--bg-secondary);border-radius:var(--radius-md);margin-top:.5rem;padding:1rem}.signature-image{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:.5rem;padding:.5rem}.signature-detail div{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}.signature-detail strong{color:var(--text-primary)}.action-buttons{flex-wrap:wrap}.btn-edit{background-color:#28a745;border:1px solid #218838;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:.375rem .625rem;transition:all .2s;white-space:nowrap}.btn-edit:hover{background-color:#218838;box-shadow:0 2px 5px #00000026;transform:translateY(-1px)}.btn-edit:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.btn-add-signature{background-color:#ffc107;border:1px solid #e0a800;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;color:#000;cursor:pointer;font-size:.75rem;font-weight:500;padding:.375rem .625rem;transition:all .2s;white-space:nowrap}.btn-add-signature:hover{background-color:#e0a800;box-shadow:0 2px 5px #00000026;color:#000;transform:translateY(-1px)}.btn-add-signature:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.btn-view-details{background-color:#17a2b8;border:1px solid #138496;box-shadow:0 1px 3px #0000001a;font-size:.75rem;font-weight:500;padding:.375rem .625rem;transition:all .2s}.btn-view-details:hover{background-color:#138496;box-shadow:0 2px 5px #00000026;transform:translateY(-1px)}.btn-view-details:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}@media (max-width:768px){.signature-canvas{height:150px;max-width:100%}.action-buttons{flex-direction:column}.btn-add-signature,.btn-view-details{width:100%}}.register-book-container{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;padding:var(--spacing-xl);position:relative}.register-book-container:before{background-color:#ffffffd9;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.register-book-content{margin:0 auto;max-width:1400px;padding:0 1rem;position:relative;z-index:2}@media (max-width:1450px){.register-book-content{max-width:95%}}@media (max-width:768px){.register-book-content{max-width:100%;padding:0 .5rem}}.register-book-header{grid-gap:var(--spacing-xl);align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:grid;gap:var(--spacing-xl);grid-template-columns:auto 1fr auto;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl);position:relative}.register-book-header:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.register-book-logo{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(113,27,69,.3));height:80px;width:80px}.register-book-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-light),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-3xl);font-weight:700;margin:0;margin-bottom:var(--spacing-sm)}.register-book-header p{color:var(--text-muted);font-size:var(--font-size-base);margin:0}.register-book-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-2xl)}.form-group-full{grid-column:1/-1}.form-group input,.form-group textarea{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);padding:var(--spacing-md);transition:all var(--transition-base)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a;outline:none;transform:translateY(-2px)}.form-group input:disabled,.form-group textarea:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.register-book-tabs{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md)}.tab-button:hover{background:#711b451a}.tab-button.active{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:0 4px 12px #711b454d}.entries-table-container{border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);overflow-x:auto}.entries-table{background:#fff;border-collapse:collapse;width:100%}.entries-table thead{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff}.entries-table th{font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-lg);text-align:left;text-transform:uppercase;white-space:nowrap}.entries-table tbody tr{border-bottom:1px solid var(--border-color);transition:all var(--transition-base)}.entries-table tbody tr:hover{background:#711b450d}.entries-table tbody tr:last-child{border-bottom:none}.entries-table td{color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-md) var(--spacing-lg)}.purpose-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{border-radius:var(--radius-md);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-md)}.status-checked-in{background:#3b82f633;border:1px solid #3b82f6;color:#3b82f6}.status-checked-out{background:#10b98133;border:1px solid #10b981;color:#10b981}.btn-checkout{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base);white-space:nowrap}.btn-checkout:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.btn-checkout:disabled{cursor:not-allowed;opacity:.5}.btn-view-details{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);white-space:nowrap}.btn-view-details:hover{box-shadow:0 4px 12px #711b454d}.pagination-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)}.pagination-btn:hover:not(:disabled){box-shadow:0 4px 12px #711b454d}.pagination-btn:disabled{opacity:.5;transform:none}.loading-state{color:var(--primary-color)}.empty-state-hint{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.modal-content{max-width:800px}.modal-header{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);padding:var(--spacing-xl)}.modal-header h2{font-size:var(--font-size-2xl)}.modal-close{font-size:32px;height:40px;width:40px}.modal-body{padding:var(--spacing-2xl)}.detail-grid{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-xl)}.detail-item-full{grid-column:1/-1}.signature-detail{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.signature-detail>label{font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.signature-image-container{padding:var(--spacing-md)}.signature-image{max-width:400px}.modal-footer{padding:var(--spacing-xl)}@media (max-width:768px){.register-book-container{padding:var(--spacing-md)}.register-book-header{grid-template-columns:1fr;padding:var(--spacing-lg);text-align:center}.register-book-logo{height:60px;margin:0 auto;width:60px}.header-text{text-align:center}.register-book-header h1{font-size:var(--font-size-2xl)}.header-actions{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.register-book-form{padding:var(--spacing-lg)}.form-grid{grid-template-columns:1fr}.signature-canvas-wrapper{width:100%}.signature-canvas{height:150px!important;width:100%!important}.form-actions{flex-direction:column}.btn{width:100%}.signature-buttons{flex-direction:column}.signature-buttons .btn{width:100%}.register-book-tabs{flex-direction:column}.tab-button{width:100%}.view-all-section{padding:var(--spacing-lg)}.entries-table-container{overflow-x:scroll}.entries-table{min-width:1200px}.detail-grid{grid-template-columns:1fr}.modal-content{max-height:95vh;width:95%}.modal-header h2{font-size:var(--font-size-xl)}.modal-body{padding:var(--spacing-lg)}.signature-image{max-width:100%}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}@media (max-width:480px){.register-book-container{padding:var(--spacing-sm)}.register-book-header{padding:var(--spacing-md)}.register-book-logo{height:50px;width:50px}.register-book-header h1{font-size:var(--font-size-xl)}.register-book-header p{font-size:var(--font-size-sm)}.register-book-form{padding:var(--spacing-md)}}.modal-overlay{animation:overlayIn .2s ease;background:#0f172a8c;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalIn .3s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--border-color);padding:var(--spacing-xl)}.modal-content.large{max-width:680px}@keyframes modalIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.modal-content h2{font-size:var(--font-size-xl);margin:var(--spacing-sm) 0 var(--spacing-lg) 0}.form-group label{letter-spacing:.4px}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.5;padding:var(--spacing-md);transition:all var(--transition-base);width:100%}.form-group textarea{min-height:90px}.form-group input:disabled,.form-group select:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.7}.checkbox-label{color:var(--text-secondary);font-size:var(--font-size-sm);gap:var(--spacing-sm)}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);height:18px;width:18px}.modal-actions{flex-wrap:wrap}.btn-primary,.btn-secondary{border:2px solid #0000;border-radius:var(--radius-lg);display:inline-flex;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-xs);height:40px;justify-content:center;padding:0 var(--spacing-lg);transition:all var(--transition-base);white-space:nowrap}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:disabled{background:var(--bg-tertiary);box-shadow:none;color:var(--text-muted);cursor:not-allowed}.btn-secondary{border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:#711b454d;color:var(--text-primary)}.error-message{border-left:1px solid var(--error-color);border-left-width:4px;margin-bottom:var(--spacing-md)}.org-info,.parent-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.type-badge{border-radius:var(--radius-full);display:inline-block;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.5px;padding:2px var(--spacing-sm);text-transform:uppercase}.type-badge.root{background:#711b451a;color:var(--primary-color)}.type-badge.company{background:#3b82f61a;color:var(--info-color)}.type-badge.branch{background:#10b9811a;color:var(--success-color)}.split-summary{grid-gap:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-item .label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.3px;text-transform:uppercase}.summary-item .value{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:700}.summary-item .value.valid{color:var(--success-color)}.summary-item .value.invalid{color:var(--error-color)}.split-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.split-actions,.split-list{margin-bottom:var(--spacing-lg)}.split-list{border:1px solid var(--border-color);border-radius:var(--radius-lg);max-height:380px;overflow-y:auto}.split-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.split-item:last-child{border-bottom:none}.split-info{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm)}.child-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600}.current-target{color:var(--text-muted);font-size:var(--font-size-xs);margin-left:auto;margin-right:var(--spacing-md);white-space:nowrap}.split-input input{border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-base);width:140px}.split-input input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a;outline:none}.empty-state{font-size:var(--font-size-sm);padding:var(--spacing-2xl)}@media (max-width:600px){.modal-content{max-height:95vh;padding:var(--spacing-lg)}.split-summary{grid-template-columns:1fr}.split-item{align-items:flex-start;flex-direction:column}.current-target{margin:0}.split-input input{width:100%}.split-actions{flex-direction:column}.modal-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.bulk-upload-modal{max-height:90vh;max-width:600px;overflow-y:auto}.modal-subtitle{color:#6b7280;font-size:.9rem;margin-bottom:1.5rem}.file-upload-area{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:2rem;text-align:center;transition:all .2s ease}.file-upload-area:hover{background:#eff6ff;border-color:#3b82f6}.file-upload-area.drag-active{background:#dbeafe;border-color:#3b82f6;transform:scale(1.02)}.file-upload-area.has-file{background:#ecfdf5;border-color:#10b981}.file-upload-prompt{align-items:center;display:flex;flex-direction:column;gap:.5rem}.upload-icon{font-size:2rem;margin-bottom:.5rem}.upload-text{color:#374151;font-size:1rem}.upload-hint{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.file-select-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s}.file-select-btn:hover{background:#2563eb}.file-selected{background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;gap:1rem;padding:1rem}.file-icon{font-size:2rem}.file-info{flex:1 1;text-align:left}.file-name{color:#111827;font-weight:500;margin-bottom:.25rem}.remove-file-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:24px;justify-content:center;transition:background-color .2s;width:24px}.remove-file-btn:hover{background:#dc2626}.upload-results{padding:1rem 0}.results-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.results-header h3{color:#111827;margin:0}.results-summary{display:flex;gap:1rem}.success-count{color:#10b981}.failed-count,.success-count{font-size:.875rem;font-weight:500}.failed-count{color:#ef4444}.column-mapping{background:#f3f4f6;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.column-mapping h4{color:#374151;font-size:.875rem;margin:0 0 .75rem}.mapping-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.mapping-item{align-items:center;background:#fff;border-radius:4px;display:flex;font-size:.75rem;justify-content:space-between;padding:.5rem}.column-name{color:#374151;font-weight:500;text-transform:capitalize}.column-index{color:#6b7280;font-family:monospace}.error-details{margin-bottom:1.5rem}.error-details h4{color:#ef4444;font-size:.875rem;margin:0 0 .75rem}.error-list{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;max-height:200px;overflow-y:auto}.error-item{border-bottom:1px solid #fecaca;color:#991b1b;font-size:.75rem;line-height:1.4;padding:.5rem .75rem}.error-item:last-child{border-bottom:none}.error-item.more-errors{color:#7f1d1d;font-style:italic;text-align:center}.info-box{background:#eff6ff;border:1px solid #bfdbfe;margin-bottom:1.5rem}.info-box h4{color:#1e40af;font-size:.875rem;margin:0 0 .75rem}.info-box ul{color:#1e40af;margin:0;padding-left:1.25rem}.info-box li{font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.info-box li:last-child{margin-bottom:0}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #fff;border-top-color:#0000;display:inline-block;height:14px;margin-right:.5rem;width:14px}@media (max-width:640px){.bulk-upload-modal{margin:1rem;max-width:95vw}.results-header{align-items:flex-start;flex-direction:column;gap:.75rem}.results-summary{flex-direction:column;gap:.5rem}.mapping-grid{grid-template-columns:1fr}}.checkbox-label{color:#374151;font-weight:500;gap:.5rem}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;height:16px;width:16px}.checkbox-text{-webkit-user-select:none;user-select:none}.checkbox-label:hover .checkbox-text{color:#111827}.info-box code{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#374151;display:block;font-family:Courier New,monospace;font-size:.75rem;line-height:1.4;margin-top:.5rem;padding:.75rem;white-space:pre-line}.split-actions-bar{background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.split-table-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);max-height:400px;overflow-y:auto}.split-table{border-collapse:collapse;width:100%}.split-table thead{background:var(--bg-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:1}.split-table td,.split-table th{border-bottom:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.split-table th{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.split-table tbody tr:hover{background:var(--bg-hover)}.salesman-info{gap:2px}.salesman-id{color:var(--text-secondary);font-size:.75rem}.target-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;padding:6px 10px;text-align:right;width:120px}.target-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.success-text{color:var(--success-color)}.error-text{color:var(--error-color)}.btn-icon-sm{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;padding:4px 8px;transition:all .2s}.btn-icon-sm:hover{background:var(--bg-hover);border-color:var(--primary-color)}.period-selection{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.period-selection .form-group{flex:1 1}.period-selection .form-group label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--spacing-xs)}.period-selection .form-group select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);padding:var(--spacing-sm);width:100%}.period-selection .form-group select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.target-section{border-top:1px solid var(--border-color);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.target-section h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 var(--spacing-md) 0}.target-section h4{color:var(--text-secondary);font-size:var(--text-md);font-weight:500;margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.target-history{margin-top:var(--spacing-lg)}.history-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.history-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-sm)}.history-item .period{color:var(--text-primary);font-weight:500;min-width:120px}.history-item .amount{color:var(--accent-primary);font-family:var(--font-mono);font-weight:600}.history-item .date{color:var(--text-secondary);font-size:var(--text-sm);min-width:100px;text-align:right}.photo-upload-section{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.photo-preview-container{flex-shrink:0;height:80px;position:relative;width:80px}.photo-preview{border:3px solid var(--primary-color);border-radius:50%;box-shadow:var(--shadow-md);height:100%;object-fit:cover;width:100%}.photo-upload-placeholder{background:var(--bg-card);border:2px dashed var(--border-color);border-radius:50%;color:var(--text-muted);flex-shrink:0;height:80px;width:80px}.photo-upload-placeholder span{font-size:28px;margin-bottom:4px}.photo-upload-placeholder p{font-size:10px;margin:0;text-align:center}.btn-upload-photo{background:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base);white-space:nowrap}.btn-upload-photo:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-remove-photo{align-items:center;background:var(--danger-color);border:2px solid #fff;border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-6px;top:-6px;transition:all var(--transition-base);width:24px}.btn-remove-photo:hover{background:#c53030;transform:scale(1.1)}.btn-remove-photo:disabled{cursor:not-allowed;opacity:.5}.salesman-avatar-wrap{flex-shrink:0;position:relative;transition:transform .3s ease,z-index 0s}.salesman-avatar-img{border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 2px 4px #0000001a,0 4px 8px #00000014,0 8px 16px #0000000f,inset 0 1px 3px #ffffff4d,inset 0 -1px 2px #0000001a;flex-shrink:0;object-fit:cover;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.salesman-avatar-img:before{background:linear-gradient(135deg,#ffffff4d,#0000 50%,#00000026);border-radius:50%;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.salesman-avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 2px 4px #0000001a,0 4px 8px #00000014,0 8px 16px #0000000f,inset 0 1px 3px #fff6,inset 0 -1px 2px #0003;color:#fff;display:flex;flex-shrink:0;font-weight:700;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.salesman-avatar-placeholder:before{background:linear-gradient(135deg,#ffffff40,#0000 50%,#0000001a);border-radius:50%;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.salesman-avatar-wrap.rank-1 .salesman-avatar-img,.salesman-avatar-wrap.rank-1 .salesman-avatar-placeholder{box-shadow:0 3px 6px #0000001f,0 6px 12px #0000001a,0 12px 24px #00000014,0 0 20px #ffd70080,0 0 40px #ffd70033,inset 0 2px 4px #fff6,inset 0 -2px 3px #00000026}.salesman-avatar-wrap.rank-1:after{animation:goldPulse 3s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#ffd7004d 0,#0000 70%);border-radius:50%;bottom:-4px;content:"";left:-4px;pointer-events:none;position:absolute;right:-4px;top:-4px}@keyframes goldPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.salesman-avatar-wrap.rank-2 .salesman-avatar-img,.salesman-avatar-wrap.rank-2 .salesman-avatar-placeholder{box-shadow:0 2px 5px #0000001c,0 5px 10px #00000017,0 10px 20px #00000012,0 0 15px #c0c0c066,0 0 30px #c0c0c026,inset 0 2px 3px #ffffff59,inset 0 -2px 2px #0000001f}.salesman-avatar-wrap.rank-2:after{background:radial-gradient(circle at 30% 30%,#c0c0c040 0,#0000 70%);border-radius:50%;bottom:-3px;content:"";left:-3px;pointer-events:none;position:absolute;right:-3px;top:-3px}.salesman-avatar-wrap.rank-3 .salesman-avatar-img,.salesman-avatar-wrap.rank-3 .salesman-avatar-placeholder{box-shadow:0 2px 4px #0000001a,0 4px 9px #00000014,0 9px 18px #0000000f,0 0 12px #cd7f3259,0 0 24px #cd7f321f,inset 0 1px 3px #ffffff4d,inset 0 -1px 2px #0000001a}.salesman-avatar-wrap.rank-3:after{background:radial-gradient(circle at 30% 30%,#cd7f3233 0,#0000 70%);border-radius:50%;bottom:-3px;content:"";left:-3px;pointer-events:none;position:absolute;right:-3px;top:-3px}.salesman-avatar-wrap:hover{transform:translateY(-4px);z-index:10}.salesman-avatar-wrap:hover .salesman-avatar-img,.salesman-avatar-wrap:hover .salesman-avatar-placeholder{box-shadow:0 4px 8px #00000024,0 8px 16px #0000001f,0 16px 32px #0000001a,inset 0 2px 4px #fff6,inset 0 -2px 3px #00000026;transform:scale(1.08)}.salesman-avatar-wrap.rank-1:hover .salesman-avatar-img,.salesman-avatar-wrap.rank-1:hover .salesman-avatar-placeholder{box-shadow:0 6px 12px #00000029,0 12px 24px #00000024,0 24px 48px #0000001f,0 0 30px #ffd700b3,0 0 60px #ffd7004d,inset 0 2px 4px #ffffff80,inset 0 -2px 3px #0003}.salesman-avatar-wrap.rank-2:hover .salesman-avatar-img,.salesman-avatar-wrap.rank-2:hover .salesman-avatar-placeholder{box-shadow:0 5px 10px #00000026,0 10px 20px #00000021,0 20px 40px #0000001c,0 0 25px #c0c0c099,0 0 50px #c0c0c040,inset 0 2px 4px #ffffff73,inset 0 -2px 3px #0000002e}.salesman-avatar-wrap.rank-3:hover .salesman-avatar-img,.salesman-avatar-wrap.rank-3:hover .salesman-avatar-placeholder{box-shadow:0 4px 8px #00000024,0 8px 16px #0000001f,0 16px 32px #0000001a,0 0 20px #cd7f3280,0 0 40px #cd7f3233,inset 0 2px 4px #fff6,inset 0 -2px 3px #00000026}.salesman-avatar-wrap:active{transform:translateY(-1px)}.salesman-avatar-wrap:active .salesman-avatar-img,.salesman-avatar-wrap:active .salesman-avatar-placeholder{box-shadow:0 1px 2px #0000001a,0 2px 4px #00000014,0 4px 8px #0000000f,inset 0 1px 2px #ffffff4d,inset 0 -1px 1px #0000001a;transform:scale(1.02)}.salesman-avatar-wrap:focus-within{border-radius:50%;outline:3px solid #711b4580;outline-offset:2px}.org-dashboard{background:#0000;display:flex;flex-direction:column;font-family:var(--font-primary);gap:0;min-height:400px}.kpi-row{grid-gap:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:var(--spacing-md)}.kpi-card,.kpi-row{gap:var(--spacing-md)}.kpi-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 12px #0000000f;display:flex;overflow:hidden;padding:var(--spacing-lg) var(--spacing-xl);position:relative;transition:transform .2s ease,box-shadow .2s ease}.kpi-card:before{border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.kpi-card:hover{box-shadow:0 8px 28px #0000001a;transform:translateY(-3px)}.kpi-accent-primary:before{background:linear-gradient(90deg,var(--primary-color),#9b2a5e);background:linear-gradient(90deg,var(--primary-color),var(--primary-light,#9b2a5e))}.kpi-accent-success:before{background:linear-gradient(90deg,#10b981,#34d399)}.kpi-accent-info:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.kpi-accent-warning:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.kpi-accent-purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.kpi-icon-wrap{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.kpi-icon-wrap svg{height:22px;width:22px}.kpi-accent-primary .kpi-icon-wrap{background:#711b451a;color:var(--primary-color)}.kpi-accent-success .kpi-icon-wrap{background:#10b9811a;color:#10b981}.kpi-accent-info .kpi-icon-wrap{background:#3b82f61a;color:#3b82f6}.kpi-accent-warning .kpi-icon-wrap{background:#f59e0b1a;color:#f59e0b}.kpi-accent-purple .kpi-icon-wrap{background:#8b5cf61a;color:#8b5cf6}.kpi-body{display:flex;flex-direction:column;gap:2px;min-width:0}.kpi-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}.kpi-value{color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-2xl,1.5rem);font-weight:800;letter-spacing:-.5px;line-height:1.1}.kpi-sub{color:var(--text-muted);font-size:11px;margin-top:1px}.mini-lb-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-md)}.mini-lb-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 12px #0000000d;overflow:hidden;transition:box-shadow .2s ease}.mini-lb-card:hover{box-shadow:0 6px 20px #00000017}.mini-lb-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:700;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.mini-lb-header svg{color:var(--primary-color);height:15px;width:15px}.mini-lb-list{list-style:none;margin:0;padding:var(--spacing-sm) 0}.mini-lb-item{align-items:center;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:background .15s ease}.mini-lb-item:hover{background:rgba(113,27,69,.025)}.mini-lb-rank{flex-shrink:0;font-size:16px;text-align:center;width:28px}.mini-lb-name{color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-lb-name-block{gap:1px}.mini-lb-info-col,.mini-lb-name-block{display:flex;flex:1 1;flex-direction:column;min-width:0}.mini-lb-info-col{gap:2px}.mini-lb-details{font-weight:500}.mini-lb-details,.mini-lb-sub{color:var(--text-muted);font-size:10px}.mini-lb-val{color:var(--success-color);flex-shrink:0;font-size:var(--font-size-sm);font-weight:700;white-space:nowrap}.mini-lb-item.rank-1{background:linear-gradient(90deg,#ffd70012,#0000 80%)}.mini-lb-item.rank-2{background:linear-gradient(90deg,#c0c0c012,#0000 80%)}.mini-lb-item.rank-3{background:linear-gradient(90deg,#cd7f3212,#0000 80%)}.overall-banner{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 12px #0000000d;display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl)}.banner-left{align-items:center;display:flex;gap:var(--spacing-lg)}.banner-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:700;margin:0}.banner-sub{color:var(--text-muted);font-size:var(--font-size-sm);margin:2px 0 0}.banner-progress-track{background:var(--bg-tertiary);height:10px;width:100%}.banner-progress-fill,.banner-progress-track{border-radius:var(--radius-full);overflow:hidden}.banner-progress-fill{height:100%;position:relative;transition:width 1s cubic-bezier(.4,0,.2,1)}.banner-progress-fill:after{animation:shimmer 2.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:60%}@keyframes shimmer{to{left:200%}}.circ-progress-svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.08));flex-shrink:0}.tree-filters{align-items:flex-end;background:var(--bg-card);border:1px solid var(--border-color);border-bottom:none;border-radius:16px 16px 0 0;box-shadow:0 -2px 0 var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl)}.filter-bar-title{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:700;gap:var(--spacing-xs);letter-spacing:.5px;margin-right:var(--spacing-sm);text-transform:uppercase}.tree-filters .filter-group{display:flex;flex-direction:column;gap:4px;min-width:120px}.tree-filters .filter-group label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.tree-filters .filter-select{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-sm);padding:7px var(--spacing-md);transition:all var(--transition-base)}.tree-filters .filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451f;outline:none}.tree-filter-actions{align-items:flex-end;display:flex;gap:var(--spacing-sm);margin-left:auto}.tree-add-root-btn,.tree-fullscreen-btn,.tree-refresh-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-xs);padding:8px var(--spacing-md);transition:all var(--transition-base);white-space:nowrap}.tree-add-root-btn svg,.tree-fullscreen-btn svg,.tree-refresh-btn svg{height:14px;width:14px}.tree-refresh-btn{background:linear-gradient(135deg,var(--primary-color),#9b2a5e);background:linear-gradient(135deg,var(--primary-color),var(--primary-light,#9b2a5e));box-shadow:0 3px 10px #711b4540;color:#fff}.tree-refresh-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.tree-add-root-btn{background:var(--success-color);box-shadow:0 3px 10px #10b98140;color:#fff}.tree-add-root-btn:hover{background:#059669;box-shadow:0 4px 14px #10b9814d;transform:translateY(-1px)}.tree-fullscreen-btn{background:var(--bg-secondary);border:1.5px solid var(--border-color);color:var(--text-secondary)}.tree-fullscreen-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.tree-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:0 0 16px 16px;box-shadow:0 4px 20px #0000000d;max-height:calc(100vh - 380px);min-height:350px;overflow-x:auto;overflow-y:auto;padding:var(--spacing-xl) var(--spacing-xl) 60px;text-align:center}.org-dashboard.drawer-open .tree-content{filter:brightness(.96)}.tree-content::-webkit-scrollbar{height:8px;width:8px}.tree-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:99px}.tree-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:99px}.tree-content::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.tree-root-list{align-items:flex-start;display:inline-flex;justify-content:center;list-style:none;margin:0;padding:0;text-align:left}.tree-root-list ul{display:flex;justify-content:center;list-style-type:none;margin:0;padding-left:0;padding-top:20px;position:relative}.tree-root-list ul:before{border-left:1px solid var(--border-color);content:"";height:20px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:0}.tree-item{float:left;list-style-type:none;padding:20px 8px 0;position:relative;text-align:center;transition:all var(--transition-base)}.tree-item:after,.tree-item:before{border-top:1px solid var(--border-color);content:"";height:20px;position:absolute;right:50%;top:0;width:50%}.tree-item:after{border-left:1px solid var(--border-color);left:50%;right:auto}.tree-item:only-child:after,.tree-item:only-child:before{display:none}.tree-item:only-child{padding-top:0}.tree-item:first-child:before,.tree-item:last-child:after{border:0}.tree-item:last-child:before{border-radius:0 6px 0 0;border-right:1px solid var(--border-color)}.tree-item:first-child:after{border-radius:6px 0 0 0}.tree-node-wrapper{align-items:center;animation:nodeAppear .35s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;flex-direction:column;position:relative}@keyframes nodeAppear{0%{opacity:0;transform:scale(.88) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.tree-node-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 10px #0000000f;overflow:hidden;padding:var(--spacing-lg);position:relative;text-align:left;transition:all .22s ease;z-index:1}.tree-node-card.type-root{border-top:4px solid var(--primary-color);max-width:360px;min-width:300px}.tree-node-card.type-company{border-top:4px solid #3b82f6;border-top:4px solid var(--info-color,#3b82f6);max-width:310px;min-width:260px}.tree-node-card.type-branch{border-top:4px solid var(--success-color);max-width:265px;min-width:220px}.tree-node-card:hover{border-color:#711b4540;box-shadow:0 8px 28px #0000001f;transform:translateY(-3px)}.node-status-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #00000026;height:9px;position:absolute;right:14px;top:14px;width:9px}.node-status-dot.status-green{background:#10b981}.node-status-dot.status-blue{background:#3b82f6}.node-status-dot.status-amber{background:#f59e0b}.node-status-dot.status-red{background:#ef4444}.node-card-header{align-items:flex-start;display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-md)}.node-card-info{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.node-type-pill{align-items:center;border-radius:99px;display:inline-flex;font-size:10px;font-weight:700;gap:4px;letter-spacing:.6px;padding:3px 10px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.node-type-pill svg{height:11px;width:11px}.node-type-pill.root{background:#711b451a;color:var(--primary-color)}.node-type-pill.company{background:#3b82f61a;color:#3b82f6}.node-type-pill.branch{background:#10b9811a;color:var(--success-color)}.node-card-name{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:700;gap:4px;line-height:1.25;padding-right:18px;white-space:normal;word-break:break-word}.type-root .node-card-name{font-size:var(--font-size-lg)}.clickable-indicator{align-items:center;color:var(--success-color);display:inline-flex;height:14px;opacity:.55;transition:all var(--transition-fast);width:14px}.clickable-indicator svg{height:11px;width:11px}.tree-node-card.clickable:hover .clickable-indicator{opacity:1;transform:translateX(2px)}.node-manager-badge{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:99px;color:var(--text-muted);display:inline-flex;font-size:11px;gap:4px;padding:3px 9px;width:-webkit-fit-content;width:fit-content}.node-manager-badge svg{height:10px;width:10px}.node-card-metrics{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);margin:var(--spacing-sm) 0;padding-top:var(--spacing-sm)}.node-metric{display:flex;flex:1 1;flex-direction:column;gap:2px}.node-metric-label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.node-metric-value{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:700}.node-metric-value.achieved{color:#10b981}.node-status-badge{align-items:center;border-radius:99px;display:inline-flex;font-size:10px;font-weight:700;margin-top:2px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.node-status-badge.status-green{background:#10b9811f;color:#065f46}.node-status-badge.status-blue{background:#3b82f61f;color:#1e40af}.node-status-badge.status-amber{background:#f59e0b1f;color:#92400e}.node-status-badge.status-red{background:#ef44441f;color:#991b1b}.node-progress-track{background:var(--bg-tertiary);border-radius:99px;height:6px;margin-top:var(--spacing-sm);overflow:hidden;width:100%}.node-progress-fill{border-radius:99px;height:100%;overflow:hidden;position:relative;transition:width .7s cubic-bezier(.4,0,.2,1)}.node-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:60%}.node-card-actions{display:flex;gap:4px;margin-top:var(--spacing-sm);opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.tree-node-card:hover .node-card-actions{opacity:1;pointer-events:all;transform:translateY(0)}.node-action-btn{align-items:center;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;padding:0;transition:all var(--transition-fast);width:30px}.node-action-btn svg{height:13px;pointer-events:none;width:13px}.node-action-btn:hover{box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.node-action-btn.add:hover{background:#10b98114;border-color:#10b981;color:#10b981}.node-action-btn.edit:hover{background:#3b82f614;border-color:#3b82f6;color:#3b82f6}.node-action-btn.split:hover{background:#f59e0b14;border-color:#f59e0b;color:#f59e0b}.tree-toggle-btn{align-items:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:50%;bottom:-14px;box-shadow:0 2px 6px #0000001a;color:var(--text-primary);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;transition:all var(--transition-base);width:28px;z-index:2}.tree-toggle-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:scale(1.1)}.tree-toggle-btn svg{height:14px;transform:rotate(90deg);transition:transform .3s ease;width:14px}.tree-toggle-btn.expanded svg{transform:rotate(-90deg)}.tree-node-card.clickable{cursor:pointer}.tree-node-card.clickable:hover{border-color:#10b98166}.tree-node-card.active{background:linear-gradient(135deg,#10b9810f,#10b98105);border-left:4px solid var(--success-color);box-shadow:0 0 0 2px #10b98133,0 6px 20px #00000014}.tree-empty,.tree-error,.tree-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.tree-loading .spinner{border-top-color:var(--primary-color)}.tree-loading p{color:var(--text-muted)}.tree-error p{color:var(--error-color)}.tree-retry-btn{align-items:center;background:var(--error-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.tree-retry-btn:hover{background:#dc2626}.tree-empty-icon{color:var(--primary-color);height:64px;opacity:.2;width:64px}.tree-empty p{color:var(--text-muted);max-width:280px}.tree-empty p,.tree-empty-btn{font-size:var(--font-size-base)}.tree-empty-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),#9b2a5e);background:linear-gradient(135deg,var(--primary-color),var(--primary-light,#9b2a5e));border:none;border-radius:10px;box-shadow:0 4px 14px #711b454d;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-weight:700;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-base)}.tree-empty-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.branch-drawer-overlay{align-items:stretch;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000061;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1000}.branch-drawer-panel{animation:slideInRight .28s cubic-bezier(.16,1,.3,1);background:var(--bg-card);border-left:1px solid var(--border-color);box-shadow:-8px 0 32px #0003;display:flex;flex-direction:column;height:100vh;max-width:90vw;overflow:hidden;position:relative;width:650px;z-index:1001}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.branch-drawer-panel.closing{animation:slideOutRight .22s cubic-bezier(.4,0,1,1)}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.drawer-header{align-items:flex-start;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:10}.drawer-title{align-items:center;display:flex;gap:var(--spacing-sm)}.drawer-title h3{color:var(--text-primary);font-size:var(--font-size-xl);margin:0}.drawer-icon{align-items:center;background:#10b9811a;border-radius:10px;color:var(--success-color);display:flex;height:40px;justify-content:center;width:40px}.drawer-icon svg{height:20px;width:20px}.drawer-period-badge{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:99px;color:var(--text-secondary);display:inline-block;font-size:11px;font-weight:600;margin-top:4px;padding:2px 9px}.drawer-close-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-base);width:32px}.drawer-close-btn:hover{background:#dc262614;border-color:#dc262633;color:var(--error-color)}.drawer-close-btn svg{height:16px;width:16px}.drawer-summary{background:#fff;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:73px;z-index:9}.ds-stat{display:flex;flex-direction:column;gap:2px}.ds-label{color:var(--text-muted);font-size:10px;font-weight:600;text-transform:uppercase}.ds-value{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:700}.ds-value.highlight{color:var(--primary-color)}.drawer-content{background:#f9fafb;background:var(--bg-body,#f9fafb);flex:1 1;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-xl)}.drawer-content::-webkit-scrollbar{width:6px}.drawer-content::-webkit-scrollbar-track{background:#0000}.drawer-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.drawer-empty,.drawer-error,.drawer-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;justify-content:center;text-align:center}.drawer-table-wrapper{background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 4px #0000000f;overflow-x:auto}.drawer-table{background:#fff;border-collapse:collapse;font-size:var(--font-size-sm);min-width:560px;width:100%}.drawer-table th{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-weight:600;padding:var(--spacing-md);text-align:left;white-space:nowrap}.drawer-table td{border-bottom:1px solid #0000000a;color:var(--text-primary);padding:var(--spacing-md);vertical-align:middle}.drawer-table tr:last-child td{border-bottom:none}.drawer-table tbody tr:hover{background:rgba(113,27,69,.025)}.dt-salesman{align-items:center;display:flex;gap:var(--spacing-sm)}.dt-salesman-info{display:flex;flex-direction:column;gap:2px;min-width:0}.dt-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-emp{color:var(--text-muted);font-size:11px}.align-right{text-align:right}.fw-bold{color:var(--primary-color)}.completion-pct,.fw-bold,.rank-badge{font-weight:700}.rank-badge{align-items:center;background:var(--bg-tertiary);border-radius:11px;color:var(--text-secondary);display:inline-flex;font-size:11px;height:22px;justify-content:center;width:34px}.rank-badge.gold{background:linear-gradient(135deg,#fef08a,#eab308);color:#854d0e}.rank-badge.silver{background:linear-gradient(135deg,#f3f4f6,#9ca3af);color:#374151}.rank-badge.bronze{background:linear-gradient(135deg,#fed7aa,#f97316);color:#9a3412}.btn-primary{background:linear-gradient(135deg,var(--primary-color),#9b2a5e);background:linear-gradient(135deg,var(--primary-color),var(--primary-light,#9b2a5e));border-radius:10px}.btn-primary,.btn-secondary{gap:6px;padding:var(--spacing-sm) var(--spacing-md)}.btn-secondary{align-items:center;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:10px;color:var(--text-secondary);display:inline-flex;font-family:var(--font-primary)}.btn-secondary:hover{color:var(--primary-color)}.btn-sm{font-size:12px;padding:5px 12px}@media (max-width:900px){.kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.kpi-row{grid-template-columns:1fr}.tree-filters{padding:var(--spacing-md)}.tree-filters .filter-group{width:100%}.tree-filter-actions{margin-left:0;width:100%}.tree-add-root-btn,.tree-fullscreen-btn,.tree-refresh-btn{flex:1 1;justify-content:center}.tree-node-card.type-root{min-width:240px}.tree-node-card.type-company{min-width:215px}.tree-node-card.type-branch{min-width:195px}.branch-drawer-panel{max-width:100vw;width:100vw}.drawer-summary{flex-wrap:wrap;gap:var(--spacing-md)}}.tree-zoom-modal-overlay{align-items:center;animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.tree-zoom-modal{animation:zoomIn .3s cubic-bezier(.16,1,.3,1);background:var(--bg-card);border-radius:20px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;height:95vh;overflow:hidden;width:95vw}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.zoom-modal-header{align-items:center;background:var(--bg-secondary);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.zoom-modal-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;margin:0}.zoom-controls{gap:var(--spacing-sm)}.zoom-btn,.zoom-controls{align-items:center;display:flex}.zoom-btn{background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;height:40px;justify-content:center;transition:all var(--transition-base);width:40px}.zoom-btn svg{height:20px;width:20px}.zoom-btn:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px #711b454d;color:#fff;transform:translateY(-2px)}.zoom-btn.reset{background:var(--bg-tertiary)}.zoom-btn.reset:hover{background:#3b82f6;background:var(--info-color,#3b82f6);border-color:#3b82f6;border-color:var(--info-color,#3b82f6)}.zoom-level-display{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:700;min-width:60px;padding:0 var(--spacing-sm);text-align:center}.zoom-close-btn{align-items:center;background:var(--error-color);border:2px solid var(--error-color);border-radius:10px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:var(--spacing-md);transition:all var(--transition-base);width:40px}.zoom-close-btn svg{height:20px;width:20px}.zoom-close-btn:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #dc262666;transform:translateY(-2px)}.zoom-modal-content{-webkit-touch-callout:none;background:#f8f9fb;background:var(--bg-body,#f8f9fb);display:flex;flex:1 1;overflow:hidden;position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.zoom-modal-content,.zoom-tree-wrapper{align-items:center;justify-content:center}.zoom-tree-wrapper{display:inline-flex;min-height:100%;min-width:100%;transition:transform .15s ease-out;will-change:transform}.zoom-modal-hint{background:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-md) var(--spacing-xl);text-align:center}.zoom-modal-content.dragging,.zoom-modal-content.dragging *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (max-width:768px){.tree-zoom-modal{border-radius:0;height:100vh;width:100vw}.zoom-modal-header{padding:var(--spacing-md)}.zoom-modal-header h3{font-size:var(--font-size-base)}.zoom-btn,.zoom-close-btn{height:36px;width:36px}.zoom-btn svg,.zoom-close-btn svg{height:18px;width:18px}.zoom-level-display{font-size:11px;min-width:50px}.zoom-modal-hint{font-size:11px;padding:var(--spacing-sm)}.zoom-modal-content{cursor:default!important}}.tree-content{position:relative}.tree-content:after{background:#711b45e6;border-radius:20px;bottom:12px;color:#fff;content:"🔍 Click anywhere to zoom";font-size:11px;font-weight:600;opacity:.7;padding:6px 14px;pointer-events:none;position:absolute;right:12px;transition:opacity .3s ease;z-index:5}.tree-content:hover:after{opacity:1}.org-dashboard.drawer-open .tree-content:after{display:none}.latest-upload-banner{align-items:center;background:linear-gradient(135deg,#711b450d,#711b4505);border:1px solid #711b4526;border-radius:12px;box-shadow:0 2px 8px #0000000a;color:var(--text-primary);display:flex;font-size:14px;gap:12px;margin-bottom:var(--spacing-md);padding:12px 20px}.latest-upload-icon{flex-shrink:0;font-size:20px}.latest-upload-text{line-height:1.5}.latest-upload-text strong{color:var(--primary-color);font-weight:600}.cascading-leaderboards-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-md)}.leaderboard-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 12px #0000000d;display:flex;flex-direction:column;max-height:400px;overflow:hidden}.leaderboard-box-header{align-items:center;background:var(--bg-secondary);border-bottom:2px solid var(--border-color);color:var(--text-primary);display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:700;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.leaderboard-box-header svg{color:var(--primary-color);flex-shrink:0;height:18px;width:18px}.lb-subtitle{background:var(--bg-tertiary);border-radius:99px;color:var(--text-muted);font-size:11px;font-weight:600;margin-left:auto;padding:2px 8px}.leaderboard-box-content{flex:1 1;overflow-x:hidden;overflow-y:auto}.leaderboard-box-content::-webkit-scrollbar{width:6px}.leaderboard-box-content::-webkit-scrollbar-track{background:#0000}.leaderboard-box-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.leaderboard-box-content::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.leaderboard-list{list-style:none;margin:0;padding:0}.leaderboard-item{align-items:center;border-bottom:1px solid #0000000a;cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all var(--transition-fast)}.leaderboard-item:last-child{border-bottom:none}.leaderboard-item:hover{background:#711b450a}.leaderboard-item.selected{background:linear-gradient(90deg,#711b4514,#711b4505);border-left:3px solid var(--primary-color)}.leaderboard-item.selected:before{color:var(--primary-color);content:"→";font-size:18px;font-weight:700;position:absolute;right:12px}.lb-rank{flex-shrink:0}.lb-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.lb-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-emp-id{color:var(--text-muted);font-size:10px}.lb-sales{color:var(--success-color);font-size:12px;font-weight:700}.lb-details{color:var(--text-muted);font-size:11px}.lb-details,.lb-remaining{font-weight:600;white-space:nowrap}.lb-remaining{font-size:10px;margin-top:2px}.lb-progress-mini{background:var(--bg-tertiary);border-radius:99px;display:flex;flex-direction:column;flex-shrink:0;gap:3px;height:4px;overflow:visible;position:relative;width:80px}.lb-progress-fill-mini{border-radius:99px;height:100%;transition:width .5s ease}.lb-percentage{font-size:10px;font-weight:700;text-align:right;white-space:nowrap}.leaderboard-empty,.leaderboard-loading{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-size-sm);justify-content:center;padding:var(--spacing-3xl);text-align:center}.leaderboard-loading .spinner{border-top-color:var(--primary-color)}@media (max-width:1200px){.cascading-leaderboards-row{grid-template-columns:1fr}.leaderboard-box{max-height:300px}}@media (max-width:768px){.leaderboard-box-header{font-size:12px}.leaderboard-box-header,.leaderboard-item{padding:var(--spacing-sm) var(--spacing-md)}}.sales-reports-tab{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.reports-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.reports-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;margin:0}.reports-summary-cards{grid-gap:var(--spacing-md);border-bottom:1px solid var(--border-color);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;padding:var(--spacing-lg) var(--spacing-xl)}.reports-summary-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:4px;padding:var(--spacing-md) var(--spacing-lg)}.reports-summary-card .sc-label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.reports-summary-card .sc-value{color:var(--primary-color);font-size:var(--font-size-2xl);font-weight:800}@media (max-width:600px){.reports-summary-cards{grid-template-columns:1fr}}.reports-filters{align-items:flex-end;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl)}.filter-group{gap:var(--spacing-xs);min-width:130px}.filter-group label{color:var(--text-secondary);font-size:var(--font-size-xs)}.filter-group select{border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base);width:100%}.filter-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a}.refresh-button{align-items:center;align-self:flex-end;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.refresh-button:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary{box-shadow:var(--shadow-md);display:inline-flex;font-family:var(--font-primary);height:40px;padding:0 var(--spacing-lg);white-space:nowrap}.btn-primary:hover{box-shadow:var(--shadow-glow)}.reports-table-container{overflow-x:auto}.reports-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.reports-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.reports-table th{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-lg);text-align:left;text-transform:uppercase;white-space:nowrap}.reports-table td.align-right,.reports-table th.align-right{text-align:right}.reports-table tbody tr{border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.reports-table tbody tr:last-child{border-bottom:none}.reports-table tbody tr:hover{background:#711b4508}.reports-table td{color:var(--text-primary);padding:var(--spacing-md) var(--spacing-lg);vertical-align:middle}.salesman-cell{display:flex;flex-direction:column;gap:2px}.salesman-name{color:var(--text-primary);font-weight:600}.sales-amount{font-feature-settings:"tnum";color:var(--success-color);font-variant-numeric:tabular-nums;font-weight:700}.uploader-cell{display:flex;flex-direction:column;gap:2px}.uploader-cell small{color:var(--text-muted);font-size:var(--font-size-xs)}.btn-icon{background:#fff;border:1.5px solid var(--border-color);color:var(--text-muted);font-size:14px}.btn-icon:hover{border-color:var(--info-color);box-shadow:var(--shadow-sm);color:var(--info-color)}.btn-icon.delete:hover{background:#ef44440d;border-color:var(--error-color);color:var(--error-color)}.reports-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl)}.reports-loading .spinner{border-top-color:var(--primary-color)}.empty-state{color:var(--text-muted);padding:var(--spacing-3xl) var(--spacing-xl)}.empty-state p{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.error-message{background:#ef444414;border:1px solid var(--error-color);border-radius:var(--radius-md);color:var(--error-color);font-size:var(--font-size-sm);margin:var(--spacing-md) var(--spacing-xl);padding:var(--spacing-md)}.report-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.info-row{border-bottom:1px solid var(--border-color);display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--spacing-sm) 0}.info-row:last-child{border-bottom:none}.info-row .label{color:var(--text-muted);font-weight:500}.info-row .value{color:var(--text-primary);font-weight:600}.info-box{background:#3b82f60f;border-left:4px solid var(--info-color);border-radius:var(--radius-md);color:var(--info-color);font-size:var(--font-size-sm);margin-top:var(--spacing-md);padding:var(--spacing-md)}@media (max-width:768px){.reports-header{align-items:flex-start;flex-direction:column}.reports-filters{flex-direction:column;padding:var(--spacing-md)}.filter-group{width:100%}.reports-table{min-width:700px}.form-row{grid-template-columns:1fr}}.upload-buttons{align-items:center;display:flex;gap:.75rem}.empty-state-buttons{margin-top:1rem}@media (max-width:640px){.upload-buttons{flex-direction:column;gap:.5rem}.upload-buttons button{width:100%}.empty-state-buttons{align-items:center;flex-direction:column}.empty-state-buttons button{width:200px}}.day-filter-section{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg) var(--spacing-xl)}.day-filter-header{align-items:center;gap:var(--spacing-sm);justify-content:space-between}.day-filter-header,.day-status-legend{display:flex;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.day-status-legend{background:#711b4508;border-radius:var(--radius-md);gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md)}.filter-required-message{align-items:center;background:#3b82f614;border:1px solid #3b82f64d;border-radius:var(--radius-md);color:#2563eb;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.filter-required-message .info-icon{font-size:var(--font-size-lg)}.legend-item{gap:var(--spacing-xs)}.legend-box{border:2px solid;border-radius:var(--radius-sm);height:20px;width:20px}.legend-box.has-report{background:#22c55e1a;border-color:var(--success-color)}.legend-box.no-report{background:#ef44441a;border-color:var(--error-color)}.legend-box.complete{background:#22c55e1a;border-color:#22c55e}.legend-box.partial{background:#f59e0b1a;border-color:#f59e0b}.legend-box.missing{background:#ef44441a;border-color:#ef4444}.legend-box.selected{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-color:var(--primary-color)}.legend-text{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:500}.day-filter-header label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.day-filter-actions{align-items:center;display:flex;gap:var(--spacing-md)}.btn-link{background:none;border:none;border-radius:var(--radius-md);color:var(--primary-color);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.btn-link:hover{background:#711b451a;text-decoration:underline}.selected-count{background:#711b450d;border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.day-checkboxes{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.day-checkbox{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-sm);position:relative;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.day-checkbox:hover{background:#711b4508;border-color:var(--primary-color)}.day-checkbox input[type=checkbox]{display:none}.day-checkbox span{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600}.day-checkbox input[type=checkbox]:checked+span{color:#fff}.day-checkbox:has(input[type=checkbox]:checked){background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.day-checkbox.complete{background:#22c55e14;border-color:#22c55e}.day-checkbox.complete:hover{background:#22c55e26}.day-checkbox.partial{background:#f59e0b14;border-color:#f59e0b}.day-checkbox.partial:hover{background:#f59e0b26}.day-checkbox.missing{background:#ef444414;border-color:#ef4444}.day-checkbox.missing:hover{background:#ef444426}.day-checkbox.complete:has(input[type=checkbox]:checked){background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e}.day-checkbox.partial:has(input[type=checkbox]:checked){background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b}.day-checkbox.missing:has(input[type=checkbox]:checked){background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444}.status-indicator{align-items:center;background:#fff;border-radius:50%;display:flex;font-size:10px;font-weight:700;height:14px;justify-content:center;position:absolute;right:2px;top:2px;width:14px}.day-checkbox.complete .status-indicator{color:#22c55e}.day-checkbox.partial .status-indicator{color:#f59e0b}.day-checkbox.missing .status-indicator{color:#ef4444}.day-checkbox:has(input[type=checkbox]:checked) .status-indicator{background:#ffffff4d;color:#fff}@media (max-width:768px){.day-checkboxes{grid-template-columns:repeat(auto-fill,minmax(45px,1fr))}.day-filter-header{align-items:flex-start;flex-direction:column}.day-filter-actions{justify-content:space-between;width:100%}}.pagination-container{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.pagination-info{color:var(--text-muted);font-weight:500}.pagination-controls{align-items:center;display:flex;gap:var(--spacing-sm)}.pagination-btn{background:#fff;border:2px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:#711b4508;border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn:disabled{opacity:.4}.pagination-pages{align-items:center;display:flex;gap:var(--spacing-xs)}.pagination-page{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;height:36px;justify-content:center;min-width:36px;padding:0 var(--spacing-sm);transition:all var(--transition-fast)}.pagination-page:hover{background:#711b4508;border-color:var(--primary-color);color:var(--primary-color)}.pagination-page.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-color:var(--primary-color);box-shadow:var(--shadow-sm);color:#fff}.pagination-ellipsis{color:var(--text-muted);font-weight:600;padding:0 var(--spacing-xs)}@media (max-width:768px){.pagination-container{align-items:stretch;flex-direction:column}.pagination-controls{justify-content:center}.pagination-info{text-align:center}}.salesmen-tab{margin:0 auto;max-width:1400px;padding:1.5rem}.salesmen-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.salesmen-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.salesmen-header .action-buttons{align-items:center;display:flex;gap:.75rem}.salesmen-summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.summary-card{align-items:center;border:1px solid #e5e7eb;padding:1.25rem;text-align:center;transition:box-shadow .2s}.summary-card:hover{box-shadow:0 4px 6px -1px #0000001a}.sc-label{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.sc-value{color:#111827;font-size:2rem;font-weight:700}.salesmen-filters{align-items:end;background:#f9fafb;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem}.filter-group{min-width:150px}.filter-group label{color:#374151}.filter-group input,.filter-group select{background:#fff;border:1px solid #d1d5db}.filter-group input:focus,.filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-group{flex:1 1;min-width:250px}.search-input{align-items:center;display:flex;position:relative}.search-input svg{color:#6b7280;left:.75rem;pointer-events:none;position:absolute}.search-input input{padding-left:2.5rem;width:100%}.refresh-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.875rem;gap:.5rem;height:-webkit-fit-content;height:fit-content;padding:.5rem .75rem}.refresh-btn:hover{background:#e5e7eb;border-color:#9ca3af}.salesmen-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;height:32px;margin-bottom:1rem;width:32px}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.salesmen-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.salesmen-table{border-collapse:collapse;width:100%}.salesmen-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:.75rem 1rem;text-align:left}.salesmen-table td{border-bottom:1px solid #f3f4f6;padding:1rem;vertical-align:top}.salesmen-table tr:hover{background:#f9fafb}.salesmen-table tr:last-child td{border-bottom:none}.employee-id{background:#f3f4f6;border-radius:4px;color:#1f2937;font-family:monospace;font-size:.875rem;font-weight:600;padding:.25rem .5rem}.salesman-info{display:flex;flex-direction:column}.salesman-name{color:#111827;font-weight:500;margin-bottom:.25rem}.branch-name{color:#374151;font-weight:500}.company-name-cell{color:#6b7280;font-size:.8rem;font-weight:500}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-item{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.25rem}.no-contact{color:#9ca3af;font-size:.875rem;font-style:italic}.status-badge{font-size:.75rem;letter-spacing:.025em;text-transform:uppercase}.status-badge.active{background:#dcfce7;color:#166534}.date-info{color:#6b7280;font-size:.875rem}.date-info small{color:#9ca3af;font-size:.75rem}.action-buttons{gap:.5rem}.btn-icon{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:.5rem;transition:all .2s}.btn-icon:hover{background:#e5e7eb;border-color:#9ca3af}.btn-icon.delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.empty-state{color:#6b7280;padding:4rem 2rem;text-align:center}.empty-state p{font-size:1rem;margin-bottom:2rem}.empty-state-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.btn-primary,.btn-secondary{align-items:center;border:1px solid;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.btn-primary{background:#3b82f6;border-color:#3b82f6}.btn-primary:hover{background:#2563eb;border-color:#2563eb}.btn-secondary{border-color:#d1d5db;color:#374151}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width:768px){.salesmen-tab{padding:1rem}.salesmen-header{align-items:flex-start;flex-direction:column;gap:1rem}.salesmen-header .action-buttons{justify-content:stretch;width:100%}.salesmen-header .action-buttons button{flex:1 1}.salesmen-filters{align-items:stretch;flex-direction:column}.filter-group{min-width:auto}.salesmen-table-container{overflow-x:auto}.salesmen-table{width:100%}.empty-state-buttons{align-items:center;flex-direction:column}.empty-state-buttons button{width:200px}}.sales-analysis-tab{background:#f8f9fa;min-height:calc(100vh - 200px);padding:20px}.analysis-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.analysis-header h2{color:#2c3e50;font-size:24px;font-weight:600;margin:0}.header-actions{align-items:center;gap:12px}.btn-export{align-items:center;background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-export:hover:not(:disabled){background:#229954;box-shadow:0 4px 8px #27ae604d;transform:translateY(-1px)}.btn-export:disabled{cursor:not-allowed;opacity:.6}.btn-refresh{align-items:center;background:#3498db;border-radius:6px;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.btn-refresh:hover:not(:disabled){background:#2980b9;transform:translateY(-1px)}.btn-refresh:disabled{cursor:not-allowed;opacity:.6}.analysis-filters{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:16px;margin-bottom:20px;padding:20px}.filter-row{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{gap:8px}.filter-group.full-width{grid-column:1/-1}.filter-group label{color:#555;font-size:13px;font-weight:600}.filter-group select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:10px;transition:border-color .2s}.filter-group select:focus{border-color:#3498db;outline:none}.yearly-indicator{align-items:center;display:flex;height:42px}.indicator-badge{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px}.radio-group{display:flex;flex-wrap:wrap;gap:16px}.radio-label{align-items:center;color:#555;display:flex;font-size:14px;gap:6px}.radio-label,.radio-label input[type=radio]{cursor:pointer}.radio-label span{-webkit-user-select:none;user-select:none}.months-selector{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.months-selector>label{color:#555;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.month-checkboxes{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.month-checkbox{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;gap:6px;padding:8px 12px;transition:all .2s}.month-checkbox:hover{background:#f0f8ff;border-color:#3498db}.month-checkbox input[type=checkbox]{cursor:pointer}.month-checkbox input[type=checkbox]:checked+span{color:#3498db;font-weight:600}.month-checkbox span{font-size:13px;-webkit-user-select:none;user-select:none}.analysis-summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.summary-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:20px;position:relative;transition:transform .2s,box-shadow .2s}.summary-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.summary-card:before{background:linear-gradient(90deg,#3498db,#2ecc71);content:"";height:4px;left:0;position:absolute;right:0;top:0}.card-icon{font-size:32px;margin-bottom:4px}.card-label{color:#777;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.card-value{color:#2c3e50;font-size:28px;font-weight:700;line-height:1.2}.card-subtitle{color:#999;font-size:12px;margin-top:4px}.card-value.achieved,.card-value.success{color:#27ae60}.card-value.warning{color:#f39c12}.card-value.danger{color:#e74c3c}.card-value.small{font-size:18px}.chart-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:24px}.chart-container h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.main-chart{margin-bottom:24px}.charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.breakdown-legend{border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px}.legend-item{align-items:center;display:flex;font-size:14px;gap:10px}.legend-color{border-radius:3px;height:16px;width:16px}.legend-text{color:#555}.info-content,.info-panel{display:flex;flex-direction:column}.info-content{gap:16px}.info-item{background:#f8f9fa;border-radius:6px;justify-content:space-between;padding:12px}.info-label{color:#777;font-weight:500}.info-value{color:#2c3e50;font-size:16px;font-weight:600}.analysis-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}.analysis-loading p{color:#777;font-size:16px}.error-message{border-left:4px solid #c33;border-radius:6px;padding:12px 16px}.yearly-view-banner{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;margin-bottom:20px;padding:16px 20px}.banner-content{align-items:center;display:flex;gap:16px}.banner-icon{font-size:32px}.banner-text{display:flex;flex-direction:column;gap:4px}.banner-text strong{font-size:16px;font-weight:600}.banner-text span{font-size:13px;opacity:.9}@media (max-width:768px){.analysis-summary-cards,.charts-row,.filter-row{grid-template-columns:1fr}.month-checkboxes{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.card-value{font-size:24px}.card-icon{font-size:28px}.banner-content{flex-direction:column;text-align:center}.banner-icon{font-size:40px}}@media (max-width:480px){.analysis-header{align-items:flex-start;flex-direction:column;gap:12px}.header-actions{flex-direction:column;width:100%}.btn-export,.btn-refresh{justify-content:center;width:100%}.radio-group{flex-direction:column;gap:8px}.radio-label{background:#f8f9fa;border-radius:6px;padding:8px}}.recharts-tooltip-wrapper{z-index:1000}.recharts-default-tooltip{background:#fff!important;border:1px solid #ddd!important;border-radius:6px!important;box-shadow:0 2px 8px #00000026!important;padding:12px!important}.mtd-distribution-tab{background:#fff;background:var(--bg-primary,#fff);padding:16px}.mtd-controls{align-items:flex-end;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px 16px}.mtd-filter{display:flex;flex-direction:column;gap:4px}.mtd-filter label{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.mtd-filter select{min-width:150px}.mtd-checkbox,.mtd-filter select{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--border-color,#cbd5e1);border-radius:6px;font-size:13px;padding:7px 10px}.mtd-checkbox{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;display:inline-flex;gap:6px;letter-spacing:0;text-transform:none}.mtd-checkbox input{margin:0}.mtd-btn-export,.mtd-btn-refresh{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.mtd-btn-export{background:#10b981;background:var(--success-color,#10b981);color:#fff}.mtd-btn-export:hover:not(:disabled){background:#059669}.mtd-btn-refresh{background:#711b45;background:var(--primary-color,#711b45);color:#fff}.mtd-btn-refresh:hover:not(:disabled){background:#5a1536;background:var(--primary-dark,#5a1536)}.mtd-btn-export:disabled,.mtd-btn-refresh:disabled{cursor:not-allowed;opacity:.5}.mtd-error{background:#fee2e2;border-left:4px solid #ef4444;border-radius:4px;color:#991b1b;margin:12px 0;padding:12px 16px}.mtd-info,.mtd-loading{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);margin:16px 0;padding:40px;text-align:center}.mtd-header-bar{align-items:center;background:linear-gradient(135deg,#711b45,#8b2254);background:linear-gradient(135deg,var(--primary-color,#711b45),var(--primary-light,#8b2254));border-radius:8px;color:#fff;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px;padding:14px 18px}.mtd-title{align-items:baseline;display:flex;gap:10px}.mtd-month{font-size:22px;font-weight:700;letter-spacing:1px}.mtd-org{font-size:14px;opacity:.9}.mtd-meta{display:flex;flex-wrap:wrap;font-size:13px;gap:18px}.mtd-meta strong{font-weight:700}.mtd-days-edit{align-items:center;display:inline-flex;gap:4px}.mtd-days-input{background:#fffffff2;border:1px solid #fff6;border-radius:4px;color:#711b45;color:var(--primary-color,#711b45);font-size:13px;font-weight:700;padding:3px 6px;text-align:center;width:56px}.mtd-days-btn{align-items:center;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;height:22px;justify-content:center;line-height:1;margin-left:4px;padding:0;transition:all .15s;width:22px}.mtd-days-btn:hover:not(:disabled){background:#ffffff52}.mtd-days-btn:disabled{cursor:not-allowed;opacity:.5}.mtd-days-save{background:#10b98199;border-color:#10b981cc}.mtd-days-save:hover:not(:disabled){background:#10b981d9}.mtd-days-cancel:hover:not(:disabled){background:#ef444499}.mtd-days-custom{font-weight:400;opacity:.85}.mtd-days-custom,.mtd-meta-hint{font-size:11px;font-style:italic}.mtd-meta-hint{opacity:.75}.mtd-section-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;width:100%}.mtd-section-name{font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.mtd-branch-days{align-items:center;background:#0000002e;border-radius:6px;display:inline-flex;font-size:11px;font-weight:400;gap:2px;letter-spacing:.2px;padding:4px 10px;text-transform:none;white-space:nowrap}.mtd-branch-days strong{font-size:12px;font-weight:700}.mtd-table-wrap{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;max-height:75vh;overflow-x:auto}.mtd-table{border-collapse:initial;border-spacing:0;font-family:Segoe UI,Arial,sans-serif;font-size:12px;width:100%}.mtd-table thead th{background:#711b45;background:var(--primary-color,#711b45);border-bottom:1px solid #5a1536;border-bottom:1px solid var(--primary-dark,#5a1536);color:#fff;font-size:11px;font-weight:600;letter-spacing:.3px;padding:8px 6px;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;z-index:10}.mtd-table thead tr:nth-child(2) th{background:#8b2254;background:var(--primary-light,#8b2254);top:33px}.mtd-table .mtd-day-h,.mtd-table .mtd-perday-h{font-size:10px;min-width:42px;padding:4px}.mtd-table .mtd-day-group,.mtd-table .mtd-perday-group{background:#5a1536!important;background:var(--primary-dark,#5a1536)!important}.mtd-table th.mtd-name{left:0;min-width:220px;padding-left:12px;position:-webkit-sticky;position:sticky;text-align:left;z-index:11}.mtd-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light,#f1f5f9);border-right:1px solid #f1f5f9;border-right:1px solid var(--border-light,#f1f5f9);padding:6px;white-space:nowrap}.mtd-table td.mtd-name{background:#fff;border-right:2px solid #e2e8f0;border-right:2px solid var(--border-color,#e2e8f0);font-weight:500;left:0;padding-left:12px;position:-webkit-sticky;position:sticky;text-align:left;z-index:5}.mtd-table td.mtd-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.mtd-table td.mtd-day{color:#64748b;color:var(--text-secondary,#64748b);font-size:11px}.mtd-table td.mtd-day.mtd-day-exceeded{background:#d1fae5;color:#065f46;font-weight:700}.mtd-table td.mtd-achieved{font-weight:600}.mtd-table td.mtd-pct.good{color:#10b981;color:var(--success-color,#10b981);font-weight:700}.mtd-table td.mtd-pct.mid{color:#f59e0b;color:var(--warning-color,#f59e0b);font-weight:600}.mtd-table td.mtd-pct.low{color:#ef4444;color:var(--danger-color,#ef4444);font-weight:600}.mtd-table td.mtd-perday{background:#711b450a}.mtd-table td.mtd-exceeded{color:#10b981;color:var(--success-color,#10b981);font-weight:700;text-align:center}.mtd-table td.mtd-balance{color:#ef4444;color:var(--danger-color,#ef4444)}.mtd-table td.mtd-required{font-weight:600}.mtd-row:hover td{background-color:#711b450d}.mtd-row-subtotal{background:#e2e8f0;background:var(--bg-tertiary,#e2e8f0)}.mtd-row-subtotal td{background:#e2e8f0!important;background:var(--bg-tertiary,#e2e8f0)!important;font-weight:700}.mtd-row-manager td{background:#a8336b!important;background:var(--secondary-color,#a8336b)!important;color:#fff!important;font-weight:700}.mtd-row-grand td{background:#711b45!important;background:var(--primary-color,#711b45)!important;font-size:13px;font-weight:800}.mtd-row-grand td,.mtd-row-grand td.mtd-balance,.mtd-row-grand td.mtd-exceeded,.mtd-row-grand td.mtd-pct.good,.mtd-row-grand td.mtd-pct.low,.mtd-row-grand td.mtd-pct.mid{color:#fff!important}.mtd-section td{background:linear-gradient(90deg,#8b2254,#711b45);background:linear-gradient(90deg,var(--primary-light,#8b2254),var(--primary-color,#711b45));color:#fff;font-size:13px;font-weight:700;left:0;letter-spacing:.5px;padding:8px 12px;position:-webkit-sticky;position:sticky;text-transform:uppercase}.mtd-manager{font-size:12px;font-weight:400;margin-left:6px;opacity:.85;text-transform:none}.mtd-empty{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-style:italic;padding:12px;text-align:center}.mtd-spacer td{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:none;height:8px;padding:0}.yoy-tab{background:#fff;background:var(--bg-primary,#fff);padding:16px}.yoy-controls{align-items:flex-end;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px 16px}.yoy-filter{display:flex;flex-direction:column;gap:4px}.yoy-filter label{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.yoy-filter select{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--border-color,#cbd5e1);border-radius:6px;font-size:13px;min-width:200px;padding:7px 10px}.yoy-btn-export,.yoy-btn-refresh{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.yoy-btn-export{background:#10b981;background:var(--success-color,#10b981);color:#fff}.yoy-btn-export:hover:not(:disabled){background:#059669}.yoy-btn-refresh{background:#711b45;background:var(--primary-color,#711b45);color:#fff}.yoy-btn-refresh:hover:not(:disabled){background:#5a1536;background:var(--primary-dark,#5a1536)}.yoy-btn-export:disabled,.yoy-btn-refresh:disabled{cursor:not-allowed;opacity:.5}.yoy-error{background:#fee2e2;border-left:4px solid #ef4444;border-radius:4px;color:#991b1b;margin:12px 0;padding:12px 16px}.yoy-empty,.yoy-info,.yoy-loading{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);margin:16px 0;padding:40px;text-align:center}.yoy-header-bar{align-items:center;background:linear-gradient(135deg,#711b45,#8b2254);background:linear-gradient(135deg,var(--primary-color,#711b45),var(--primary-light,#8b2254));border-radius:8px;color:#fff;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px;padding:14px 18px}.yoy-title{align-items:baseline;display:flex;gap:10px}.yoy-years{font-size:22px;font-weight:700;letter-spacing:1px}.yoy-org{font-size:14px;opacity:.9}.yoy-summary{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:18px}.yoy-summary strong{font-weight:700}.yoy-growth{background:#ffffff26;border-radius:4px;padding:4px 10px}.yoy-growth.pos{background:#10b98140}.yoy-growth.neg{background:#ef444440}.yoy-table-wrap{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;max-height:75vh;overflow-x:auto}.yoy-table{border-collapse:initial;border-spacing:0;font-family:Segoe UI,Arial,sans-serif;font-size:12px;width:100%}.yoy-table thead th{background:#711b45;background:var(--primary-color,#711b45);border-bottom:1px solid #5a1536;border-bottom:1px solid var(--primary-dark,#5a1536);color:#fff;font-size:11px;font-weight:600;letter-spacing:.3px;padding:8px;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;z-index:10}.yoy-table thead tr:nth-child(2) th{background:#8b2254;background:var(--primary-light,#8b2254);font-size:10px;top:33px}.yoy-table th.yoy-group-h{background:#5a1536!important;background:var(--primary-dark,#5a1536)!important;font-size:12px}.yoy-table th.yoy-month-h{left:0;min-width:70px;padding-left:12px;position:-webkit-sticky;position:sticky;text-align:left;z-index:11}.yoy-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light,#f1f5f9);border-right:1px solid #f1f5f9;border-right:1px solid var(--border-light,#f1f5f9);padding:6px 10px;white-space:nowrap}.yoy-table td.yoy-month{background:#fff;border-right:2px solid #e2e8f0;border-right:2px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);font-weight:600;left:0;padding-left:12px;position:-webkit-sticky;position:sticky;text-align:left;z-index:5}.yoy-table td.yoy-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:90px;text-align:right}.yoy-table td.yoy-current{font-weight:600}.yoy-table td.yoy-pct{font-weight:600;text-align:right}.yoy-table td.yoy-pct.pos{color:#10b981;color:var(--success-color,#10b981)}.yoy-table td.yoy-pct.neg{color:#ef4444;color:var(--danger-color,#ef4444)}.yoy-table tbody tr:hover td:not(.yoy-month){background-color:#711b450a}.yoy-table tr.yoy-total td{background:#e2e8f0!important;background:var(--bg-tertiary,#e2e8f0)!important;border-top:2px solid #711b45;border-top:2px solid var(--primary-color,#711b45);font-size:13px;font-weight:800}.yoy-table tr.yoy-total td.yoy-pct.pos{color:#047857}.yoy-table tr.yoy-total td.yoy-pct.neg{color:#b91c1c}.yoy-mode-toggle{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--border-color,#cbd5e1);border-radius:6px;display:inline-flex;overflow:hidden}.yoy-mode-btn{background:#fff;border:none;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px;transition:all .15s}.yoy-mode-btn:not(:last-child){border-right:1px solid #cbd5e1;border-right:1px solid var(--border-color,#cbd5e1)}.yoy-mode-btn:hover:not(.active){background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.yoy-mode-btn.active{background:#711b45;background:var(--primary-color,#711b45);color:#fff}.yoy-table td.yoy-target{color:#64748b;color:var(--text-secondary,#64748b);font-style:italic}.yoy-table td.yoy-pp{font-weight:700;min-width:80px;text-align:right}.yoy-table td.yoy-pp.pos{background:#10b9810f;color:#10b981;color:var(--success-color,#10b981)}.yoy-table td.yoy-pp.neg{background:#ef44440f;color:#ef4444;color:var(--danger-color,#ef4444)}.yoy-table tr.yoy-total td.yoy-pp.pos{background:#10b98126;color:#047857}.yoy-table tr.yoy-total td.yoy-pp.neg{background:#ef444426;color:#b91c1c}.sal-tab{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.sal-header{align-items:flex-start;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.sal-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;margin:0 0 4px}.sal-header p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.sal-header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.sal-filter{padding:6px 10px}.sal-filter,.sal-refresh-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm)}.sal-refresh-btn{align-items:center;display:flex;gap:6px;padding:6px 14px;transition:background .15s}.sal-refresh-btn:hover:not(:disabled){background:var(--bg-hover)}.sal-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.sal-cards{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl)}.sal-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex:1 1 120px;flex-direction:column;gap:4px;min-width:100px;padding:var(--spacing-md) var(--spacing-lg)}.sal-card__value{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1}.sal-card__label{color:var(--text-secondary);font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase}.sal-card--success{border-color:#22c55e44;border-color:var(--success-border,#22c55e44)}.sal-card--success .sal-card__value{color:#16a34a;color:var(--success-color,#16a34a)}.sal-card--partial{border-color:#f59e0b44;border-color:var(--warning-border,#f59e0b44)}.sal-card--partial .sal-card__value{color:#d97706;color:var(--warning-color,#d97706)}.sal-card--failed{border-color:#ef444444;border-color:var(--danger-border,#ef444444)}.sal-card--failed .sal-card__value{color:#dc2626;color:var(--danger-color,#dc2626)}.sal-table-wrap{overflow-x:auto;padding:var(--spacing-lg) var(--spacing-xl)}.sal-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.sal-table th{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.04em;padding:8px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.sal-table td,.sal-table th{border-bottom:1px solid var(--border-color)}.sal-table td{color:var(--text-primary);padding:10px;vertical-align:middle}.sal-run-row{transition:background .1s}.sal-run-row:hover>td{background:var(--bg-hover)}.sal-counts{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.sal-error-cell{font-size:var(--font-size-xs);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sal-empty,.sal-error-cell{color:var(--text-secondary)}.sal-empty{padding:40px!important;text-align:center}.sal-type-tag{border-radius:999px;display:inline-block;font-size:var(--font-size-xs);font-weight:600;padding:2px 8px;text-transform:capitalize}.sal-type-tag--daily{background:#e0f2fe;color:#0369a1}.sal-type-tag--weekly{background:#f3e8ff;color:#7c3aed}.sal-badge{border-radius:999px;display:inline-block;font-size:var(--font-size-xs);font-weight:600;padding:2px 8px}.sal-badge--success{background:#dcfce7;color:#16a34a}.sal-badge--partial{background:#fef9c3;color:#b45309}.sal-badge--failed{background:#fee2e2;color:#dc2626}.sal-badge--skipped{background:var(--bg-secondary);color:var(--text-secondary)}.sal-err-tip{align-items:center;background:#fee2e2;border-radius:50%;color:#dc2626;cursor:help;display:inline-flex;font-size:10px;font-weight:700;height:16px;justify-content:center;margin-left:4px;width:16px}.sal-detail-row>td{background:var(--bg-secondary);padding:0 var(--spacing-xl) var(--spacing-md)}.sal-detail-table{border-collapse:collapse;font-size:var(--font-size-sm);margin-top:var(--spacing-sm);width:100%}.sal-detail-table th{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:600;padding:6px 8px;text-align:left}.sal-detail-table td,.sal-detail-table th{border-bottom:1px solid var(--border-color)}.sal-detail-table td{color:var(--text-primary);padding:7px 8px}.sal-filename{color:var(--text-secondary);font-family:monospace;font-size:var(--font-size-xs)}.sal-pagination{align-items:center;border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-md);justify-content:center;padding:var(--spacing-md) var(--spacing-xl)}.sal-pagination button{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:5px 14px;transition:background .15s}.sal-pagination button:hover:not(:disabled){background:var(--bg-hover)}.sal-pagination button:disabled{cursor:not-allowed;opacity:.4}.sal-loading{color:var(--text-secondary);padding:var(--spacing-xl);text-align:center}.sal-error,.sal-loading{font-size:var(--font-size-sm)}.sal-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:var(--radius-md);color:#dc2626;margin:var(--spacing-lg) var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg)}.sales-target-container{font-family:var(--font-primary);min-height:100vh;padding:var(--spacing-xl)}@media (max-width:768px){.sales-target-container{padding:var(--spacing-md)}}.st-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl) var(--spacing-2xl);position:relative}.st-header:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.st-header-left{align-items:center;display:flex;gap:var(--spacing-md)}.st-back-btn{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base);white-space:nowrap}.st-back-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color);transform:translateX(-2px)}.st-title-block h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-2xl);font-weight:700;margin:0 0 2px}.st-title-block p{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.st-user-info{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.st-user-info .user-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600}.st-user-info .user-label{color:var(--text-muted);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.st-header{flex-direction:column;padding:var(--spacing-lg)}.st-header,.st-user-info{align-items:flex-start}.st-title-block h1{font-size:var(--font-size-xl)}}.st-tabs{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-wrap:nowrap;margin-bottom:var(--spacing-xl);overflow-x:auto;padding:var(--spacing-sm)}.st-tab-btn,.st-tabs{gap:var(--spacing-xs)}.st-tab-btn{align-items:center;background:#0000;border:2px solid #0000;border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base);white-space:nowrap}.st-tab-btn svg{flex-shrink:0;height:16px;width:16px}.st-tab-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.st-tab-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-color:#0000;box-shadow:var(--shadow-md),0 0 12px #711b4540;color:#fff}@media (max-width:600px){.st-tab-btn{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md)}}.st-content{animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.st-coming-soon{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center}.st-coming-soon .cs-icon{color:var(--primary-color);height:72px;margin:0 auto var(--spacing-lg);opacity:.4;width:72px}.st-coming-soon h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;margin:0 0 var(--spacing-sm) 0}.st-coming-soon p{color:var(--text-muted);margin:0 0 var(--spacing-xs) 0}.st-coming-soon .cs-badge{background:#711b451a;border-radius:var(--radius-full);color:var(--primary-color);display:inline-block;font-size:var(--font-size-sm);font-weight:700;letter-spacing:.5px;margin-top:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md)}.lc-shell{background:var(--bg-secondary);display:flex;flex-direction:column;min-height:100vh}.lc-body{display:flex;flex:1 1;height:calc(100vh - 72px);overflow:hidden}.lc-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;height:72px;justify-content:space-between;padding:0 var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.lc-header:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));content:"";height:3px;left:0;position:absolute;right:0;top:0}.lc-header-left{gap:var(--spacing-md)}.lc-back-btn,.lc-header-left{align-items:center;display:flex}.lc-back-btn{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;height:38px;justify-content:center;transition:all var(--transition-fast);width:38px}.lc-back-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.lc-header-title{align-items:center;display:flex;gap:var(--spacing-sm)}.lc-header-title h1{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.3px;margin:0}.lc-header-title span{background:#711b4514;border-radius:var(--radius-full);color:var(--primary-color);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.lc-header-right{align-items:center;display:flex;gap:var(--spacing-sm)}.lc-sidebar{background:var(--bg-card);border-right:1px solid var(--border-color);box-shadow:2px 0 8px #0000000a;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:220px;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-sm);width:220px}.lc-nav-item{align-items:center;border:1px solid #0000;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);padding:11px var(--spacing-md);position:relative;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.lc-nav-item svg{flex-shrink:0;height:18px;width:18px}.lc-nav-item:hover{background:#711b450f;color:var(--primary-color)}.lc-nav-item.active{background:#711b451a;border-color:#711b4526;color:var(--primary-color);font-weight:600}.lc-nav-item.active:before{background:var(--primary-color);border-radius:0 3px 3px 0;bottom:20%;content:"";left:0;position:absolute;top:20%;width:3px}.lc-nav-badge{align-items:center;background:var(--error-color);border-radius:var(--radius-full);color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;margin-left:auto;min-width:18px;padding:0 5px}.lc-content{flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.lc-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.lc-section-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;margin:0}.lc-section-header p{color:var(--text-muted);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 0}.lc-stats-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-xl)}.lc-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--spacing-lg) var(--spacing-xl);position:relative;transition:all var(--transition-base)}.lc-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lc-stat-card:before{background:var(--primary-color);background:var(--stat-color,var(--primary-color));content:"";height:3px;left:0;position:absolute;right:0;top:0}.lc-stat-card .lc-stat-icon{align-items:center;background:#711b4514;background:var(--stat-bg,#711b4514);border-radius:var(--radius-lg);color:var(--primary-color);color:var(--stat-color,var(--primary-color));display:flex;height:40px;justify-content:center;margin-bottom:var(--spacing-sm);width:40px}.lc-stat-card .lc-stat-icon svg{height:20px;width:20px}.lc-stat-card .lc-stat-value{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:800;line-height:1;margin-bottom:var(--spacing-xs)}.lc-stat-card .lc-stat-label{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500}.lc-alert-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl);overflow:hidden}.lc-alert-section-header{align-items:center;background:linear-gradient(135deg,#ef44440f,#f59e0b0f);border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl)}.lc-alert-section-header svg{color:#ef4444}.lc-alert-section-header h3{color:var(--text-primary);font-size:var(--font-size-base);font-weight:700;margin:0}.lc-alert-section-header span{color:var(--text-muted);font-size:var(--font-size-xs);margin-left:auto}.lc-alert-row{grid-gap:var(--spacing-md);align-items:center;border-bottom:1px solid var(--border-color);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr 120px 130px 110px auto;padding:var(--spacing-md) var(--spacing-xl);transition:background var(--transition-fast)}.lc-alert-row:last-child{border-bottom:none}.lc-alert-row:hover{background:var(--bg-secondary)}.lc-alert-row .lc-days-pill{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:700;gap:4px;padding:4px 10px}.lc-days-critical{background:#ef44441a;color:#ef4444}.lc-days-high{background:#f59e0b1a;color:#d97706}.lc-days-medium{background:#eab3081a;color:#ca8a04}.lc-days-safe{background:#10b9811a;color:#059669}.lc-alert-empty{color:var(--success-color);font-weight:600;justify-content:center;padding:var(--spacing-xl);text-align:center}.lc-alert-empty,.lc-filter-bar{align-items:center;display:flex;gap:var(--spacing-sm)}.lc-filter-bar{flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.lc-filter-bar .form-select{font-size:var(--font-size-sm);height:38px;min-width:130px;padding:0 var(--spacing-sm)}.lc-filter-group{align-items:center;display:flex;gap:8px}.lc-filter-group label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.lc-filter-select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);height:38px;min-width:130px;padding:0 var(--spacing-sm)}.lc-filter-info{color:var(--text-muted);font-size:var(--font-size-sm);margin-left:auto}.lc-table-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:visible;position:relative}.lc-table-container{overflow-x:auto;overflow-y:visible}.lc-table{border-collapse:collapse;width:100%}.lc-table thead th{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-align:left;text-transform:uppercase;white-space:nowrap}.lc-th-with-filter{align-items:center;display:flex;gap:6px;justify-content:space-between}.lc-column-filter{display:inline-flex;position:relative}.lc-filter-trigger{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;transition:all var(--transition-fast);width:20px}.lc-filter-trigger:hover{background:#711b4514;border-color:#711b454d;color:var(--primary-color)}.lc-filter-trigger.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.lc-filter-dropdown{animation:lc-dropdown-in .15s ease;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:200px;min-width:180px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.lc-filter-dropdown::-webkit-scrollbar{width:6px}.lc-filter-dropdown::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-md)}.lc-filter-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-md)}.lc-filter-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes lc-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lc-filter-option{border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;letter-spacing:normal;padding:8px 12px;text-transform:none;transition:background var(--transition-fast)}.lc-filter-option:last-child{border-bottom:none}.lc-filter-option:hover{background:#711b450f}.lc-filter-option.selected{background:#711b451a;color:var(--primary-color);font-weight:600}.lc-search-dropdown{min-width:250px}.lc-search-input-wrapper{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:4px;padding:8px}.lc-search-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);outline:none;padding:6px 10px;transition:border-color var(--transition-fast)}.lc-search-input:focus{background:#fff;border-color:var(--primary-color)}.lc-search-btn{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all var(--transition-fast);width:28px}.lc-search-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.lc-search-btn:active{transform:scale(.95)}.lc-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.lc-table tbody tr:hover{background:#711b4508}.lc-table tbody tr:not(:last-child) td{border-bottom:1px solid var(--border-color)}.lc-table td{color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-md) var(--spacing-lg);vertical-align:middle}.lc-table td .lc-sub{color:var(--text-muted);font-size:var(--font-size-xs)}.lc-table-actions{gap:var(--spacing-xs)}.lc-icon-btn,.lc-table-actions{align-items:center;display:flex}.lc-icon-btn{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.lc-icon-btn:hover{background:#711b4514;border-color:#711b4533;color:var(--primary-color)}.lc-icon-btn.chat-btn:hover{background:#3b82f614;border-color:#3b82f64d;color:#3b82f6}.lc-icon-btn svg{height:16px;width:16px}.lc-empty-table{color:var(--text-muted);padding:var(--spacing-2xl);text-align:center}.lc-empty-table svg{height:40px;margin-bottom:var(--spacing-sm);opacity:.4;width:40px}.badge-critical{background:#ef44441f;color:#dc2626}.badge-high{background:#f973161f;color:#ea580c}.badge-medium{background:#3b82f61f;color:#2563eb}.badge-active,.badge-low{background:#10b9811f;color:#059669}.badge-recovered{background:#14b8a61f;color:#0d9488}.badge-closed{background:#64748b1f;color:#64748b}.badge-warning{background:#f59e0b1f;color:#d97706}.badge-default,.badge-received{background:#64748b1a;color:#64748b}.badge-deposited{background:#3b82f61f;color:#2563eb}.badge-bounced{background:#ef44441f;color:#dc2626}.badge-cleared{background:#10b9811f;color:#059669}.lc-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl);overflow:hidden}.lc-panel-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.lc-panel-header h3{color:var(--text-primary);font-size:var(--font-size-base);font-weight:700;margin:0}.lc-drawer-overlay{animation:lc-fade-in .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000040;inset:0;position:fixed;z-index:200}@keyframes lc-fade-in{0%{opacity:0}to{opacity:1}}.lc-chat-drawer{animation:lc-slide-in .25s ease;background:var(--bg-card);bottom:0;box-shadow:-4px 0 30px #00000026;display:flex;flex-direction:column;position:fixed;right:0;top:0;width:400px;z-index:201}@keyframes lc-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}.lc-drawer-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.lc-drawer-header h3{color:var(--text-primary);font-size:var(--font-size-base);font-weight:700;margin:0}.lc-drawer-header p{color:var(--text-muted);font-size:var(--font-size-xs);margin:2px 0 0}.lc-chat-messages{background:#f0f2f5;display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:16px}.lc-msg-system{align-self:center;background:#e3f2fd;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#1976d2;font-size:13px;line-height:1.5;margin:4px 0;max-width:75%;padding:8px 12px;text-align:center;white-space:pre-line}.lc-msg-wrap{display:flex;flex-direction:column;margin:2px 0;max-width:75%}.lc-msg-wrap.own{align-items:flex-end;align-self:flex-end}.lc-msg-wrap.other{align-items:flex-start;align-self:flex-start}.lc-msg-sender{color:var(--text-muted);font-size:11px;font-weight:600;margin-bottom:3px;padding:0 4px}.lc-msg-bubble{border-radius:8px;box-shadow:0 1px 2px #0000001a;font-size:14px;line-height:1.5;padding:8px 12px;white-space:pre-wrap;word-break:break-word}.lc-msg-wrap.own .lc-msg-bubble{background:#dcf8c6;border-bottom-right-radius:2px;color:#000;padding-top:22px}.lc-msg-wrap.other .lc-msg-bubble{background:#fff;border-bottom-left-radius:2px;color:#000}.lc-msg-time{color:#667781;font-size:11px;margin-top:4px;padding:0 4px}.lc-chat-input-wrap{background:var(--bg-card);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.lc-chat-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);flex:1 1;font-family:var(--font-primary);font-size:var(--font-size-sm);max-height:100px;outline:none;padding:10px var(--spacing-md);resize:none;transition:border-color var(--transition-fast)}.lc-chat-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a}.lc-send-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.lc-send-btn:hover{opacity:.9;transform:scale(1.05)}.lc-send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.lc-send-btn svg{height:18px;width:18px}.lc-profile-drawer{animation:lc-slide-in .25s ease;background:var(--bg-card);bottom:0;box-shadow:-4px 0 30px #00000026;display:flex;flex-direction:column;overflow-y:auto;position:fixed;right:0;top:0;width:520px;z-index:201}.lc-profile-hero{background:linear-gradient(135deg,#711b450f,#a8336b0a);border-bottom:1px solid var(--border-color);padding:var(--spacing-xl);position:relative}.lc-profile-case-num{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--spacing-xs)}.lc-profile-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.lc-profile-meta{color:var(--text-muted);font-size:var(--font-size-sm)}.lc-profile-drawer-actions{display:flex;gap:var(--spacing-xs);position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);z-index:10}.lc-close-btn,.lc-edit-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.lc-close-btn:hover,.lc-edit-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.lc-edit-btn:hover{background:#711b450d}.lc-profile-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;padding:0 var(--spacing-lg)}.lc-profile-tab{border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast);white-space:nowrap}.lc-profile-tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.lc-profile-tab:hover:not(.active){color:var(--text-primary)}.lc-profile-body{flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.lc-info-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-xl)}.lc-info-item label{color:var(--text-muted);display:block;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.lc-info-item .lc-info-val{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.lc-info-item.full{grid-column:1/-1}.lc-subsection-title{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:700;letter-spacing:.5px;margin:var(--spacing-xl) 0 var(--spacing-md);padding-bottom:var(--spacing-sm);text-transform:uppercase}.lc-doc-item{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.lc-doc-item a{color:var(--primary-color);flex:1 1;font-size:var(--font-size-sm);font-weight:500;text-decoration:none}.lc-doc-item a:hover{text-decoration:underline}.lc-timeline-item{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);position:relative}.lc-timeline-dot{background:var(--primary-color);border-radius:50%;flex-shrink:0;height:10px;margin-top:5px;width:10px}.lc-timeline-content{border-bottom:1px solid var(--border-color);flex:1 1;padding-bottom:var(--spacing-md)}.lc-timeline-content:last-child{border-bottom:none}.lc-timeline-msg{color:var(--text-primary);font-size:var(--font-size-sm)}.lc-timeline-time{color:var(--text-muted);font-size:11px;margin-top:2px}.lc-modal-overlay{align-items:center;animation:lc-fade-in .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;display:flex;inset:0;justify-content:center;padding:var(--spacing-xl);position:fixed;z-index:300}.lc-modal{animation:lc-modal-in .25s ease;background:var(--bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:680px;width:100%}.lc-modal-large{max-width:800px}@keyframes lc-modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.lc-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-xl)}.lc-modal-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;margin:0}.lc-modal-header p{color:var(--text-muted);font-size:var(--font-size-sm);margin:3px 0 0}.lc-modal-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;overflow-x:auto;padding:0 var(--spacing-lg)}.lc-modal-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast);white-space:nowrap}.lc-modal-tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.lc-modal-tab:hover:not(.active){color:var(--text-primary)}.lc-modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.lc-modal-footer{background:var(--bg-secondary);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-xl)}.lc-tab-content{animation:lc-tab-fade-in .2s ease}@keyframes lc-tab-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.lc-field-hint{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-size-xs);gap:6px;margin-top:4px}.lc-info-box{align-items:flex-start;background:#3b82f60f;border:1px solid #3b82f626;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);line-height:1.5;padding:var(--spacing-md)}.lc-info-box svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.lc-checkbox-wrapper{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);transition:all var(--transition-fast)}.lc-checkbox-wrapper:hover{background:#711b4508;border-color:var(--primary-color)}.form-checkbox{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.form-checkbox-label{cursor:pointer;margin:0;-webkit-user-select:none;user-select:none}.form-checkbox-label,.form-textarea{color:var(--text-primary);font-size:var(--font-size-sm)}.form-textarea{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-primary);padding:var(--spacing-sm) var(--spacing-md);resize:vertical;transition:all var(--transition-fast);width:100%}.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a;outline:none}.lc-form-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.lc-form-section-title{background:#711b450f;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-xs);font-weight:700;gap:var(--spacing-sm);letter-spacing:.5px;margin:var(--spacing-lg) 0 var(--spacing-md);padding:6px 12px;text-transform:uppercase}.lc-convert-btn,.lc-form-section-title{align-items:center;color:var(--primary-color)}.lc-convert-btn{background:#711b4514;border:1px solid #711b4533;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;transition:all var(--transition-fast);white-space:nowrap}.lc-convert-btn:hover{background:var(--primary-color);color:#fff}.lc-loading{align-items:center;color:var(--text-muted);display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-2xl)}@media (max-width:1024px){.lc-stats-row{grid-template-columns:repeat(2,1fr)}.lc-alert-row{grid-template-columns:1fr 1fr 110px auto}}@media (max-width:768px){.lc-body{flex-direction:column;height:auto}.lc-sidebar{border-bottom:1px solid var(--border-color);border-right:none;box-shadow:0 2px 8px #0000000a;flex-direction:row;min-width:0;overflow-x:auto;padding:var(--spacing-xs) var(--spacing-sm);width:100%}.lc-nav-item{flex-direction:column;font-size:10px;gap:3px;min-width:60px;padding:8px 12px}.lc-nav-item.active:before{bottom:0;height:2px;left:20%;right:20%;top:0;width:auto}.lc-content{padding:var(--spacing-md)}.lc-stats-row{grid-template-columns:1fr 1fr}.lc-chat-drawer,.lc-profile-drawer{width:100%}.lc-info-grid{grid-template-columns:1fr}.lc-alert-row{gap:var(--spacing-sm);grid-template-columns:1fr auto}.lc-form-row{grid-template-columns:1fr}.lc-modal{border-radius:0;max-height:100vh;max-width:100%}.lc-modal-tabs{overflow-x:auto}.lc-modal-tab{font-size:12px;padding:var(--spacing-sm) var(--spacing-md)}}.lc-detail-row{border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-sm) 0}.lc-detail-row:last-child{border-bottom:none}.lc-detail-label{color:var(--text-muted);flex-shrink:0;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.3px;text-transform:uppercase}.lc-detail-value{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;text-align:right;word-break:break-word}.lc-msg-bubble{position:relative}.lc-msg-menu-wrap{position:absolute;right:4px;top:4px}.lc-msg-menu-btn{align-items:center;background:#00000026;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;opacity:0;padding:0;transition:opacity .15s;width:20px}.lc-msg-wrap:hover .lc-msg-menu-btn{opacity:1}.lc-msg-context-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.lc-msg-context-menu button{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 12px;text-align:left;transition:background .15s;width:100%}.lc-msg-context-menu button:hover{background:var(--bg-secondary)}.lc-msg-context-menu button.danger{color:#e53e3e;color:var(--danger-color,#e53e3e)}.lc-msg-edit-form{display:flex;flex-direction:column;gap:4px;min-width:200px}.lc-edit-actions{display:flex;gap:6px;justify-content:flex-end}.lc-edit-cancel,.lc-edit-save{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;padding:3px 10px}.lc-edit-save{background:var(--primary-color);color:#fff}.lc-edit-cancel{background:var(--bg-secondary);color:var(--text-primary)}.pdf-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.pdf-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:90%}.pdf-modal-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px}.pdf-modal-header h2{color:#333;font-size:20px;margin:0}.btn-close{background:none;border:none;color:#999;cursor:pointer;font-size:32px;height:32px;line-height:1;padding:0;width:32px}.btn-close:hover{color:#333}.pdf-modal-body{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow:auto;padding:20px}.pdf-viewer-container{align-items:flex-start;display:flex;flex:1 1;justify-content:center;overflow:auto}.pdf-canvas-wrapper{border:2px solid #dee2e6;border-radius:8px;cursor:crosshair;display:inline-block;overflow:hidden;position:relative}.pdf-canvas-wrapper canvas{display:block;height:auto;max-width:100%}.annotation-layer{left:0;pointer-events:none;position:absolute;top:0}.pdf-controls{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:15px;padding:15px}.page-controls{align-items:center;display:flex;gap:15px;justify-content:center}.btn-page{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.btn-page:disabled{background:#ccc;cursor:not-allowed}.btn-page:hover:not(:disabled){background:#0056b3}.annotation-info{text-align:center}.annotation-info p{color:#666;font-size:14px;margin:5px 0}.modal-actions{gap:15px;justify-content:center}.btn-cancel{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 24px}.btn-cancel:hover{background:#5a6268}.btn-save{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 24px}.btn-save:hover:not(:disabled){background:#218838}.btn-save:disabled{background:#ccc;cursor:not-allowed}.im-shell{background:var(--bg-secondary);display:flex;flex-direction:column;min-height:100vh}.im-body{display:flex;flex:1 1;height:calc(100vh - 72px);overflow:hidden}.im-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;height:72px;justify-content:space-between;padding:0 var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.im-header:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));content:"";height:3px;left:0;position:absolute;right:0;top:0}.im-header-left{gap:var(--spacing-md)}.im-back-btn,.im-header-left{align-items:center;display:flex}.im-back-btn{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;height:38px;justify-content:center;transition:all var(--transition-fast);width:38px}.im-back-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.im-header-title{align-items:center;display:flex;gap:var(--spacing-sm)}.im-header-title h1{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.3px;margin:0}.im-header-title span{background:#711b4514;border-radius:var(--radius-full);color:var(--primary-color);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.im-header-right{align-items:center;display:flex;gap:var(--spacing-sm)}.im-content{flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.im-search-bar{margin-bottom:var(--spacing-xl)}.im-search-wrapper{max-width:600px;position:relative}.im-search-icon{color:var(--text-muted);height:20px;left:var(--spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.im-search-input{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);min-height:var(--btn-height-md);padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 44px;transition:all var(--transition-base);width:100%}.im-search-input:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a;outline:none}.im-search-input::placeholder{color:var(--text-muted)}.im-table-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl);overflow:hidden}.im-table-container{overflow-x:auto}.im-table{border-collapse:collapse;width:100%}.im-table thead th{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-lg);text-align:left;text-transform:uppercase;white-space:nowrap}.im-table tbody tr{transition:background var(--transition-fast)}.im-table tbody tr:hover{background:#711b4508}.im-table tbody tr:not(:last-child) td{border-bottom:1px solid var(--border-color)}.im-table td{color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-md) var(--spacing-lg);vertical-align:middle}.im-table td strong{color:var(--text-primary);font-weight:600}.im-empty-table{color:var(--text-muted);font-size:var(--font-size-base);padding:var(--spacing-2xl);text-align:center}.im-status-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.badge-picked{background:#10b9811f;color:#059669}.badge-verified{background:#f59e0b1f;color:#d97706}.badge-completed{background:#3b82f61f;color:#2563eb}.im-action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.im-remark-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-sm);min-width:200px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.im-remark-input:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 2px #711b451a;outline:none}.im-remark-input::placeholder{color:var(--text-muted)}.im-pagination{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:center;padding:var(--spacing-lg) 0}.im-page-info{font-size:var(--font-size-sm)}.im-loading,.im-page-info{color:var(--text-secondary);font-weight:500}.im-loading{align-items:center;display:flex;flex-direction:column;font-size:var(--font-size-base);gap:var(--spacing-lg);justify-content:center;min-height:100vh}@media (max-width:1024px){.im-content{padding:var(--spacing-lg)}.im-table-wrap{border-radius:var(--radius-lg)}}@media (max-width:768px){.im-header{height:64px;padding:0 var(--spacing-md)}.im-header-title h1{font-size:var(--font-size-lg)}.im-header-title span{display:none}.im-content{padding:var(--spacing-md)}.im-search-bar{margin-bottom:var(--spacing-lg)}.im-search-wrapper{max-width:100%}.im-table-wrap{border-radius:var(--radius-md)}.im-table thead th{font-size:10px}.im-table td,.im-table thead th{padding:var(--spacing-sm) var(--spacing-md)}.im-table td{font-size:var(--font-size-xs)}.im-action-buttons{align-items:stretch;flex-direction:column}.im-action-buttons .btn{width:100%}.im-remark-input{font-size:var(--font-size-xs);min-width:150px}.im-pagination{gap:var(--spacing-md);padding:var(--spacing-md) 0}.im-page-info{font-size:var(--font-size-xs)}}@media (max-width:480px){.im-header{padding:0 var(--spacing-sm)}.im-back-btn{height:32px;width:32px}.im-header-title h1{font-size:var(--font-size-base)}.im-content{padding:var(--spacing-sm)}.im-search-input{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 38px}.im-search-icon{height:16px;left:var(--spacing-sm);width:16px}.im-table-container{overflow-x:scroll}.im-table{min-width:800px}}.im-table tbody tr{animation:fadeIn .3s ease-out}@media print{.im-action-buttons,.im-header,.im-pagination,.im-search-bar{display:none}.im-table-wrap{border:1px solid #000;box-shadow:none}.im-table tbody tr:hover{background:#0000}}.customers-tab{width:100%}.tab-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.tab-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;margin:0}.search-box,.tab-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.search-box{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a}.search-box svg{color:var(--text-muted);height:18px;width:18px}.search-box input{background:#0000;border:none;color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-sm);outline:none;width:200px}.search-box input::placeholder{color:var(--text-muted)}.btn-icon{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;height:38px;transition:all var(--transition-fast);width:38px}.btn-icon:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.btn-icon.btn-danger{color:#dc2626}.btn-icon.btn-danger:hover{background:#fee2e2;border-color:#dc2626}.btn-primary{align-items:center;background:var(--primary-color);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.loading{font-size:var(--font-size-base);padding:var(--spacing-3xl)}.table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:var(--bg-secondary)}.data-table th{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.5px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td,.data-table th{border-bottom:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg)}.data-table td{color:var(--text-primary);font-size:var(--font-size-sm);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:#711b4508}.data-table tbody tr:last-child td{border-bottom:none}.no-data{color:var(--text-muted);font-size:var(--font-size-base);padding:var(--spacing-3xl)!important;text-align:center}.action-buttons{display:flex;gap:var(--spacing-xs)}.modal-content{background:var(--bg-card);box-shadow:var(--shadow-lg)}.modal-content h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;margin:0 0 var(--spacing-xl) 0}.form-group label{color:var(--text-primary);margin-bottom:var(--spacing-xs)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-card);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-primary);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.form-group textarea{min-height:80px}.form-group small{color:var(--text-muted);display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.3px;padding:3px 10px}.status-badge.active{background:#10b9811f;color:#059669}.status-badge.inactive{background:#ef44441f;color:#dc2626}@media (max-width:768px){.tab-header{align-items:flex-start;flex-direction:column}.tab-actions{flex-direction:column;width:100%}.search-box,.search-box input{width:100%}.btn-primary{justify-content:center;width:100%}.data-table td,.data-table th{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md)}.modal-content{padding:var(--spacing-lg)}}.bulk-upload-modal{max-width:700px}.upload-instructions{margin:var(--spacing-xl) 0}.instruction-section{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.instruction-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:700;gap:var(--spacing-xs);margin:0 0 var(--spacing-md) 0}.instruction-section ol{color:var(--text-secondary);margin:0;padding-left:var(--spacing-xl)}.instruction-section ol li{line-height:1.6;margin-bottom:var(--spacing-xs)}.instruction-section ul{color:var(--text-secondary);margin:0;padding-left:var(--spacing-xl)}.instruction-section ul li{line-height:1.6;margin-bottom:var(--spacing-xs)}.column-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.column-item{background:var(--bg-card);border-left:3px solid #0000;border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.5;padding:var(--spacing-sm) var(--spacing-md)}.column-item.required{border-left-color:#dc2626}.column-item.optional{border-left-color:#3b82f6}.column-item strong{background:#711b4514;border-radius:4px;color:var(--primary-color);font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.instruction-section.example{border-left-color:#3b82f6}.example-table{margin-top:var(--spacing-md);overflow-x:auto}.example-table table{background:var(--bg-card);border-collapse:collapse;border-radius:var(--radius-md);font-size:var(--font-size-xs);overflow:hidden;width:100%}.example-table th{background:var(--primary-color);color:#fff;font-weight:600;text-align:left}.example-table td,.example-table th{font-family:Courier New,monospace;padding:var(--spacing-sm)}.example-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.instruction-section.warning{background:#f59e0b0d;border-left-color:#f59e0b}.bulk-upload-modal .modal-actions{flex-wrap:wrap}.bulk-upload-modal .modal-actions button,.bulk-upload-modal .modal-actions label{flex:1 1;justify-content:center;min-width:180px}@media (max-width:768px){.bulk-upload-modal{max-width:95%}.instruction-section{padding:var(--spacing-md)}.column-item{font-size:var(--font-size-xs)}.example-table{font-size:10px}.bulk-upload-modal .modal-actions{flex-direction:column}.bulk-upload-modal .modal-actions button,.bulk-upload-modal .modal-actions label{width:100%}}.template-help{background:#3b82f60d;border-left:3px solid #3b82f6;border-radius:4px;color:var(--text-secondary);display:block;font-size:12px;line-height:1.6;margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.template-help code{background:#711b451a;border-radius:3px;color:var(--primary-color);font-family:Courier New,monospace;font-size:11px;font-weight:600;padding:2px 6px}.upload-tab{width:100%}.upload-header{margin-bottom:2rem}.upload-header h2{color:#1f2937;font-size:1.5rem;margin:0 0 .5rem}.upload-header p{color:#6b7280;margin:0}.upload-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.upload-form{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;padding:2rem}.file-input-wrapper{margin-top:.5rem}.file-input-wrapper input[type=file]{border:1px solid #e5e7eb;width:100%}.file-info,.file-input-wrapper input[type=file]{background:#fff;border-radius:6px;padding:.75rem}.file-info{align-items:center;border:1px solid #e5e7eb;display:flex;gap:.5rem;margin-top:.75rem}.file-info svg{color:#667eea}.file-size{color:#6b7280;font-size:.875rem}.upload-progress{margin:1.5rem 0}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.upload-progress span{color:#6b7280;font-size:.875rem}.btn-upload{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.btn-upload:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-upload:disabled{cursor:not-allowed;opacity:.5}.upload-info{background:#f9fafb;border-radius:12px;padding:2rem}.upload-info h3{color:#1f2937;margin:0 0 1rem}.upload-info ol{color:#6b7280;margin:0;padding-left:1.5rem}.upload-info ol li{line-height:1.6;margin-bottom:.75rem}.info-box{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;color:#92400e;line-height:1.6;margin-top:1.5rem;padding:1rem}.info-box strong{color:#78350f}.status-badge{border-radius:12px;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}@media (max-width:968px){.upload-container{grid-template-columns:1fr}}.logs-tab{width:100%}.view-toggle{background:#f3f4f6;border-radius:8px;display:flex;padding:.25rem}.view-toggle button{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.view-toggle button.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#667eea}.filters-section{background:#f9fafb;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{color:#6b7280;font-size:.875rem;font-weight:500}.filter-group input,.filter-group select{border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;padding:.5rem}.filter-group input:focus,.filter-group select:focus{border-color:#667eea;outline:none}.status-badge.sent{background:#d1fae5;color:#065f46}.status-badge.failed{background:#fee2e2;color:#991b1b}.status-badge.pending{background:#fef3c7;color:#92400e}.success-text{color:#059669;font-weight:600}.error-text{color:#dc2626;font-weight:600}@media (max-width:768px){.filters-section{flex-direction:column}.filter-group,.filter-group input,.filter-group select{width:100%}}.ar-shell{background:var(--bg-secondary);display:flex;flex-direction:column;min-height:100vh}.ar-body{display:flex;flex:1 1;height:calc(100vh - 72px);overflow:hidden}.ar-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;height:72px;justify-content:space-between;padding:0 var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.ar-header:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));content:"";height:3px;left:0;position:absolute;right:0;top:0}.ar-header-left{gap:var(--spacing-md)}.ar-back-btn,.ar-header-left{align-items:center;display:flex}.ar-back-btn{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;height:38px;justify-content:center;transition:all var(--transition-fast);width:38px}.ar-back-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.ar-header-title{align-items:center;display:flex;gap:var(--spacing-sm)}.ar-header-title h1{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.3px;margin:0}.ar-header-title span{background:#711b4514;border-radius:var(--radius-full);color:var(--primary-color);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.ar-nav{background:var(--bg-card);border-bottom:1px solid var(--border-color);overflow-x:auto;padding:0 var(--spacing-xl)}.ar-nav,.ar-nav-tab{display:flex;gap:var(--spacing-xs)}.ar-nav-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all var(--transition-fast);white-space:nowrap}.ar-nav-tab:hover{background:#711b4508;color:var(--text-primary)}.ar-nav-tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.ar-nav-tab-icon{font-size:var(--font-size-lg)}.ar-content{background:var(--bg-secondary);flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}@media (max-width:1024px){.ar-content{padding:var(--spacing-lg)}}@media (max-width:768px){.ar-header{height:64px;padding:0 var(--spacing-md)}.ar-header-title h1{font-size:var(--font-size-lg)}.ar-header-title span{display:none}.ar-nav{padding:0 var(--spacing-md)}.ar-nav-tab{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md)}.ar-content{padding:var(--spacing-md)}}@media (max-width:480px){.ar-header{padding:0 var(--spacing-sm)}.ar-back-btn{height:32px;width:32px}.ar-header-title h1{font-size:var(--font-size-base)}.ar-nav{padding:0 var(--spacing-sm)}.ar-content{padding:var(--spacing-sm)}}.df-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;contain:layout;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:1000}.df-modal-content{animation:slideUpSmooth .25s cubic-bezier(.16,1,.3,1);background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.df-modal-header{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:10}.df-modal-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;margin:0}.df-close-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.df-close-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.df-form{padding:var(--spacing-xl)}.df-form-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-xl)}.df-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.df-form-group.df-full-width{grid-column:1/-1}.df-form-group label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.3px}.df-form-group label .required{color:var(--danger-color);margin-left:2px}.df-form-group input,.df-form-group select,.df-form-group textarea{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);padding:var(--spacing-md);transition:all var(--transition-fast)}.df-form-group input:focus,.df-form-group select:focus,.df-form-group textarea:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a;outline:none}.df-form-group input::placeholder,.df-form-group textarea::placeholder{color:var(--text-muted)}.df-form-group textarea{min-height:80px;resize:vertical}.df-form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg)}@media (max-width:768px){.df-modal-overlay{padding:var(--spacing-md)}.df-modal-content{max-height:95vh}.df-modal-header{padding:var(--spacing-lg)}.df-modal-header h2{font-size:var(--font-size-lg)}.df-form{padding:var(--spacing-lg)}.df-form-grid{gap:var(--spacing-md);grid-template-columns:1fr}.df-form-actions{flex-direction:column-reverse}.df-form-actions .btn{width:100%}}@media (max-width:480px){.df-modal-overlay{padding:var(--spacing-sm)}.df-modal-header{padding:var(--spacing-md)}.df-modal-header h2{font-size:var(--font-size-base)}.df-close-btn{height:32px;width:32px}.df-form{padding:var(--spacing-md)}.df-form-group input,.df-form-group select,.df-form-group textarea{font-size:var(--font-size-sm)}}@keyframes slideUpSmooth{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.df-input-with-status{display:flex;flex-direction:column;gap:var(--spacing-xs);position:relative}.df-input-status{align-items:center;animation:fadeInSlide .3s ease-out;border-radius:var(--radius-sm);display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.df-input-status.df-searching{background:#0066cc1a;color:#06c}.df-input-status.df-found{background:#00a86b1a;color:#00a86b}.df-input-status.df-new{background:#ff8c001a;color:#ff8c00}.df-spinner{animation:spin .6s linear infinite;border:2px solid #0066cc4d;border-radius:50%;border-top-color:#06c;display:inline-block;height:12px;width:12px}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.df-section-header{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left:4px solid #2196f3;border-radius:4px;display:flex;flex-direction:column;gap:4px;margin-bottom:8px;padding:12px}.df-section-header strong{color:#1976d2;font-size:14px}.df-section-header small{color:#666;font-size:12px}.df-help-text{color:#4caf50;display:block;font-size:12px;margin-top:4px}.df-searchable-select{position:relative}.df-search-input-wrapper{align-items:center;display:flex;position:relative}.df-search-input{padding-right:40px!important;width:100%}.df-clear-btn{align-items:center;background:var(--text-muted);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all var(--transition-fast);width:24px;z-index:2}.df-clear-btn:hover{background:var(--danger-color);transform:translateY(-50%) scale(1.1)}.df-dropdown-list{animation:dropdownSlide .2s ease-out;background:#fff;border:2px solid var(--primary-color);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.df-dropdown-item{border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 16px;transition:all var(--transition-fast)}.df-dropdown-item:last-child{border-bottom:none}.df-dropdown-item:hover{background:#711b450d}.df-dropdown-item.selected{background:#711b451a;border-left:4px solid var(--primary-color)}.df-dropdown-item strong{color:var(--text-primary);font-size:14px;font-weight:600}.df-zone-name{color:var(--text-secondary);font-size:13px}.df-zone-name-ar{color:var(--text-muted);direction:rtl;font-size:12px}.df-dropdown-item.df-no-results{color:var(--text-muted);cursor:default;font-style:italic;text-align:center}.df-dropdown-item.df-no-results:hover{background:#0000}.df-dropdown-item.df-info{background:#fff3cd;border-top:2px solid #ffc107;color:#856404;cursor:default;font-size:12px;text-align:center}.df-dropdown-item.df-info:hover{background:#fff3cd}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.df-dropdown-list::-webkit-scrollbar{width:8px}.df-dropdown-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 var(--radius-md) var(--radius-md) 0}.df-dropdown-list::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.df-dropdown-list::-webkit-scrollbar-thumb:hover{background:#8b1b45}.ds-container{flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.ds-summary-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-2xl)}.ds-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);transition:all var(--transition-base)}.ds-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ds-card-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:48px;height:72px;justify-content:center;width:72px}.ds-card-primary .ds-card-icon{background:#711b451a}.ds-card-warning .ds-card-icon{background:#f59e0b1a}.ds-card-success .ds-card-icon{background:#10b9811a}.ds-card-info .ds-card-icon{background:#3b82f61a}.ds-card-content{flex:1 1}.ds-card-content h3{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;margin:0 0 var(--spacing-xs) 0;text-transform:uppercase}.ds-card-value{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1;margin:0}.ds-card-label{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500}.ds-section{margin-bottom:var(--spacing-2xl)}.ds-section-title{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.ds-table-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.ds-table{border-collapse:collapse;width:100%}.ds-table thead th{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-lg);text-align:left;text-transform:uppercase}.ds-table tbody tr{transition:background var(--transition-fast)}.ds-table tbody tr:hover{background:#711b4508}.ds-table tbody tr:not(:last-child) td{border-bottom:1px solid var(--border-color)}.ds-table td{color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-md) var(--spacing-lg)}.ds-table td strong{color:var(--text-primary);font-weight:600}.ds-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 12px}.ds-badge-pending{background:#64748b1a;color:#64748b}.ds-badge-in-transit{background:#3b82f61f;color:#2563eb}.ds-badge-delivered{background:#10b9811f;color:#059669}.ds-badge-failed{background:#ef44441f;color:#dc2626}.ds-error,.ds-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-base);font-weight:500;gap:var(--spacing-lg);justify-content:center;min-height:400px}.ds-error{color:var(--danger-color)}@media (max-width:1024px){.ds-container{padding:var(--spacing-lg)}.ds-summary-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.ds-container{padding:var(--spacing-md)}.ds-summary-grid{gap:var(--spacing-md);grid-template-columns:1fr}.ds-card{padding:var(--spacing-lg)}.ds-card-icon{font-size:36px;height:56px;width:56px}.ds-card-value{font-size:24px}.ds-section{margin-bottom:var(--spacing-xl)}.ds-section-title{font-size:var(--font-size-base)}.ds-table thead th{font-size:10px}.ds-table td,.ds-table thead th{padding:var(--spacing-sm) var(--spacing-md)}.ds-table td{font-size:var(--font-size-xs)}}@media (max-width:480px){.ds-container{padding:var(--spacing-sm)}.ds-card{flex-direction:column;text-align:center}.ds-card-icon{font-size:32px;height:48px;width:48px}.ds-card-value{font-size:20px}}.ds-card,.ds-section{animation:fadeIn .4s ease-out}.modal-overlay{padding:20px}.proof-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e0e0e0;padding:20px}.modal-header h2{color:#333;font-size:20px}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;transition:all .2s}.close-btn:hover{background:#f0f0f0;color:#333}.modal-body{padding:20px}.order-summary{background:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:16px}.order-summary h3{color:#333;font-size:16px;margin:0 0 12px}.order-summary p{color:#666;font-size:14px;margin:6px 0}.order-summary strong{color:#333}.photo-upload-area{border:2px dashed #ddd;border-radius:8px;overflow:hidden}.photo-upload-placeholder{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;transition:all .2s}.photo-upload-placeholder:hover{background:#f8f9fa;border-color:#007bff}.photo-upload-placeholder svg{color:#999;margin-bottom:12px}.photo-upload-placeholder p{color:#333;font-size:14px;margin:0 0 4px}.photo-upload-placeholder span{color:#999;font-size:12px}.photo-preview{position:relative}.photo-preview img{display:block;height:auto;width:100%}.change-photo-btn{background:#000000b3;border:none;border-radius:6px;bottom:12px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;position:absolute;right:12px;transition:all .2s}.change-photo-btn:hover{background:#000000e6}.form-group textarea{border-radius:8px;padding:12px}.form-group textarea:focus{border-color:#007bff}.form-group input[type=number],.form-group select{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;width:100%}.form-group input[type=number]:focus,.form-group select:focus{border-color:#007bff;outline:none}.form-hint{color:#666;display:block}.payment-section{background:#f0f8ff;border:1px solid #d0e8ff;border-radius:8px;margin-top:20px;padding:16px}.payment-section h3{color:#06c;font-size:16px;margin:0 0 16px}.modal-actions{margin-top:24px}.modal-actions .btn{font-size:14px;padding:10px 24px}.spinner-small{animation:spin .8s linear infinite}@media (max-width:768px){.modal-overlay{padding:0}.proof-modal{border-radius:0;max-height:100vh;max-width:100%}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.image-viewer-overlay{align-items:center;animation:fadeIn .2s ease-in;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.image-viewer-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.image-viewer-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.image-viewer-header h3{color:#333;font-size:18px;margin:0}.image-viewer-actions{display:flex;gap:8px}.image-viewer-btn{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.image-viewer-btn:hover{background:#e9ecef;color:#333}.download-btn:hover{color:#007bff}.close-btn:hover{color:#dc3545}.image-viewer-body{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px}.image-viewer-body img{border-radius:4px;max-height:100%;max-width:100%;object-fit:contain}@media (max-width:768px){.image-viewer-overlay{padding:0}.image-viewer-container{border-radius:0;max-height:100vh;max-width:100vw}.image-viewer-header h3{font-size:16px}.image-viewer-body{padding:10px}}.my-orders-container{box-sizing:border-box;margin:0 auto;max-width:1200px;overflow-x:hidden;padding:20px;width:100%}.my-orders-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.my-orders-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:16px;width:40px}.my-orders-header{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.search-wrapper{flex:1 1;min-width:200px;position:relative}.search-icon{color:#999;font-size:20px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{box-sizing:border-box;padding:10px 12px 10px 40px}.refresh-btn,.search-input{border:1px solid #ddd;border-radius:8px;font-size:14px}.refresh-btn{align-items:center;background:#f8f9fa;cursor:pointer;display:flex;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.refresh-btn:hover:not(:disabled){background:#e9ecef}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.status-filter-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.status-filter-tabs::-webkit-scrollbar{display:none}.filter-tab{background:#f8f9fa;border:1px solid #ddd;border-radius:20px;cursor:pointer;flex-shrink:0;font-size:13px;padding:8px 16px;transition:all .2s;white-space:nowrap}.filter-tab:hover{background:#e9ecef}.filter-tab.active{background:#007bff;border-color:#007bff;color:#fff}.orders-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.no-orders{color:#999;grid-column:1/-1;padding:60px 20px;text-align:center}.order-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;overflow:hidden;transition:all .2s;width:100%}.order-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.order-card-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.order-invoice strong{color:#333;font-size:16px}.order-status{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;white-space:nowrap}.status-icon{font-size:16px}.status-pending{background:#fff3cd;color:#856404}.status-transit{background:#cfe2ff;color:#084298}.status-proof{background:#d1e7dd;color:#0f5132}.status-delivered{background:#d1e7dd;color:#0a3622}.status-failed{background:#f8d7da;color:#842029}.order-card-body{padding:16px}.order-info-row{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:8px;justify-content:space-between;padding:8px 0}.order-info-row:last-child{border-bottom:none}.info-label{color:#666;flex-shrink:0}.info-value{color:#333;font-size:14px;text-align:right}.info-value.amount{color:#28a745;font-size:16px}.info-value.payment-type{background:#e7f3ff;border-radius:12px;color:#007bff;font-size:12px;font-weight:600;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.info-value.amount-paid{color:#28a745;font-weight:600}.info-value.balance{font-size:15px;font-weight:600}.info-value.balance-zero{color:#28a745}.info-value.balance-pending{color:#dc3545}.order-card-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;padding:16px}.btn-block{justify-content:center;width:100%}.delivered-info,.proof-info{text-align:center}.delivered-message,.proof-message{color:#28a745;font-weight:500;margin-bottom:8px}.proof-note{color:#666;font-size:13px;font-style:italic}.delivered-date{color:#666;font-size:12px}.proof-thumbnail-container{margin-top:12px;text-align:center}.proof-thumbnail{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:block;height:120px;margin:0 auto 8px;object-fit:cover;transition:all .2s;width:120px}.proof-thumbnail:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff33;transform:scale(1.05)}.view-proof-text{color:#007bff;display:block;font-size:12px}.location-value{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.map-btn-small{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:5px;box-shadow:0 1px 2px #dc26261a;color:#dc2626;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.map-btn-small:hover{background:#fecaca;box-shadow:0 2px 4px #dc262633;color:#b91c1c;transform:translateY(-1px)}.map-btn-small:active{transform:translateY(0)}.live-location-input-group{background:#f8f9fa;border:1px dashed #dee2e6;border-radius:8px;margin-bottom:16px;padding:12px}.live-location-label{align-items:center;color:#495057;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:8px}.input-with-validation{position:relative}.live-location-input{background:#fff;border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.live-location-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.live-location-input.input-error{background:#fff5f5;border-color:#dc3545}.live-location-input.input-valid{border-color:#28a745;padding-right:40px}.input-checkmark{color:#28a745;font-size:18px;font-weight:700;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.live-location-input::placeholder{color:#adb5bd;font-size:13px}.live-location-hint{color:#6c757d;font-style:italic}.live-location-error,.live-location-hint{display:block;font-size:12px;margin-top:6px}.live-location-error{color:#dc3545;font-weight:500}.live-location-badge{align-items:center;background:linear-gradient(135deg,#d1e7dd,#badbcc);border:1px solid #a3cfbb;border-radius:20px;color:#0f5132;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px}.shared-info-badges{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.live-btn-small{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:5px;box-shadow:0 1px 2px #1e40af1a;color:#1e40af;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.live-btn-small:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#1e3a8a;transform:translateY(-1px)}.pulse-icon-small{animation:pulse-small 2s ease-in-out infinite}@keyframes pulse-small{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}@media (max-width:768px){.my-orders-container{padding:10px}.my-orders-header{gap:8px;margin-bottom:12px}.search-wrapper{flex:1 1;min-width:0}.status-filter-tabs{gap:6px;margin-bottom:12px}.filter-tab{font-size:12px;padding:6px 10px}.orders-list{gap:12px;grid-template-columns:1fr}.order-card-header{padding:12px}.order-invoice strong{font-size:15px}.order-status{font-size:11px;padding:4px 10px}.order-card-body{padding:12px}.order-info-row{align-items:flex-start;border-bottom:1px solid #f0f0f0;flex-direction:column;gap:3px;padding:7px 0}.info-label{color:#999;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{font-size:14px;text-align:left!important;width:100%}.info-value.amount{font-size:15px}.info-value.payment-type{width:-webkit-fit-content;width:fit-content}.location-value{justify-content:flex-start;width:100%}.order-card-footer{padding:12px}.live-location-input-group{padding:10px}.live-location-input{font-size:13px}.live-location-badge{font-size:12px;padding:6px 12px}}@media (max-width:400px){.my-orders-container{padding:8px}.filter-tab{font-size:11px;padding:5px 8px}}.export-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.export-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.export-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.export-modal-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.export-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.export-modal-close:hover{background:#f3f4f6;color:#1f2937}.export-modal-body{padding:24px}.export-section{margin-bottom:24px}.export-section h3{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.export-format-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.export-format-card{border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:16px;position:relative;transition:all .2s}.export-format-card input[type=radio]{opacity:0;position:absolute}.export-format-card.selected,.export-format-card:hover{background:#eff6ff;border-color:#3b82f6}.export-format-content{text-align:center}.export-format-icon{font-size:32px;margin-bottom:8px}.export-format-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:4px}.export-format-desc{color:#6b7280;font-size:13px}.export-date-inputs{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.export-input-group{display:flex;flex-direction:column}.export-input-group label{color:#374151;font-size:14px;font-weight:500;margin-bottom:6px}.export-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s}.export-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.export-hint{color:#6b7280;font-size:13px;font-style:italic;margin:8px 0 0}.export-filters{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.export-info-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:16px;padding:16px}.export-info-box h4{color:#0c4a6e;font-size:14px;font-weight:600;margin:0 0 12px}.export-info-box ul{margin:0;padding-left:20px}.export-info-box li{color:#0c4a6e;font-size:13px;margin-bottom:6px}.export-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;margin-right:8px;width:14px}@media (max-width:640px){.export-modal{max-height:95vh;width:95%}.export-date-inputs,.export-filters,.export-format-options{grid-template-columns:1fr}}.dm-shell{background:var(--bg-secondary);display:flex;flex-direction:column;min-height:100vh}.dm-body{display:flex;flex:1 1;height:calc(100vh - 72px);overflow:hidden}.dm-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;height:72px;justify-content:space-between;padding:0 var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.dm-header:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));content:"";height:3px;left:0;position:absolute;right:0;top:0}.dm-header-left{gap:var(--spacing-md)}.dm-back-btn,.dm-header-left{align-items:center;display:flex}.dm-back-btn{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;height:38px;justify-content:center;transition:all var(--transition-fast);width:38px}.dm-back-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.dm-header-title{align-items:center;display:flex;gap:var(--spacing-sm)}.dm-header-title h1{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.3px;margin:0}.dm-header-title span{background:#711b4514;border-radius:var(--radius-full);color:var(--primary-color);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.dm-header-right{align-items:center;display:flex;gap:var(--spacing-sm)}.dm-tabs{background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-xs);padding:4px}.dm-tab{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.dm-tab:hover{background:#711b450d;color:var(--text-primary)}.dm-tab.active{background:var(--bg-card);box-shadow:var(--shadow-sm);color:var(--primary-color)}.dm-content{flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.dm-filters-section{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.dm-search-wrapper{max-width:600px;position:relative}.dm-search-icon{color:var(--text-muted);height:20px;left:var(--spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.dm-search-input{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);min-height:var(--btn-height-md);padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 44px;transition:all var(--transition-base);width:100%}.dm-search-input:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a;outline:none}.dm-filter-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.dm-filter-input,.dm-filter-select{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-sm);min-width:180px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.dm-filter-input:focus,.dm-filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #711b451a;outline:none}.dm-date-filter{display:flex;flex-direction:column;gap:4px;min-width:180px}.dm-date-filter label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dm-date-filter input[type=date]{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.dm-date-filter input[type=date]:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #711b451a;outline:none}.dm-table-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.dm-table-container{overflow-x:auto}.dm-table{border-collapse:collapse;width:100%}.dm-table thead th{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-lg);text-align:left;text-transform:uppercase;white-space:nowrap}.dm-table tbody tr{transition:background var(--transition-fast)}.dm-table tbody tr:hover{background:#711b4508}.dm-table tbody tr:not(:last-child) td{border-bottom:1px solid var(--border-color)}.dm-table td{color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-md) var(--spacing-lg);vertical-align:middle}.dm-table td strong{color:var(--text-primary);font-weight:600}.dm-empty-table{color:var(--text-muted);font-size:var(--font-size-base);padding:var(--spacing-2xl);text-align:center}.dm-status-select{border:none;border-radius:var(--radius-full);cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 10px;transition:all var(--transition-fast)}.dm-status-select.badge-pending{background:#64748b1a;color:#64748b}.dm-status-select.badge-transit{background:#3b82f61f;color:#2563eb}.dm-status-select.badge-delivered{background:#10b9811f;color:#059669}.dm-status-select.badge-failed{background:#ef44441f;color:#dc2626}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.3px;padding:3px 10px}.badge-pending{background:#64748b1a;color:#64748b}.badge-transit{background:#3b82f61f;color:#2563eb}.badge-delivered{background:#10b9811f;color:#059669}.badge-failed{background:#ef44441f;color:#dc2626}.dm-remarks{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.dm-action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.dm-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-base);font-weight:500;gap:var(--spacing-lg);justify-content:center;min-height:100vh}@media (max-width:1024px){.dm-content{padding:var(--spacing-lg)}.dm-table-wrap{border-radius:var(--radius-lg)}}@media (max-width:768px){.dm-header{align-items:stretch;flex-direction:column;gap:var(--spacing-sm);height:auto;min-height:64px;padding:0 var(--spacing-md);padding-bottom:var(--spacing-sm);padding-top:var(--spacing-sm)}.dm-header-left{width:100%}.dm-header-title h1{font-size:var(--font-size-lg)}.dm-header-title span{display:none}.dm-header-right{flex-direction:column;gap:var(--spacing-sm);width:100%}.dm-tabs{order:-1;width:100%}.dm-tab{flex:1 1;font-size:11px;padding:var(--spacing-sm) var(--spacing-xs);text-align:center;white-space:nowrap}.dm-header-right>.btn,.dm-header-right>button{flex:1 1;font-size:12px;justify-content:center;min-width:auto;padding:var(--spacing-sm);white-space:nowrap}.dm-header-right>.btn svg,.dm-header-right>button svg{height:14px;width:14px}.dm-header-right:has(.btn){display:flex;flex-direction:column}.dm-content{padding:var(--spacing-md)}.dm-filters-section{margin-bottom:var(--spacing-lg)}.dm-search-wrapper{max-width:100%}.dm-filter-row{flex-direction:column}.dm-filter-input,.dm-filter-select{width:100%}.dm-table-wrap{border-radius:var(--radius-md)}.dm-table thead th{font-size:10px}.dm-table td,.dm-table thead th{padding:var(--spacing-sm) var(--spacing-md)}.dm-table td{font-size:var(--font-size-xs)}.dm-action-buttons{flex-direction:column}}@media (max-width:480px){.dm-header{padding:0 var(--spacing-sm)}.dm-back-btn{height:32px;width:32px}.dm-header-title h1{font-size:var(--font-size-base)}.dm-content{padding:var(--spacing-sm)}.dm-search-input{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 38px}.dm-search-icon{height:16px;left:var(--spacing-sm);width:16px}.dm-table-container{overflow-x:scroll}.dm-table{min-width:1000px}}.dm-table tbody tr{animation:fadeIn .3s ease-out}.dm-proof-thumbnail{border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;display:block;height:50px;object-fit:cover;transition:all .2s;width:50px}.dm-proof-thumbnail:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff4d;transform:scale(1.1)}.dm-no-proof{color:#999;font-style:italic}.dm-proof-combined{align-items:flex-start;display:flex;gap:12px;min-width:250px}.dm-proof-note-wrapper{display:flex;flex:1 1;flex-direction:column;gap:4px}.dm-proof-note-cell{display:flex;flex-direction:column;gap:4px;max-width:200px}.dm-proof-note{word-wrap:break-word;background:#f0f7ff;border-left:3px solid #007bff;border-radius:4px;color:#333;font-size:.85rem;line-height:1.4;max-width:180px;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:pre-wrap}.dm-proof-note-failed{background:#fff3f3;border-left-color:#dc3545;color:#721c24;font-weight:500}.dm-proof-note-time{color:#666;font-size:.7rem;font-style:italic;margin-top:2px}.dm-status-cell{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.dm-delivery-boy-name{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;font-weight:500;gap:4px;margin-bottom:2px}.dm-status-timestamp{color:#666;display:block;font-size:.75rem;font-style:italic;margin-top:4px;white-space:nowrap}.dm-results-info{background:var(--bg-card);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.dm-page-size,.dm-results-info{align-items:center;display:flex}.dm-page-size{gap:var(--spacing-sm)}.dm-page-size label{color:var(--text-secondary);font-size:.875rem}.dm-page-size-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:all .2s ease}.dm-page-size-select:focus,.dm-page-size-select:hover{border-color:var(--primary-color)}.dm-page-size-select:focus{box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.dm-pagination{align-items:center;background:var(--bg-card);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md);padding:var(--spacing-lg)}.dm-page-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.dm-page-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.dm-page-btn:disabled{cursor:not-allowed;opacity:.4}.dm-page-numbers{gap:.25rem}.dm-page-num,.dm-page-numbers{align-items:center;display:flex}.dm-page-num{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;height:2.5rem;justify-content:center;min-width:2.5rem;padding:.5rem;transition:all .2s ease}.dm-page-num:hover{background:var(--bg-hover);border-color:var(--primary-color)}.dm-page-num.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:600}.dm-page-ellipsis{color:var(--text-secondary);font-size:.875rem;padding:.5rem}.dm-whatsapp-btn{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:50%;box-shadow:0 2px 8px #25d3664d;color:#fff;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.dm-whatsapp-btn:hover{box-shadow:0 4px 12px #25d36680;transform:scale(1.1)}.dm-whatsapp-btn:active{transform:scale(.95)}.dm-action-buttons-vertical{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:60px;padding:4px 0}.dm-action-icon{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.dm-whatsapp-icon{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 2px 8px #25d3664d}.dm-whatsapp-icon:hover{box-shadow:0 4px 12px #25d36680;transform:translateY(-2px)}.dm-edit-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d}.dm-edit-icon:hover{box-shadow:0 4px 12px #f59e0b80;transform:translateY(-2px)}.dm-delete-icon{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.dm-delete-icon:hover{box-shadow:0 4px 12px #ef444480;transform:translateY(-2px)}.dm-action-icon:active{transform:translateY(0)}.dm-table tbody tr td:first-child,.dm-table thead tr th:first-child{background:var(--bg-card);box-shadow:2px 0 4px #0000000d;left:0;position:-webkit-sticky;position:sticky;z-index:10}.dm-feedback-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}.dm-feedback-icon:hover{box-shadow:0 4px 12px #3b82f680;transform:translateY(-2px)}.dm-feedback-icon:disabled{cursor:not-allowed;opacity:.5}.dm-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dm-feedback-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.dm-feedback-modal-header{align-items:center;background:linear-gradient(135deg,#711b45,#a8336b);color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.dm-feedback-modal-header h2{font-size:20px;font-weight:600;margin:0}.dm-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:background .3s ease;width:32px}.dm-modal-close:hover{background:#fff3}.dm-feedback-modal-body{max-height:calc(80vh - 80px);overflow-y:auto;padding:25px}.dm-feedback-info{display:flex;flex-direction:column;gap:20px}.dm-feedback-row{align-items:center;display:flex;gap:12px}.dm-feedback-label{color:#475569;font-weight:600;min-width:100px}.dm-feedback-value{color:#1e293b;font-size:15px}.dm-feedback-stars{align-items:center;display:flex;gap:6px}.dm-feedback-rating-text{color:#711b45;font-size:16px;font-weight:600;margin-left:10px}.dm-feedback-comments{background:#f8fafc;border-left:4px solid #711b45;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:15px}.dm-feedback-comment-text{color:#475569;font-size:14px;line-height:1.6;margin:0}@media (max-width:600px){.dm-feedback-modal{max-height:90vh;width:95%}.dm-feedback-modal-header{padding:15px 20px}.dm-feedback-modal-header h2{font-size:18px}.dm-feedback-modal-body{padding:20px}.dm-feedback-label{font-size:14px;min-width:80px}.dm-feedback-rating-text,.dm-feedback-value{font-size:14px}}.dm-location-cell{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.dm-location-area{color:var(--text-primary);font-size:14px;font-weight:500}.dm-location-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;box-shadow:0 1px 3px #dc26261a;color:#dc2626;display:inline-flex;font-size:13px;font-weight:600;gap:5px;padding:6px 12px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.dm-location-btn:hover{background:#fecaca;box-shadow:0 2px 6px #dc262633;color:#b91c1c;transform:translateY(-1px)}.dm-location-btn:active{box-shadow:0 1px 2px #dc262626;transform:translateY(0)}.dm-live-location-btn{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:6px;box-shadow:0 1px 3px #1e40af1a;color:#1e40af;display:inline-flex;font-size:13px;font-weight:600;gap:5px;padding:6px 12px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.dm-live-location-btn:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);box-shadow:0 2px 6px #1e40af33;color:#1e3a8a;transform:translateY(-1px)}.dm-live-location-btn:active{box-shadow:0 1px 2px #1e40af26;transform:translateY(0)}.pulse-icon{animation:pulse 2s ease-in-out infinite}.dm-customer-info{display:flex;flex-direction:column;gap:6px;min-width:200px}.dm-customer-name{color:var(--text-primary);font-size:14px;font-weight:600}.dm-customer-mobile{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:4px}.dm-customer-location{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.dm-location-text{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:4px}.dm-amount-cell{display:flex;flex-direction:column;gap:6px;min-width:150px}.dm-amount-total{color:#28a745;font-size:15px;font-weight:600}.dm-payment-type-badge{align-items:center;background:linear-gradient(135deg,#e7f3ff,#d0e7ff);border:1px solid #b3d9ff;border-radius:12px;color:#06c;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.dm-amount-paid{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:4px}.dm-paid-value{color:#28a745;font-weight:600}.dm-amount-balance{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:4px}.dm-balance-value{font-weight:700}.dm-balance-zero,.dm-balance-zero .dm-balance-value{color:#28a745}.dm-balance-pending,.dm-balance-pending .dm-balance-value{color:#dc3545}.v26-container{background:var(--bg-secondary);display:flex;flex-direction:column;font-family:var(--font-primary);min-height:100vh}.v26-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);height:72px;justify-content:space-between;padding:0 var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.v26-header:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));content:"";height:3px;left:0;position:absolute;right:0;top:0}.v26-header-left{gap:var(--spacing-md)}.v26-back-btn,.v26-header-left{align-items:center;display:flex}.v26-back-btn{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;flex-shrink:0;height:38px;justify-content:center;transition:all var(--transition-fast);width:38px}.v26-back-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.v26-logo{flex-shrink:0;height:38px;object-fit:contain;width:auto}.v26-divider{background:var(--border-color);flex-shrink:0;height:32px;width:1px}.v26-title-block{display:flex;flex-direction:column;justify-content:center}.v26-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:800;letter-spacing:-.4px;line-height:1.15;margin:0}.v26-subtitle{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:500;letter-spacing:1.2px;margin-top:2px;text-transform:uppercase}.v26-header-right{align-items:center;display:flex;gap:var(--spacing-md)}.v26-header-stats{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);gap:6px;padding:4px 10px}.v26-header-stats,.v26-hstat{align-items:center;display:flex}.v26-hstat{flex-direction:column;padding:0 10px;position:relative}.v26-hstat+.v26-hstat:before{background:var(--border-color);bottom:20%;content:"";left:0;position:absolute;top:20%;width:1px}.v26-hstat-num{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:800;line-height:1.1}.v26-hstat--primary .v26-hstat-num{color:var(--primary-color)}.v26-hstat--green .v26-hstat-num{color:var(--success-color)}.v26-hstat--warning .v26-hstat-num{color:var(--warning-color)}.v26-hstat--danger .v26-hstat-num{color:var(--error-color)}.v26-hstat-label{color:var(--text-muted);font-size:9px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}.v26-refresh-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;height:38px;justify-content:center;transition:all var(--transition-fast);width:38px}.v26-refresh-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.v26-banner{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-color) 55%,var(--secondary-color) 100%);overflow:hidden;padding:var(--spacing-xl) var(--spacing-xl) 0;position:relative}.v26-banner:after{bottom:18px;color:#ffffff59;content:'"One Vision · One Team · One Future"';font-size:var(--font-size-sm);font-style:italic;font-weight:500;letter-spacing:.5px;pointer-events:none;position:absolute;right:var(--spacing-2xl)}.v26-year-bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md) 0 var(--spacing-sm)}.v26-year-label{color:#fff9;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}.v26-year-pills{display:flex;flex-wrap:wrap;gap:6px}.v26-year-pill{background:#ffffff1f;border:1px solid #fff3;border-radius:var(--radius-full);color:#ffffffbf;cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;padding:5px 16px;transition:all var(--transition-fast)}.v26-year-pill:hover{background:#fff3;color:#fff}.v26-year-pill--active{background:#fff;border-color:#fff;box-shadow:0 2px 8px #00000026;color:var(--primary-color)}.v26-btn-new-mission{align-items:center;background:#ffffff26;border:1px solid #ffffff59;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;gap:5px;margin-left:auto;padding:7px 16px;transition:all var(--transition-fast);white-space:nowrap}.v26-btn-new-mission:hover{background:#ffffff40;box-shadow:0 2px 8px #00000026}.v26-team-chip{align-items:center;background:#711b4512;border:1px solid #711b4533;border-radius:var(--radius-full);color:var(--primary-color);display:inline-flex;font-size:13px;font-weight:600;gap:5px;padding:4px 10px}.v26-team-chip-remove{align-items:center;background:none;border:none;color:var(--secondary-color);cursor:pointer;display:flex;font-size:16px;line-height:1;opacity:.7;padding:0;transition:opacity var(--transition-fast)}.v26-team-chip-remove:hover{opacity:1}.v26-tabs{display:flex;gap:2px;overflow-x:auto;padding-bottom:0}.v26-tabs::-webkit-scrollbar{display:none}.v26-tab{background:#ffffff1a;border:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#ffffffa6;cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.1px;padding:10px 22px;position:relative;transition:all var(--transition-fast);white-space:nowrap}.v26-tab:hover{background:#ffffff2e;color:#ffffffe6}.v26-tab--active{background:var(--bg-secondary);color:var(--primary-color);font-weight:700}.v26-tab--active:after{background:var(--primary-color);border-radius:2px 2px 0 0;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.v26-content{flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.v26-loading{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-size-base);gap:var(--spacing-sm);justify-content:center;padding:80px 0}.v26-stats-bar{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:var(--spacing-xl)}.v26-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--spacing-lg) var(--spacing-xl);position:relative;text-align:center;transition:box-shadow var(--transition-fast)}.v26-stat-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-fast)}.v26-stat-card:hover{box-shadow:var(--shadow-md)}.v26-stat-card:hover:before{opacity:1}.v26-stat-card-num{color:var(--text-primary);font-size:2rem;font-weight:800;letter-spacing:-.5px;line-height:1.1}.v26-stat-card-label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.6px;margin-top:4px;text-transform:uppercase}.v26-mission-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.v26-mission-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);border-top:4px solid var(--primary-color);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all var(--transition-base)}.v26-mission-card:after{background:radial-gradient(circle at top right,#711b450f,#0000 70%);content:"";height:80px;pointer-events:none;position:absolute;right:0;top:0;width:80px}.v26-mission-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.v26-mission-card--green{border-top-color:var(--success-color)}.v26-mission-card--blue{border-top-color:var(--info-color)}.v26-mission-card--red{border-top-color:var(--error-color)}.v26-mission-card--yellow{border-top-color:var(--warning-color)}.v26-mission-card--gray{border-top-color:var(--bg-tertiary)}.v26-card-top{align-items:flex-start;display:flex;gap:var(--spacing-sm);justify-content:space-between}.v26-card-order{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.8px;text-transform:uppercase}.v26-card-badges{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.v26-card-name{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.2px;line-height:1.3}.v26-card-team{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0}.v26-card-team span{background:#711b450f;border:1px solid #711b4526;border-radius:var(--radius-full);color:var(--primary-color);font-size:var(--font-size-xs);font-weight:600;padding:2px 9px}.v26-progress-row{align-items:center;display:flex;gap:var(--spacing-sm);margin:var(--spacing-sm) 0}.v26-progress-bar-wrap{background:var(--bg-tertiary);border-radius:var(--radius-full);flex:1 1;height:7px;overflow:hidden}.v26-progress-bar{border-radius:var(--radius-full);height:100%;transition:width .5s ease}.v26-progress-pct{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:700;min-width:36px;text-align:right}.v26-card-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:auto;padding-top:var(--spacing-sm)}.v26-deadline{color:var(--text-muted);font-size:var(--font-size-xs)}.v26-deadline strong{color:var(--text-secondary)}.v26-countdown{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;padding:3px 9px}.v26-countdown--urgent{background:#ef44441a;color:var(--error-color)}.v26-countdown--soon{background:#f59e0b1a;color:var(--warning-color)}.v26-countdown--ok{background:#10b9811a;color:var(--success-color)}.v26-countdown--past{background:var(--bg-tertiary);color:var(--text-muted)}.v26-card-remarks{border-top:1px dashed var(--border-color);color:var(--text-muted);font-size:var(--font-size-xs);font-style:italic;line-height:1.5;padding-top:var(--spacing-sm)}.v26-card-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.v26-badge{border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.4px;padding:3px 9px;text-transform:uppercase;white-space:nowrap}.v26-badge--green{background:#10b9811a;color:var(--success-color)}.v26-badge--blue{background:#3b82f61a;color:var(--info-color)}.v26-badge--red{background:#ef44441a;color:var(--error-color)}.v26-badge--yellow{background:#f59e0b1a;color:var(--warning-color)}.v26-badge--gray{background:var(--bg-secondary);color:var(--text-muted)}.v26-badge--orange{background:#ea580c1a;color:#ea580c}.v26-badge--primary{background:#711b451a;color:var(--primary-color)}.v26-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;gap:5px;letter-spacing:.1px;padding:8px 18px;transition:all var(--transition-fast);white-space:nowrap}.v26-btn:active{transform:scale(.97)}.v26-btn--primary{background:var(--primary-color);color:#fff}.v26-btn--primary:hover{background:var(--primary-dark);box-shadow:0 4px 12px #711b454d}.v26-btn--secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.v26-btn--secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.v26-btn--danger{background:#ef44441a;border:1px solid #ef444433;color:var(--error-color)}.v26-btn--danger:hover{background:var(--error-color);border-color:var(--error-color);color:#fff}.v26-btn--success{background:var(--success-color);color:#fff}.v26-btn--success:hover{background:#059669}.v26-btn--sm{font-size:var(--font-size-xs);padding:5px 12px}.v26-drawer-overlay{animation:v26FadeIn .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1000}@keyframes v26FadeIn{0%{opacity:0}to{opacity:1}}.v26-drawer{animation:v26SlideIn .2s ease;background:var(--bg-primary);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100%;max-width:95vw;overflow-y:auto;width:520px}@keyframes v26SlideIn{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.v26-drawer-header{background:linear-gradient(135deg,var(--primary-dark),var(--secondary-color));color:#fff;flex-shrink:0;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);position:relative}.v26-drawer-header:after{background:linear-gradient(90deg,var(--primary-color),#0000);bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.v26-drawer-header h2{font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.2px;margin:0}.v26-drawer-header p{font-size:var(--font-size-sm);margin:4px 0 0;opacity:.75}.v26-drawer-close{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;line-height:1;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:background var(--transition-fast);width:30px}.v26-drawer-close:hover{background:#ffffff40}.v26-drawer-body{flex:1 1;padding:var(--spacing-xl)}.v26-form{flex-direction:column}.v26-form,.v26-form-row{display:flex;gap:var(--spacing-md)}.v26-form-row{flex-wrap:wrap}.v26-form-group{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:120px}.v26-form-group label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.5px;text-transform:uppercase}.v26-form-group input,.v26-form-group select,.v26-form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-sm);padding:9px 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.v26-form-group textarea{min-height:80px;resize:vertical}.v26-form-group input:focus,.v26-form-group select:focus,.v26-form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a;outline:none}.v26-table-wrap{overflow-x:auto}.v26-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.v26-table th{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.6px;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.v26-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:12px 14px;vertical-align:top}.v26-table tr:last-child td{border-bottom:none}.v26-table tr:hover td{background:var(--bg-secondary)}.v26-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-xl)}.v26-section-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:800;letter-spacing:-.4px}.v26-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.v26-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.v26-filters input[type=date],.v26-filters select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--font-size-sm);padding:8px 12px;transition:border-color var(--transition-fast)}.v26-filters input[type=date]:focus,.v26-filters select:focus{border-color:var(--primary-color);outline:none}.v26-empty{color:var(--text-muted);font-size:var(--font-size-base);padding:60px 0;text-align:center}.v26-meeting-card{background:var(--bg-card);border:1px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);transition:box-shadow var(--transition-fast)}.v26-meeting-card:hover{box-shadow:var(--shadow-md)}.v26-meeting-date{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:500;margin-bottom:4px}.v26-meeting-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:700}.v26-meeting-discussions{margin:var(--spacing-sm) 0 0 var(--spacing-md);padding:0}.v26-meeting-discussions li{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:4px}.v26-meeting-action-row{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;font-size:var(--font-size-xs);gap:var(--spacing-sm);margin-bottom:4px;padding:7px 12px}.v26-meeting-action-item{color:var(--text-primary);flex:1 1;font-weight:500}.v26-meeting-action-resp{color:var(--primary-color);font-weight:700}.v26-meeting-action-due{color:var(--warning-color);font-weight:600}.v26-mission-chip{background:#711b4514;border:1px solid #711b4526;border-radius:var(--radius-full);color:var(--primary-color);font-size:var(--font-size-xs);font-weight:700;padding:3px 10px}.v26-weekly-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-xl);transition:box-shadow var(--transition-fast)}.v26-weekly-card:hover{box-shadow:var(--shadow-md)}.v26-weekly-week{color:var(--primary-color);font-size:var(--font-size-sm);font-weight:700}.v26-weekly-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin-top:var(--spacing-md)}.v26-weekly-field label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.5px;text-transform:uppercase}.v26-weekly-field p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin-top:5px}.v26-mood{align-items:center;display:flex;gap:6px;margin-top:4px}.v26-mood-star{cursor:pointer;font-size:22px;transition:transform var(--transition-fast)}.v26-mood-star:hover{transform:scale(1.25)}.v26-action-list{display:flex;flex-direction:column;gap:6px}.v26-action-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-sm);padding:10px 14px;transition:border-color var(--transition-fast)}.v26-action-item:hover{border-color:var(--primary-color)}.v26-action-item input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;height:16px;width:16px}.v26-action-item--done .v26-action-title{color:var(--text-muted);text-decoration:line-through}.v26-action-title{color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);font-weight:500}.v26-action-meta{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--font-size-xs);gap:8px}.v26-acc-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.v26-acc-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-lg) var(--spacing-xl);transition:box-shadow var(--transition-fast)}.v26-acc-card:hover{box-shadow:var(--shadow-md)}.v26-acc-delay{color:var(--error-color);font-weight:700}@media (max-width:768px){.v26-header{height:auto;padding:var(--spacing-md)}.v26-header-stats{display:none}.v26-content{padding:var(--spacing-md)}.v26-tabs{padding:0 var(--spacing-md)}.v26-tab{font-size:var(--font-size-xs);padding:10px 14px}.v26-mission-grid,.v26-weekly-grid{grid-template-columns:1fr}.v26-banner:after{display:none}.v26-logo{height:30px}}@media (max-width:480px){.v26-divider,.v26-subtitle{display:none}}@keyframes v26-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes v26-spin{to{transform:rotate(1turn)}}.v26-spin{animation:v26-spin 1.2s linear infinite}.admin-dashboard{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;padding:var(--spacing-xl);position:relative}.admin-dashboard:before{background-color:#ffffffd9;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.admin-content{margin:0 auto;max-width:1400px;padding:0 1rem;position:relative;z-index:2}@media (max-width:1450px){.admin-content{max-width:95%}}@media (max-width:768px){.admin-content{max-width:100%;padding:0 .5rem}}.admin-header{grid-gap:var(--spacing-xl);align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:grid;gap:var(--spacing-xl);grid-template-columns:auto 1fr auto;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl);position:relative}.admin-header:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.admin-logo{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(113,27,69,.3));height:80px;width:80px}.admin-header-text{text-align:center}.admin-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-light),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-3xl);font-weight:700;margin:0 0 var(--spacing-sm) 0}.admin-header p{color:var(--text-muted);font-size:var(--font-size-base);margin:0}.admin-header-actions{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-sm)}.loading{color:var(--text-muted);font-size:var(--font-size-lg);padding:var(--spacing-2xl)}.users-table-container{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow-x:auto;overflow-y:visible}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:var(--bg-secondary)}.users-table th{border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;padding:var(--spacing-lg);text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-lg)}.users-table tbody tr{transition:background var(--transition-fast)}.users-table tbody tr:hover{background:var(--bg-secondary)}.role-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-md)}.badge-admin{background:var(--error-color);color:#fff}.badge-manager{background:#9333ea;color:#fff}.badge-receptionist{background:var(--info-color);color:#fff}.badge-accounts{background:var(--success-color);color:#fff}.badge-visitor{background:var(--warning-color);color:#fff}.badge-employee{background:#06b6d4;color:#fff}.department-badge{background:#711b451a;border-radius:12px;color:var(--primary-color);display:inline-block;font-size:13px;font-weight:500;padding:4px 12px}.no-department{color:var(--text-muted);font-size:13px;font-style:italic}.actions-cell{display:flex;gap:var(--spacing-sm)}.btn-action{background:none;border:none;border-radius:var(--radius-md);cursor:pointer;filter:grayscale(100%) brightness(.8) sepia(100%) hue-rotate(310deg) saturate(200%);font-size:var(--font-size-xl);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.btn-action:hover{background:#a52a2a1a;filter:grayscale(100%) brightness(.6) sepia(100%) hue-rotate(310deg) saturate(250%);transform:scale(1.1)}.btn-edit:hover,.btn-password:hover,.btn-permission:hover{background:#a52a2a26}.btn-delete:hover{background:#8b000026}.modal-content{background:var(--bg-primary);max-width:500px}.modal-content h2{font-weight:700}.modal-content p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.modal-content strong{color:var(--primary-color)}.modal-actions{gap:var(--spacing-md)}@media (max-width:768px){.admin-dashboard{padding:var(--spacing-sm)}.admin-content{max-width:100%}.admin-header{gap:var(--spacing-md);grid-template-columns:1fr;padding:var(--spacing-lg);text-align:center}.admin-logo{height:60px;margin:0 auto;width:60px}.admin-header-text{order:2}.admin-header-actions{align-items:center;order:3;width:100%}.admin-header-actions .btn{width:100%}.users-table-container{border-radius:var(--radius-lg);margin:0 calc(var(--spacing-md)*-1);width:calc(100% + var(--spacing-md)*2)}.users-table{font-size:var(--font-size-sm);min-width:700px}.users-table td,.users-table th{padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}.users-table td:first-child,.users-table th:first-child{background:var(--bg-card);left:0;position:-webkit-sticky;position:sticky;z-index:10}.users-table thead th:first-child{background:var(--bg-secondary)}.actions-cell{gap:var(--spacing-xs)}.btn-action{font-size:var(--font-size-lg);padding:var(--spacing-xs)}.role-badge{font-size:.7rem;padding:2px var(--spacing-sm)}}.admin-tabs{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-sm)}.tab-button{border:none;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.tab-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.tab-button.active{background:var(--primary-color)}.permissions-modal{max-width:600px}.permissions-modal .card-checkboxes{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:300px;overflow-y:auto;padding:var(--spacing-md)}.permissions-modal .checkbox-label{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:background var(--transition-fast)}.permissions-modal .checkbox-label:hover{background:var(--bg-primary)}.permissions-modal .checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.permissions-modal .checkbox-label span{color:var(--text-primary);font-size:var(--font-size-sm)}.permissions-modal small{color:var(--text-muted);display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.btn-permissions{background:#8b5cf6;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast)}.btn-permissions:hover{background:#7c3aed;transform:scale(1.05)}.role-management{padding:20px}.role-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.role-header h2{color:#1f2937;margin:0}.roles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.role-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .2s,box-shadow .2s}.role-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.role-card.system-role{border:2px solid #3b82f6}.role-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.role-card-header h3{color:#1f2937;font-size:1.2rem;margin:0}.system-badge{background:#3b82f6;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px}.role-id{color:#6b7280;font-family:monospace;font-size:.875rem;margin:5px 0 15px}.role-permissions{margin:15px 0}.role-permissions strong{color:#374151;display:block;font-size:.875rem;margin-bottom:8px}.card-tags{display:flex;flex-wrap:wrap;gap:6px}.card-tag{background:#e5e7eb;border-radius:4px;color:#374151;font-size:.75rem;padding:4px 8px}.role-actions{display:flex;gap:10px;margin-top:15px}.role-actions .btn-action{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.875rem;padding:8px 12px;transition:all .2s}.role-actions .btn-action:disabled{cursor:not-allowed;opacity:.5}.role-actions .btn-edit{background:#3b82f6;color:#fff}.role-actions .btn-edit:hover:not(:disabled){background:#2563eb}.role-actions .btn-delete{background:#ef4444;color:#fff}.role-actions .btn-delete:hover:not(:disabled){background:#dc2626}.role-modal{max-height:90vh;max-width:700px;overflow-y:auto}.card-checkboxes{background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding:10px}.loading{color:#6b7280;padding:40px;text-align:center}.permission-editor-modal{max-height:85vh;max-width:700px;overflow-y:auto}.permission-section{background:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:16px}.permission-section h3{color:#333;font-size:16px;margin:0 0 8px}.help-text{color:#666;font-size:13px;font-style:italic;margin:0 0 12px}.action-checkboxes{display:flex;flex-wrap:wrap;gap:12px}.checkbox-label{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 12px;transition:all .2s}.checkbox-label:hover{background:#f0f0f0;border-color:#999}.checkbox-label input[type=checkbox]{cursor:pointer}.cards-list{display:flex;flex-direction:column;gap:12px}.card-permission-item{background:#fff;border:1px solid #ddd;border-radius:6px;padding:12px}.card-checkbox{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.card-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.card-actions{align-items:center;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px}.card-actions-label{color:#666;font-size:12px;margin-right:4px}.checkbox-label-small{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:3px;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:all .2s}.checkbox-label-small:hover{background:#e9ecef;border-color:#999}.checkbox-label-small input[type=checkbox]{cursor:pointer;height:14px;width:14px}.cheque-register-container{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;padding:var(--spacing-xl);position:relative}.cheque-register-container:before{background-color:#ffffffd9;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.cheque-register-content{margin:0 auto;max-width:1400px;padding:0 1rem;position:relative;z-index:2}@media (max-width:1450px){.cheque-register-content{max-width:95%}}@media (max-width:768px){.cheque-register-content{max-width:100%;padding:0 .5rem}}.cheque-header{grid-gap:var(--spacing-xl);align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:grid;gap:var(--spacing-xl);grid-template-columns:auto 1fr auto;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl);position:relative}@media (max-width:1024px){.cheque-header{gap:var(--spacing-lg);grid-template-columns:auto 1fr}.header-actions{grid-column:1/-1;justify-self:center}}.cheque-header:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.cheque-logo{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(113,27,69,.3));height:80px;width:80px}.cheque-header h1{color:var(--primary-color);font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.3px;margin:0;margin-bottom:var(--spacing-sm)}.cheque-header p{color:var(--text-muted);margin:0}.alert,.cheque-header p{font-size:var(--font-size-base)}.alert{animation:fadeIn .3s ease-out;border-radius:var(--radius-lg);font-weight:500;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.alert-success{background:#10b9811a;border-left:4px solid var(--success-color);color:var(--success-color)}.alert-error{background:#ef44441a;border-left:4px solid var(--error-color);color:var(--error-color)}.cheque-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-2xl)}.form-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.form-group{gap:var(--spacing-sm)}.autocomplete-wrapper,.form-group{position:relative}.autocomplete-dropdown{background:#fff;border:2px solid var(--primary-color);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;box-shadow:0 4px 12px #711b4526;left:0;margin-top:-2px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.autocomplete-item{border-bottom:1px solid var(--border-color);cursor:pointer;padding:var(--spacing-md);transition:all var(--transition-base)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:linear-gradient(135deg,#711b450d,#8b45130d)}.suggestion-company{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-xs)}.autocomplete-loading,.suggestion-details{color:var(--text-muted);font-size:var(--font-size-sm)}.autocomplete-loading{background:#fff;border:2px solid var(--border-color);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;left:0;margin-top:-2px;padding:var(--spacing-sm) var(--spacing-md);position:absolute;right:0;top:100%;z-index:999}.form-group label{letter-spacing:.5px;text-transform:uppercase}.form-group input{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);padding:var(--spacing-md);transition:all var(--transition-base)}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a;transform:translateY(-2px)}.form-group input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.signature-section{border-top:2px solid var(--border-color);margin-top:var(--spacing-lg);padding-top:var(--spacing-xl)}.signature-section>label{color:var(--text-primary);display:block;font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm)}.signature-instruction{color:var(--text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.signature-canvas-wrapper{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:inline-block;height:150px;max-width:100%;overflow:hidden;width:400px}.signature-canvas{cursor:crosshair;display:block;height:150px!important;touch-action:none;width:400px!important}.signature-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.signature-saved{align-items:center;color:var(--success-color);display:flex;font-size:var(--font-size-base);font-weight:600;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.signature-preview{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:inline-block;padding:var(--spacing-md)}.signature-preview img{display:block;height:auto;max-width:500px}.digital-signature-display{align-items:center;background:#f8f9fa;border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#495057;display:flex;font-family:Arial,sans-serif;font-size:14px;justify-content:center;min-height:150px;padding:var(--spacing-xl);text-align:center}.form-actions{border-top:2px solid var(--border-color);gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-xl)}.btn{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-2xl);transition:all var(--transition-base)}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary-color)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:768px){.cheque-register-container{padding:var(--spacing-md)}.cheque-header{align-items:center;flex-direction:column;padding:var(--spacing-lg);text-align:center}.cheque-logo{height:60px;width:60px}.header-text{text-align:center}.cheque-header h1{font-size:var(--font-size-2xl)}.header-actions{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.cheque-form{padding:var(--spacing-lg)}.form-grid{grid-template-columns:1fr}.signature-canvas-wrapper{max-width:100%}.signature-canvas{height:150px!important;width:400px!important}.signature-preview img{max-width:100%}.form-actions{flex-direction:column}.btn{width:100%}.signature-buttons{flex-direction:column}.signature-buttons .btn{width:100%}}@media (max-width:480px){.cheque-register-container{padding:var(--spacing-sm)}.cheque-header{padding:var(--spacing-md)}.cheque-logo{height:50px;width:50px}.cheque-header h1{font-size:var(--font-size-xl)}.cheque-header p{font-size:var(--font-size-sm)}.cheque-form{padding:var(--spacing-md)}}.cheque-tabs{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md)}@media (max-width:1200px){.cheque-tabs{gap:var(--spacing-sm)}.tab-button{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}}.tab-button{background:#0000;border:2px solid #0000;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-base)}.tab-button:hover{background:#711b450f;color:var(--primary-color)}.tab-button.active{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);border-color:var(--primary-color);box-shadow:0 4px 12px #711b4540;color:#fff}.view-all-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl)}.search-bar{margin-bottom:var(--spacing-xl)}.search-input{background:#fff;font-family:var(--font-primary);font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg);width:100%}.search-input::placeholder{color:var(--text-muted)}.cheques-table-container{border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);outline:none;position:relative;scroll-behavior:smooth}.cheques-table-container:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #711b4526}.cheques-table-container:after,.cheques-table-container:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:30px;z-index:1}.cheques-table-container:before{background:linear-gradient(90deg,#ffffffe6,#0000);left:0}.cheques-table-container:after{background:linear-gradient(270deg,#ffffffe6,#0000);right:0}.cheques-table-container::-webkit-scrollbar{height:12px;width:12px}.cheques-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}.cheques-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:2px solid #f1f5f9;border-radius:6px}.cheques-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-light),var(--secondary-color))}.cheques-table{background:#fff;border-collapse:collapse;width:100%}.cheques-table thead{color:#fff}.cheques-table th,.cheques-table thead{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%)}.cheques-table th{font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-lg);position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.cheques-table tbody tr{border-bottom:1px solid var(--border-color);transition:all var(--transition-base)}.cheques-table tbody tr:hover{background:#711b450a}.cheques-table tbody tr:last-child{border-bottom:none}.cheques-table td{color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-md) var(--spacing-lg);position:relative;white-space:nowrap;z-index:3}.scroll-hint{animation:pulse 2s ease-in-out infinite;background:#711b450f;border-radius:var(--radius-md);font-size:var(--font-size-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);text-align:center}.amount-cell,.scroll-hint{color:var(--primary-color);font-weight:600}.complaint-indicator{cursor:pointer;display:inline-block;font-size:20px;transition:transform var(--transition-base)}.complaint-indicator:hover{transform:scale(1.2)}.no-complaint{color:#10b981;font-size:18px;font-weight:700}.btn-view-details{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.btn-view-details:hover{box-shadow:0 4px 12px #711b4540;transform:translateY(-2px)}.td-view-col,.th-view-col{min-width:60px;text-align:center;vertical-align:middle!important;width:60px}.action-buttons-group{align-items:center;display:flex;flex-direction:column;gap:4px}.btn-view-details.btn-view-icon{align-items:center;background:#0000;color:#14b8a6;display:inline-flex;justify-content:center;min-height:32px;min-width:32px;padding:6px}.btn-view-details.btn-view-icon:hover{color:#0d9488;transform:scale(1.15)}.btn-reissue-icon{align-items:center;background:#0000;border:none;color:#f59e0b;cursor:pointer;display:inline-flex;justify-content:center;min-height:32px;min-width:32px;padding:6px;transition:all var(--transition-base)}.btn-reissue-icon:hover{color:#d97706;transform:scale(1.15)}.btn-cancel-icon{align-items:center;background:#0000;border:none;color:#dc2626;cursor:pointer;display:inline-flex;justify-content:center;min-height:32px;min-width:32px;padding:6px;transition:all var(--transition-base)}.btn-cancel-icon:hover{color:#b91c1c;transform:scale(1.15)}.pagination{gap:var(--spacing-lg);padding:var(--spacing-lg)}.pagination-btn{background:linear-gradient(135deg,#115e59,#134e4a)!important;border:2px solid #0f766e!important;border-radius:var(--radius-md)!important;box-shadow:0 2px 8px #115e5966!important;color:#fff!important;cursor:pointer!important;font-size:var(--font-size-sm)!important;font-weight:700!important;padding:var(--spacing-sm) var(--spacing-lg)!important;transition:all var(--transition-base)!important}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#134e4a,#0f3730)!important;border-color:#14b8a6!important;box-shadow:0 4px 12px #115e5999!important;transform:translateY(-2px)!important}.pagination-btn:disabled{background:#64748b!important;border-color:#475569!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.5!important;transform:none!important}.pagination-info{color:var(--text-secondary)}.empty-state,.loading-state{font-size:var(--font-size-base);padding:var(--spacing-2xl)}.loading-state{color:#14b8a6;font-weight:600}.modal-overlay{animation:fadeIn .3s ease-out;background:#0009;padding:var(--spacing-lg)}.modal-content{animation:slideUp .3s ease-out;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:95vh;max-width:min(900px,95vw)}.modal-header{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:var(--radius-xl) var(--radius-xl) 0 0;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.modal-header h2{color:#fff!important;flex:1 1;font-size:var(--font-size-xl);font-weight:700;margin:0;text-align:center}.modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:28px;height:36px;justify-content:center;line-height:1;transition:all var(--transition-base);width:36px}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:var(--spacing-xl)}.detail-grid{grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.detail-item{gap:var(--spacing-xs)}.detail-item label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:var(--text-primary);font-size:var(--font-size-base);font-weight:500}.detail-complaints{background:#ef44440d;border-left:4px solid #ef4444;border-radius:var(--radius-md);grid-column:1/-1;padding:var(--spacing-md)}.complaints-text{color:#dc2626!important;font-weight:600!important}.amount-highlight{color:#14b8a6!important;font-size:var(--font-size-lg)!important;font-weight:700!important}.signature-detail{border-top:2px solid var(--border-color);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.signature-detail>label{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.signature-image-container{background:#f9fafb;border:2px solid var(--border-color);border-radius:var(--radius-lg);display:inline-block;max-width:100%;padding:var(--spacing-sm)}.signature-image{display:block;height:auto;max-height:150px;max-width:100%;width:auto}.modal-footer{background:#fff;border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-xl)}@media (max-width:768px){.cheque-tabs{flex-direction:column}.tab-button{width:100%}.view-all-section{padding:var(--spacing-lg)}.cheques-table-container{overflow-x:scroll}.cheques-table{min-width:1200px}.detail-grid{grid-template-columns:1fr}.modal-overlay{padding:var(--spacing-sm)}.modal-content{border-radius:var(--radius-lg);max-height:98vh;max-width:100%}.modal-header{padding:var(--spacing-md)}.modal-header h2{font-size:var(--font-size-base)}.modal-close{font-size:24px;height:32px;width:32px}.modal-body,.modal-footer{padding:var(--spacing-md)}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}.signature-image{max-height:120px;max-width:100%}.autocomplete-dropdown{max-height:200px}.suggestion-company{font-size:var(--font-size-sm)}.suggestion-details{font-size:var(--font-size-xs)}.signatures-section{grid-template-columns:1fr}.signature-canvas-wrapper canvas{height:150px!important;width:400px!important}}.search-filter-bar{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.filter-btn{background:var(--bg-tertiary)}.filter-btn:hover{background:var(--bg-secondary)}.filter-btn.active{background:linear-gradient(135deg,#14b8a6,#0d9488);border-color:#14b8a6}.status-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.status-issued{background:#d97706;border:1px solid #b45309;color:#fff}.status-collected{background:#16a34a;border:1px solid #15803d;color:#fff}.modal-large{max-width:min(1000px,95vw)}.cheque-details-section{background:#14b8a60d;border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.cheque-details-section h3{margin:0 0 var(--spacing-sm) 0}.cheque-details-section h3,.collection-form h3{color:var(--text-primary);font-size:var(--font-size-base);font-weight:700}.collection-form h3{margin:0 0 var(--spacing-md) 0}.signatures-section{grid-gap:var(--spacing-lg);border-top:2px solid var(--border-color);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:var(--spacing-lg) 0;padding:var(--spacing-lg) 0}.signature-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.signature-group label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.tab-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl)}@media (max-width:768px){.tab-content{padding:var(--spacing-lg)}}@media (max-width:480px){.tab-content{padding:var(--spacing-md)}}@media (max-width:768px){.search-filter-bar{align-items:stretch;flex-direction:column}.status-filters{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.modal-overlay{padding:0}.modal-content{max-height:100vh}.modal-content,.modal-header{border-radius:0}.detail-item label{font-size:var(--font-size-xs)}.detail-item span{font-size:var(--font-size-sm)}}.signatures-display-section{border-top:2px solid var(--border-color);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.signatures-display-section h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--spacing-lg) 0}.signatures-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.signature-display{display:flex;flex-direction:column;gap:var(--spacing-sm)}.signature-display label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.signature-display .signature-image{background:#f9fafb;border:2px solid var(--border-color);border-radius:var(--radius-lg);display:block;height:auto;max-width:100%;padding:var(--spacing-sm)}.signature-placeholder{border:2px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);padding:var(--spacing-lg)}.signature-placeholder,.signature-text-display{background:#f9fafb;font-size:var(--font-size-sm);font-style:italic;text-align:center}.signature-text-display{border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:600;padding:var(--spacing-md)}@media (max-width:768px){.signatures-grid{grid-template-columns:1fr}}.bulk-upload-section{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#fff;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.bulk-upload-section h3{font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.bulk-upload-info{font-size:.95rem;margin:0 0 var(--spacing-lg) 0;opacity:.95}.bulk-upload-info strong{font-weight:600;text-decoration:underline}.bulk-upload-controls{display:flex;flex-direction:column;gap:var(--spacing-md)}.bulk-upload-controls input[type=file]{background:#fff;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm)}.file-selected{align-items:center;color:#4ade80;display:inline-flex;font-weight:600;gap:var(--spacing-xs)}.bulk-upload-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.bulk-upload-section .btn-primary{background:linear-gradient(135deg,#d4a5a5,#c48b8b);border:none;color:#fff}.bulk-upload-section .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#c48b8b,#b57373);box-shadow:0 4px 12px #b4737366;transform:translateY(-2px)}.bulk-upload-section .alert{margin-top:var(--spacing-md)}.divider-text{color:var(--text-secondary);font-size:1.1rem;font-weight:600;margin:var(--spacing-xl) 0;position:relative;text-align:center}.divider-text:after,.divider-text:before{background:linear-gradient(to right,#0000,var(--border-color),#0000);content:"";height:2px;position:absolute;top:50%;width:45%}.divider-text:before{left:0}.divider-text:after{right:0}@media (max-width:768px){.bulk-upload-section{padding:var(--spacing-lg)}.bulk-upload-section h3{font-size:1.25rem}.bulk-upload-buttons{flex-direction:column}.bulk-upload-buttons button{width:100%}}.td-actions-col,.th-actions-col{min-width:56px;vertical-align:middle!important;width:56px}.cell-select-actions{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.cell-select-actions .row-checkbox{accent-color:#3498db;accent-color:var(--primary-color,#3498db);cursor:pointer;flex-shrink:0;height:18px;margin:0;width:18px}.th-actions-col .cell-select-actions{align-items:center;flex-direction:row;gap:8px}.th-actions-label{color:#6c757d;color:var(--text-muted,#6c757d);font-size:13px;font-size:var(--font-size-sm,13px);white-space:nowrap}.action-buttons-vertical{display:flex;flex-direction:column;gap:6px;width:100%}.action-buttons-vertical .btn-collect,.action-buttons-vertical .btn-return{font-size:13px;margin:0;padding:6px 10px;text-align:center;width:100%}.action-buttons-vertical .btn-icon-only{align-items:center;display:inline-flex;justify-content:center;min-height:36px;min-width:36px;padding:8px}.th-actions-label{display:none}.btn-return{background:linear-gradient(135deg,#f39c12,#e67e22);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.btn-return:hover{background:linear-gradient(135deg,#e67e22,#d35400);box-shadow:0 4px 12px #f39c124d;transform:translateY(-2px)}.btn-return:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.btn-collect{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.btn-collect:hover{background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#f39c12,#e67e22);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-warning:hover{background:linear-gradient(135deg,#e67e22,#d35400);box-shadow:0 6px 16px #f39c1266;transform:translateY(-2px)}.btn-warning:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.status-badge.status-pending{background:linear-gradient(135deg,#f39c12,#f1c40f);color:#fff}.status-badge.status-collected{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.status-badge.status-returned{background:linear-gradient(135deg,#3498db,#5dade2);color:#fff}.status-badge.status-cancelled{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.return-form textarea{border:2px solid #ddd;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}.return-form textarea:focus{border-color:#f39c12;box-shadow:0 0 0 3px #f39c121a;outline:none}.return-form .form-group{margin-bottom:20px}.return-form .form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:8px}.bulk-actions-bar{align-items:center;background:linear-gradient(135deg,#14b8a61a,#0d94881a);border:2px solid #14b8a6;border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.bulk-selection-info{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600}.bulk-action-buttons{display:flex;gap:var(--spacing-sm)}.bulk-action-buttons .btn:disabled{cursor:not-allowed;opacity:.5}.bulk-results{display:flex;flex-direction:column;gap:var(--spacing-lg)}.bulk-results ul{max-height:300px;overflow-y:auto}.bulk-results li{border-bottom:1px solid #0000001a;padding:var(--spacing-xs) 0}.bulk-results li:last-child{border-bottom:none}@media (max-width:768px){.bulk-actions-bar{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.bulk-selection-info{text-align:center}.bulk-action-buttons{flex-direction:column}.bulk-action-buttons .btn{margin-left:0!important;width:100%}}.status-badge{line-height:1.4;min-width:100px;text-align:center;white-space:normal}.status-badge small{display:block;font-weight:400;margin-top:2px}.attachments-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px}.attachments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.attachments-header h3{color:#374151;font-size:15px;font-weight:600;margin:0}.attachment-upload-btn{font-size:13px;padding:6px 12px}.attachments-empty{background:#f9fafb;border-radius:6px;color:#9ca3af;font-size:13px;padding:12px 0;text-align:center}.attachments-list{display:flex;flex-direction:column;gap:8px}.attachment-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;padding:10px 12px;transition:background .15s}.attachment-item:hover{background:#f1f5f9}.attachment-icon{flex-shrink:0;font-size:22px;line-height:1}.attachment-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.attachment-name{color:#1e293b;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-meta{color:#94a3b8;font-size:11px}.attachment-actions{display:flex;flex-shrink:0;gap:6px}.attachment-actions .btn-sm{font-size:14px;line-height:1;padding:4px 8px}.manager-header{grid-gap:var(--spacing-xl);align-items:center;display:grid;gap:var(--spacing-xl);grid-template-columns:auto 1fr auto;padding:var(--spacing-xl)}.header-logo-section{align-items:center;display:flex}.header-subtitle{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500;margin:0}.header-actions{gap:var(--spacing-md)}.user-info{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.user-icon{color:var(--primary-color);flex-shrink:0;height:var(--icon-size-lg);width:var(--icon-size-lg)}.user-details{align-items:flex-start;display:flex;flex-direction:column;gap:.125rem}.user-details strong{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;line-height:1.2}.user-role{font-weight:500;letter-spacing:.5px;text-transform:uppercase}.header-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end}@media (min-width:768px) and (max-width:1199px){.manager-header{gap:var(--spacing-lg);grid-template-columns:auto 1fr;padding:var(--spacing-lg)}.header-actions{align-items:center;flex-direction:row;grid-column:1/-1;justify-content:space-between;width:100%}.header-text h1{font-size:var(--font-size-2xl)}.cheque-logo{height:60px;width:60px}}@media (max-width:767px){.manager-header{gap:var(--spacing-md);grid-template-columns:1fr;padding:var(--spacing-md);text-align:center}.header-logo-section{justify-content:center}.cheque-logo{height:50px;width:50px}.header-text{text-align:center}.header-text h1{font-size:var(--font-size-xl)}.header-subtitle{font-size:var(--font-size-xs)}.header-actions{align-items:center;gap:var(--spacing-sm);width:100%}.header-buttons,.user-info{justify-content:center;width:100%}.header-buttons .btn{flex:1 1;min-width:100px}}@media (min-width:1920px){.manager-header{padding:var(--spacing-2xl)}.cheque-logo{height:100px;width:100px}.header-text h1{font-size:var(--font-size-4xl)}.user-info{padding:var(--spacing-md) var(--spacing-lg)}.user-icon{height:var(--icon-size-xl);width:var(--icon-size-xl)}}.dashboard-filters{align-items:center;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);margin-left:var(--spacing-md);margin-right:var(--spacing-md);padding:var(--spacing-xl)}.dashboard-filters label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600}.dashboard-filters span{color:var(--text-muted);font-size:var(--font-size-sm)}@media (min-width:768px) and (max-width:1199px){.dashboard-filters{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm);padding:var(--spacing-lg)}}@media (max-width:767px){.dashboard-filters{align-items:stretch;flex-direction:column;gap:var(--spacing-sm);margin-left:var(--spacing-sm);margin-right:var(--spacing-sm);padding:var(--spacing-md)}}.dashboard-section{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);margin-left:var(--spacing-md);margin-right:var(--spacing-md);padding:var(--spacing-xl)}.section-title{border-bottom:2px solid var(--bg-tertiary);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.2px;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.dashboard-cards{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (min-width:1920px){.dashboard-section{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg);padding:var(--spacing-2xl)}.dashboard-cards{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (min-width:1200px) and (max-width:1919px){.dashboard-cards{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:1199px){.dashboard-section{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm);padding:var(--spacing-lg)}.dashboard-cards{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.section-title{font-size:var(--font-size-xl)}}@media (max-width:767px){.dashboard-section{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm);padding:var(--spacing-md)}.dashboard-cards{gap:var(--spacing-md);grid-template-columns:1fr}.section-title{font-size:var(--font-size-lg)}}.dashboard-card{background:#fff;border-left:4px solid;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;min-height:140px;padding:var(--spacing-xl);transition:all var(--transition-base)}.dashboard-card.clickable-card{cursor:pointer;-webkit-user-select:none;user-select:none}.dashboard-card.clickable-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.dashboard-card.clickable-card:active{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard-card.card-issued{background:linear-gradient(135deg,#fff,#fef3c7);border-left-color:var(--warning-color)}.dashboard-card.card-collected{background:linear-gradient(135deg,#fff,#d1fae5);border-left-color:var(--success-color)}.dashboard-card.card-pending{background:linear-gradient(135deg,#fff,#fee2e2);border-left-color:var(--error-color)}.dashboard-card.card-info{background:linear-gradient(135deg,#fff,#dbeafe);border-left-color:var(--info-color)}.dashboard-card.card-warning{background:linear-gradient(135deg,#fff,#fef3c7);border-left-color:var(--warning-color)}.card-content{flex:1 1;min-width:0;text-align:center}.card-content h3{color:var(--text-primary);font-size:3rem;font-weight:700;line-height:1;margin:0 0 var(--spacing-md) 0}.card-content p{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:600;letter-spacing:.5px;margin:0 0 var(--spacing-sm) 0;text-transform:uppercase}.card-amount{color:var(--primary-color);font-size:var(--font-size-xl);font-weight:700;margin-top:var(--spacing-md)}@media (min-width:1920px){.dashboard-card{min-height:180px;padding:var(--spacing-2xl)}.card-content h3{font-size:3.5rem}.card-content p{font-size:var(--font-size-lg)}.card-amount{font-size:var(--font-size-2xl)}}@media (min-width:768px) and (max-width:1199px){.dashboard-card{min-height:120px;padding:var(--spacing-lg)}.card-content h3{font-size:2.5rem}.card-content p{font-size:var(--font-size-sm)}.card-amount{font-size:var(--font-size-lg)}}@media (max-width:767px){.dashboard-card{min-height:100px;padding:var(--spacing-lg)}.card-content h3{font-size:2rem}.card-content p{font-size:var(--font-size-sm)}.card-amount{font-size:var(--font-size-base)}}.date-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.date-input{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-sm);height:var(--btn-height-md);min-width:150px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.date-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a;outline:none}@media (max-width:767px){.date-filters{flex-direction:column;width:100%}.date-input{height:var(--btn-height-sm);padding:var(--spacing-xs) var(--spacing-sm);width:100%}}.search-filter-bar{align-items:center;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);margin-left:var(--spacing-md);margin-right:var(--spacing-md);padding:var(--spacing-xl)}.search-filter-bar .search-input{border:2px solid var(--border-color);border-radius:var(--radius-md);flex:1 1;font-family:var(--font-primary);font-size:var(--font-size-sm);height:var(--btn-height-md);min-width:250px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.search-filter-bar .search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a;outline:none}@media (min-width:768px) and (max-width:1199px){.search-filter-bar{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm);padding:var(--spacing-lg)}}@media (max-width:767px){.search-filter-bar{align-items:stretch;flex-direction:column;gap:var(--spacing-sm);margin-left:var(--spacing-sm);margin-right:var(--spacing-sm);padding:var(--spacing-md)}.search-filter-bar .search-input{height:var(--btn-height-sm);min-width:100%;width:100%}}.calendar-grid{grid-gap:.75rem;-webkit-overflow-scrolling:touch;display:grid;gap:.75rem;grid-template-columns:repeat(7,1fr);max-height:400px;overflow-y:auto;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.calendar-grid::-webkit-scrollbar{width:6px}.calendar-grid::-webkit-scrollbar-track{background:#0000}.calendar-grid::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:999px}@media (max-width:768px){.calendar-grid{gap:.25rem;grid-template-columns:repeat(7,1fr);max-height:300px}}@media (max-width:480px){.calendar-grid{gap:.2rem;max-height:260px}.calendar-grid::-webkit-scrollbar{width:4px}}.calendar-day{align-items:center;aspect-ratio:1;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:.75rem;position:relative;transition:all .2s ease}.calendar-day:hover{box-shadow:0 4px 12px #0000001a;transform:scale(1.05)}@media (max-width:768px){.calendar-day{border-radius:6px;border-width:1px;padding:.1rem}}.calendar-day.received{background:linear-gradient(135deg,#10b98126,#10b9810d);border-color:#10b981}.calendar-day.not-received{background:linear-gradient(135deg,#ef444426,#ef44440d);border-color:#ef4444}.calendar-day.not-applicable{background:linear-gradient(135deg,#9ca3af26,#9ca3af0d);border-color:#9ca3af}.calendar-day.receptionist-marked{background:linear-gradient(135deg,#10b98126,#10b9810d);border-color:#10b981}.calendar-day.verified{background:linear-gradient(135deg,#10b9811a,#fb923c1a);border:2px solid #f97316;box-shadow:0 0 0 2px #fb923c33}@media (max-width:768px){.day-number{font-size:.65rem;margin-bottom:.1rem}}.day-status{font-size:1.5rem;font-weight:700}@media (max-width:768px){.day-status{font-size:.8rem}}.calendar-day.received .day-status{color:#10b981}.calendar-day.not-received .day-status{color:#ef4444}.calendar-day.not-applicable .day-status{color:#6b7280;font-size:.9rem;font-weight:600}.calendar-day.receptionist-marked .day-status{color:#10b981}.calendar-day.verified .day-status{align-items:center;display:flex;font-size:0;gap:4px;justify-content:center;position:relative}.calendar-day.verified .day-status:before{color:#10b981;content:"✓";font-size:1.5rem;font-weight:900}.calendar-day.verified .day-status:after{color:#f97316;content:"✓";font-size:1.5rem;font-weight:900}@media (max-width:768px){.calendar-day.not-applicable .day-status{font-size:.6rem}.calendar-day.verified .day-status:after,.calendar-day.verified .day-status:before{font-size:.8rem}}.document-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;margin:0 1rem;padding:2rem}@media (max-width:768px){.document-card{margin:0 .25rem;padding:1rem}}.report-card{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.report-title{border-bottom:2px solid #711b45;color:#2d3748;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem}.filters-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem;margin-left:1rem;margin-right:1rem;padding:2rem}@media (max-width:768px){.filters-card{margin-left:.5rem;margin-right:.5rem}}.filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width:768px){.filters-grid{grid-template-columns:1fr}}.filter-group label{color:#2d3748;display:block;font-size:.95rem;font-weight:700;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.form-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-select:focus{border-color:#711b45;box-shadow:0 0 0 3px #711b451a;outline:none}.form-select:disabled{background:#f7fafc;cursor:not-allowed;opacity:.6}.tab-content{padding:0;width:100%}@media (max-width:768px){.tab-content{padding:0}}.collapse-toggle-btn{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.collapse-toggle-btn:hover{background:#edf2f7;border-color:#711b45;color:#711b45}.collapse-toggle-btn:active{transform:scale(.95)}.collapsible-section{animation:slideDown .3s ease-out;overflow:hidden}.calendar-picker-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;box-sizing:border-box;margin:0 auto;max-width:600px;padding:1.5rem;width:100%}.calendar-picker-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.calendar-month-title{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0}.calendar-nav-btn{align-items:center;background:#711b45;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.calendar-nav-btn:hover{background:#8b2454;transform:scale(1.1)}.calendar-picker-weekdays{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem}.calendar-picker-weekdays>div{color:#4a5568;font-size:.875rem;font-weight:700;padding:.5rem;text-align:center}.calendar-picker-grid{grid-gap:.5rem;-webkit-overflow-scrolling:touch;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr);max-height:400px;overflow-y:auto;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.calendar-picker-grid::-webkit-scrollbar{width:6px}.calendar-picker-grid::-webkit-scrollbar-track{background:#0000}.calendar-picker-grid::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:999px}.calendar-picker-day{align-items:center;aspect-ratio:1;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:60px;min-width:0;overflow:hidden;padding:.5rem;position:relative;transition:all .2s ease}.calendar-picker-day.empty{border:none;cursor:default}.calendar-picker-day:not(.empty):not(.future):hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05);z-index:1}.calendar-picker-day.future{cursor:not-allowed;opacity:.3}.calendar-picker-day.today{border-color:#711b45;border-width:3px}.calendar-picker-day.selected{background:linear-gradient(135deg,#711b45,#8b2454);border-color:#711b45;color:#fff}.calendar-picker-day.selected .day-number,.calendar-picker-day.selected .day-status-icon{color:#fff}.calendar-picker-day.complete:not(.selected){background:linear-gradient(135deg,#10b9811a,#10b9810d);border-color:#10b981}.calendar-picker-day.partial:not(.selected){background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-color:#f59e0b}.calendar-picker-day.none:not(.selected){background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:#ef4444}.calendar-picker-day.unknown:not(.selected){background:#f7fafc;border-color:#cbd5e0}.day-number{color:#2d3748;font-size:1rem;font-weight:700;margin-bottom:.25rem}.day-status-icon{font-size:1.25rem;font-weight:700}.calendar-picker-day.complete .day-status-icon{color:#10b981}.calendar-picker-day.partial .day-status-icon{color:#f59e0b}.calendar-picker-day.none .day-status-icon{color:#ef4444}.calendar-picker-legend{border-top:2px solid #e2e8f0;display:flex;gap:2rem;justify-content:center;margin-top:1.5rem;padding-top:1rem}.calendar-picker-legend .legend-item{align-items:center;color:#4a5568;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.calendar-picker-legend .legend-icon{font-size:1.25rem;font-weight:700}.calendar-picker-legend .legend-icon.complete{color:#10b981}.calendar-picker-legend .legend-icon.partial{color:#f59e0b}.calendar-picker-legend .legend-icon.none{color:#ef4444}@media (max-width:768px){.calendar-picker-container{border-radius:12px;padding:.875rem}.calendar-month-title{font-size:1.1rem}.calendar-nav-btn{font-size:1.25rem;height:32px;width:32px}.calendar-picker-weekdays{gap:.25rem;margin-bottom:.25rem}.calendar-picker-weekdays>div{font-size:.7rem;padding:.2rem 0}.calendar-picker-grid{gap:.25rem;max-height:300px}.calendar-picker-day{border-radius:8px;border-width:1px;min-height:0;min-height:auto;padding:.2rem}.day-number{font-size:.75rem;margin-bottom:.1rem}.day-status-icon{font-size:.8rem}.calendar-picker-legend{flex-wrap:wrap;font-size:.8rem;gap:.75rem}.calendar-picker-legend .legend-item{font-size:.8rem}.calendar-picker-legend .legend-icon{font-size:1rem}}@media (max-width:480px){.calendar-picker-container{padding:.625rem}.calendar-picker-header{margin-bottom:.75rem;padding-bottom:.5rem}.calendar-picker-grid{gap:.2rem;max-height:260px}.calendar-picker-weekdays{gap:.2rem}.calendar-picker-day{border-radius:6px;min-height:0;min-height:auto;padding:.15rem}.day-number{font-size:.65rem;margin-bottom:0}.day-status-icon{font-size:.7rem}.calendar-picker-weekdays>div{font-size:.6rem;padding:.15rem 0}.calendar-month-title{font-size:1rem}.calendar-nav-btn{font-size:1rem;height:28px;width:28px}}.status-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.filter-btn{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;height:var(--btn-height-md);justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.filter-btn:hover{background:#711b450d;border-color:var(--primary-color);color:var(--primary-color)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}@media (max-width:767px){.status-filters{justify-content:stretch;width:100%}.filter-btn{flex:1 1;font-size:var(--font-size-xs);height:var(--btn-height-sm);min-width:80px;padding:var(--spacing-xs) var(--spacing-sm)}}.cheques-table-container{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);overflow-x:auto;padding:var(--spacing-xl)}@media (min-width:768px) and (max-width:1199px){.cheques-table-container{border-radius:var(--radius-lg);margin:0 var(--spacing-sm) var(--spacing-lg) var(--spacing-sm);padding:var(--spacing-lg)}}@media (max-width:767px){.cheques-table-container{border-radius:var(--radius-lg);margin:0 var(--spacing-sm) var(--spacing-lg) var(--spacing-sm);padding:var(--spacing-md)}}.empty-state,.loading-state{box-shadow:var(--shadow-md);color:var(--text-secondary);margin:0 var(--spacing-md);padding:var(--spacing-3xl) var(--spacing-xl)}@media (max-width:767px){.empty-state,.loading-state{font-size:var(--font-size-base);margin:0 var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-md)}}.pagination{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:0 var(--spacing-md);padding:var(--spacing-xl)}.pagination-btn{background:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;height:var(--btn-height-md);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.pagination-btn:hover:not(:disabled){background:var(--primary-light);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.pagination-btn:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.6}.pagination-info{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600}@media (min-width:768px) and (max-width:1199px){.pagination{margin:0 var(--spacing-sm);padding:var(--spacing-lg)}}@media (max-width:767px){.pagination{flex-direction:column;gap:var(--spacing-sm);margin:0 var(--spacing-sm);padding:var(--spacing-md)}.pagination-btn{height:var(--btn-height-sm);width:100%}.pagination-info{font-size:var(--font-size-xs)}}.btn-refresh{background:#711b45;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-refresh:hover{background:#8b2454;box-shadow:0 4px 12px #711b454d;transform:translateY(-2px)}@media (max-width:768px){.btn-refresh{width:100%}}@media (max-width:1024px){.cheques-table{font-size:.875rem}.cheques-table td,.cheques-table th{padding:.75rem .5rem}}@media (max-width:768px){.cheques-table{font-size:.8rem}.cheques-table td,.cheques-table th{padding:.5rem .25rem}}@media (max-width:480px){.dashboard-card{padding:1.5rem}.card-content h3{font-size:2.5rem}.card-content p{font-size:1rem}.card-amount{font-size:1.25rem}}@media (max-width:768px){.section-title{font-size:1.5rem}}@media (max-width:480px){.section-title{font-size:1.25rem}}.today-status-grid{display:flex;flex-direction:column;gap:2rem}.business-group-section{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem}.business-group-title{border-bottom:2px solid #711b45;color:#2d3748;font-size:1.125rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.branch-status-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));width:100%}@media (max-width:768px){.branch-status-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:480px){.branch-status-grid{grid-template-columns:1fr}}.branch-status-item{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;min-height:70px;overflow:hidden;padding:1rem;transition:all .2s ease}.branch-status-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.branch-status-item.status-complete{background:linear-gradient(135deg,#fff,#10b9810d);border-left:4px solid #10b981}.branch-status-item.status-partial{background:linear-gradient(135deg,#fff,#f59e0b0d);border-left:4px solid #f59e0b}.branch-status-item.status-none{background:linear-gradient(135deg,#fff,#ef44440d);border-left:4px solid #ef4444}.status-indicator{flex-shrink:0;font-size:2rem;line-height:1}.branch-status-item.status-complete .status-indicator{color:#10b981}.branch-status-item.status-partial .status-indicator{color:#f59e0b}.branch-status-item.status-none .status-indicator{color:#ef4444}.branch-name{word-wrap:break-word;align-items:center;color:#2d3748;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;line-height:1.3;max-width:100%;min-width:0;overflow-wrap:break-word;word-break:break-word}.pending-indicator{animation:pulse 2s ease-in-out infinite;font-size:1rem}.branch-percentage{color:#711b45;font-size:1rem;font-weight:700}.status-legend{background:#f7fafc;border-radius:8px;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem;padding:1rem}@media (max-width:768px){.status-legend{gap:1rem}}.status-legend .legend-item{align-items:center;color:#4a5568;display:flex;font-size:.95rem;font-weight:600;gap:.5rem}.status-legend .legend-icon{font-size:1.5rem;line-height:1}.status-legend .legend-icon.status-complete{color:#10b981}.status-legend .legend-icon.status-partial{color:#f59e0b}.status-legend .legend-icon.status-none{color:#ef4444}.report-modal-overlay{align-items:flex-start;animation:fadeIn .25s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffd9;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem 1rem;pointer-events:auto;position:fixed;right:0;top:0;z-index:2000}.report-modal-content{animation:modalFadeIn .3s ease-out;background:#fff;border:2px solid #711b451a;border-radius:20px;box-shadow:0 20px 60px #711b4533;margin-bottom:2rem;margin-top:0;max-width:1200px;pointer-events:auto;width:100%}.report-modal-header{align-items:center;background:linear-gradient(135deg,#711b45,#8b2454);border-bottom:2px solid #e2e8f0;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:2rem}.report-modal-header h3{font-size:1.5rem;font-weight:700;margin:0}.modal-close-btn{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.report-modal-body{padding:2rem}@media (max-width:768px){.report-modal-overlay{padding:1rem .5rem}.report-modal-content{border-radius:16px}.report-modal-header{border-radius:16px 16px 0 0;padding:1.5rem}.report-modal-header h3{font-size:1.125rem}.modal-close-btn{font-size:1.25rem;height:35px;width:35px}.report-modal-body{max-height:calc(85vh - 90px);padding:1.5rem}}@media (max-width:480px){.report-modal-overlay{padding:.5rem .25rem}.report-modal-header{padding:1rem}.report-modal-header h3{font-size:1rem;line-height:1.3}.modal-close-btn{font-size:1.125rem;height:32px;width:32px}.report-modal-body{max-height:calc(80vh - 80px);padding:1rem}}.modules-dropdown-container{position:relative}.dropdown-trigger{align-items:center;display:flex;gap:.5rem}.modules-dropdown-menu{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 16px #00000026;left:0;margin-top:.5rem;min-width:220px;overflow:hidden;position:absolute;top:100%;z-index:1000}.dropdown-item{background:#0000;border:none;border-bottom:1px solid #f7fafc;color:#4a5568;cursor:pointer;display:block;font-size:.95rem;font-weight:600;padding:1rem 1.25rem;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#711b450d;color:#711b45;padding-left:1.5rem}.dropdown-item.active{background:#711b451a;border-left:4px solid #711b45;color:#711b45;font-weight:700}@media (max-width:768px){.modules-dropdown-menu{min-width:200px}.dropdown-item{font-size:.875rem;padding:.875rem 1rem}}.preview-modal-content{max-width:1400px}.preview-table-container{border:2px solid #e2e8f0;border-radius:12px;overflow-x:auto}.preview-table{background:#fff;border-collapse:collapse;width:100%}.preview-table thead{background:linear-gradient(135deg,#711b45,#8b2454);color:#fff}.preview-table th{font-size:.875rem;font-weight:700;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.preview-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.preview-table tbody tr:hover{background:#f7fafc;transform:scale(1.01)}.preview-table tbody tr:last-child{border-bottom:none}.preview-table td{color:#2d3748;font-size:.95rem;padding:1rem}.preview-table td strong{color:#711b45;font-weight:700}.status-badge-mini{display:inline-block;font-size:1.25rem}.btn-view-all{background:linear-gradient(135deg,#711b45,#8b2454);border:none;border-radius:12px;box-shadow:0 4px 12px #711b454d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.btn-view-all:hover{box-shadow:0 6px 20px #711b4566;transform:translateY(-2px)}.btn-close-preview{background:#fff;border:2px solid #711b45;border-radius:12px;color:#711b45;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.btn-close-preview:hover{background:#f7fafc;transform:translateY(-2px)}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#711b45;height:50px;margin:0 auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.preview-table{font-size:.875rem}.preview-table td,.preview-table th{padding:.75rem .5rem}}@media (max-width:768px){.preview-modal-content{max-width:100%}.preview-table{font-size:.8rem}.preview-table td,.preview-table th{padding:.5rem .25rem}.btn-close-preview,.btn-view-all{font-size:.875rem;padding:.875rem 1.5rem}}@media (max-width:480px){.preview-table th{font-size:.75rem}.preview-table td{font-size:.8rem}.btn-close-preview,.btn-view-all{margin-bottom:.5rem;width:100%}}.task-button-with-notification{position:relative}.notification-dot{animation:blink-notification 1.5s ease-in-out infinite;background-color:#ef4444;border:2px solid #fff;border-radius:50%;box-shadow:0 0 8px #ef444499;height:12px;position:absolute;right:-4px;top:-4px;width:12px}@keyframes blink-notification{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.disabled-feature{cursor:not-allowed!important;opacity:.6;position:relative}.disabled-feature:hover{transform:none!important}.coming-soon-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;box-shadow:0 2px 4px #0003;color:#fff;font-size:9px;font-weight:600;padding:2px 6px;position:absolute;right:-8px;top:-8px;white-space:nowrap}.search-filter-bar.enhanced{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:1rem}.filter-select{border:1px solid #cbd5e0;border-radius:6px;font-size:.9rem;min-width:150px;padding:.5rem .75rem;transition:all .2s}.filter-select:hover{border-color:#4299e1}.filter-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.view-mode-toggle{display:flex;gap:.5rem;margin-left:auto}.btn-view-mode{background:#fff;border:1px solid #cbd5e0;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-view-mode:hover{background:#f7fafc;border-color:#4299e1}.btn-view-mode.active{background:#4299e1;border-color:#4299e1;color:#fff}.group-by-options{align-items:center;background:#f7fafc;border-radius:6px;display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.group-by-options label{color:#2d3748;font-size:.9rem;font-weight:600}.group-by-select{background:#fff;border:1px solid #cbd5e0;border-radius:6px;cursor:pointer;font-size:.9rem;min-width:150px;padding:.5rem .75rem}.grouped-view-container{display:flex;flex-direction:column;gap:1rem}.group-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:all .2s}.group-card:hover{box-shadow:0 4px 8px #00000026}.group-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem 1.5rem;transition:all .2s}.group-header:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f)}.group-title{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.group-title h3{font-size:1.25rem;font-weight:600;margin:0}.expand-icon{display:inline-block;font-size:.9rem;transition:transform .2s;width:20px}.group-stats{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.stat-item{align-items:baseline;display:flex;gap:.5rem}.stat-label{font-size:.9rem;opacity:.9}.stat-value{font-size:1rem;font-weight:600}.stat-breakdown{display:flex;flex-wrap:wrap;gap:.75rem}.badge{border-radius:12px;font-size:.85rem;font-weight:500;padding:.25rem .75rem;white-space:nowrap}.badge-pending{background:#fff3;border:1px solid #ffffff4d}.badge-collected{background:#48bb784d;border:1px solid #48bb7880}.badge-returned{background:#4299e14d;border:1px solid #4299e180}.badge-cancelled{background:#f565654d;border:1px solid #f5656580}.group-details{background:#f7fafc;overflow-x:auto;padding:1rem}.group-details .cheques-table{box-shadow:none;margin:0;min-width:100%}@media (max-width:1024px){.search-filter-bar.enhanced{align-items:stretch;flex-direction:column}.filter-select{width:100%}.view-mode-toggle{margin-left:0;width:100%}.btn-view-mode{flex:1 1}.group-stats{align-items:flex-start;flex-direction:column;gap:.75rem}.stat-breakdown{width:100%}}@media (max-width:768px){.group-header{padding:.75rem 1rem}.group-title h3{font-size:1rem}.stat-item{font-size:.85rem}.badge{font-size:.75rem;padding:.2rem .5rem}}.status-badge.status-partial{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.btn-view-icon{background:none;border:none;cursor:pointer;font-size:1.2rem;opacity:.7;padding:.25rem .5rem;transition:transform .2s,opacity .2s}.btn-view-icon:hover{opacity:1;transform:scale(1.2)}.btn-view-icon:active{transform:scale(1.1)}.cheques-table td:first-child,.cheques-table th:first-child{padding:.5rem;text-align:center;width:50px}.reassign-modal-overlay{align-items:stretch;animation:fadeIn .2s ease;background-color:#0009;bottom:0;display:flex;justify-content:flex-start;left:0;position:fixed;right:0;top:0;z-index:10000}.reassign-modal-content{animation:slideInFromLeft .3s ease;background:#fff;box-shadow:4px 0 24px #0000004d;display:flex;flex-direction:column;height:100vh;max-width:600px;width:100%}.reassign-modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e5e7eb;flex-shrink:0;padding:24px 32px}.reassign-modal-title-section{align-items:center;display:flex;justify-content:space-between}.reassign-modal-title-section h2{color:#111827;font-size:22px;font-weight:700;margin:0}.reassign-modal-close-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.reassign-modal-close-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#111827}.reassign-modal-body{flex:1 1;overflow-y:auto;padding:32px}.reassign-modal-body::-webkit-scrollbar{width:8px}.reassign-modal-body::-webkit-scrollbar-track{background:#f1f5f9}.reassign-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.reassign-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.reassign-task-info{background:#f9fafb;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:24px;padding:16px}.reassign-task-title{color:#111827;font-size:16px;font-weight:600;margin-bottom:8px}.reassign-current-assignees{color:#6b7280;font-size:14px}.reassign-current-assignees strong{color:#111827}.form-control{resize:vertical;transition:border-color .2s ease}.reassign-user-select-trigger{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;min-height:48px;padding:12px 16px;transition:all .2s ease}.reassign-user-select-trigger:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.user-select-text{font-size:14px}.reassign-user-select-trigger svg{color:#6b7280;flex-shrink:0}.reassign-modal-footer{background:#f8fafc;border-top:2px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 32px}.reassign-modal-footer .btn-primary,.reassign-modal-footer .btn-secondary{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.reassign-modal-footer .btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.reassign-modal-footer .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.reassign-modal-footer .btn-primary{background:#3b82f6;border:1px solid #3b82f6;color:#fff}.reassign-modal-footer .btn-primary:hover{background:#2563eb;border-color:#2563eb}.reassign-slideover-overlay{animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:10001}.reassign-slideover-panel{animation:slideIn .3s ease;background-color:#fff;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;max-width:480px;width:100%}.slideover-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:20px 24px}.slideover-title-section{gap:12px}.slideover-title-section h2{color:#111827;font-size:20px}.selected-count{background-color:#3b82f6;border-radius:12px;color:#fff;font-size:13px}.slideover-close-btn{background:none;color:#6b7280;line-height:1;padding:4px 8px;transition:color .2s ease}.slideover-close-btn:hover{color:#111827}.slideover-search{flex-shrink:0;padding:16px 24px}.slideover-search-input{border:1px solid #d1d5db;font-size:14px;outline:none;padding:10px 40px 10px 12px;transition:border-color .2s ease}.slideover-search-input:focus{border-color:#3b82f6}.search-clear-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:16px;line-height:1;padding:4px 8px;position:absolute;right:32px;top:50%;transform:translateY(-50%)}.search-clear-btn:hover{color:#6b7280}.slideover-actions{flex-shrink:0;gap:8px;padding:12px 24px}.btn-deselect-all,.btn-select-all{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:13px;padding:8px 16px;transition:all .2s ease}.btn-deselect-all:hover,.btn-select-all:hover{background-color:#f3f4f6;border-color:#9ca3af}.slideover-department:last-child{margin-bottom:0}.department-header{margin-bottom:12px}.department-checkbox-label{gap:10px;padding:8px 0;-webkit-user-select:none;user-select:none}.department-checkbox-label input[type=checkbox]{accent-color:#3b82f6;height:18px;width:18px}.department-name{color:#111827;font-size:15px;font-weight:600}.department-count{font-size:13px;font-weight:400}.department-users{display:flex;flex-direction:column;gap:4px;padding-left:28px}.user-checkbox-label{border-radius:6px;padding:10px 12px;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.user-checkbox-label:hover{background-color:#f9fafb}.user-checkbox-label input[type=checkbox]{accent-color:#3b82f6;flex-shrink:0;height:16px;width:16px}.user-info{gap:2px}.user-name{color:#111827;font-size:14px}.user-role{font-size:12px}.no-results{padding:40px 20px}.no-results p{font-size:14px}.slideover-footer{border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;padding:16px 24px}.slideover-footer .btn-primary,.slideover-footer .btn-secondary{font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.slideover-footer .btn-secondary{background-color:#fff;border:1px solid #d1d5db}.slideover-footer .btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.slideover-footer .btn-primary{background-color:#3b82f6;border:1px solid #3b82f6}.slideover-footer .btn-primary:hover{background-color:#2563eb;border-color:#2563eb}.slideover-footer .btn-primary:disabled{background-color:#9ca3af;border-color:#9ca3af;opacity:.6}@media (max-width:768px){.reassign-modal-content,.reassign-slideover-panel{max-width:100%}.reassign-modal-body,.reassign-modal-footer,.reassign-modal-header{padding-left:20px;padding-right:20px}}@media (max-width:640px){.reassign-modal-content,.reassign-slideover-panel{max-width:100%}.slideover-actions,.slideover-content,.slideover-footer,.slideover-header,.slideover-search{padding-left:16px;padding-right:16px}}.view-task-modal-overlay{align-items:stretch;animation:fadeIn .2s ease;background-color:#0009;bottom:0;display:flex;justify-content:flex-start;left:0;position:fixed;right:0;top:0;z-index:9999}.view-task-modal-content{animation:slideInFromLeft .3s ease;background:#fff;box-shadow:4px 0 24px #0000004d;display:flex;flex-direction:column;height:100vh;max-width:900px;width:100%}.view-task-modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e5e7eb;flex-shrink:0;padding:24px 32px}.view-task-modal-title-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.view-task-modal-title-section h2{word-wrap:break-word;color:#111827;flex:1 1;font-size:24px;font-weight:700;line-height:1.3;margin:0;overflow-wrap:break-word;word-break:break-word}.view-task-close-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;margin-left:16px;transition:all .2s ease;width:36px}.view-task-close-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#111827}.view-task-modal-tabs{display:flex;gap:8px}.view-task-modal-tab{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:15px;font-weight:500;padding:10px 20px;position:relative;transition:all .2s ease}.view-task-modal-tab:hover{background:#3b82f61a;color:#3b82f6}.view-task-modal-tab.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#3b82f6}.view-task-modal-tab.active:after{background:#3b82f6;border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.view-task-modal-body{flex:1 1;overflow-y:auto;padding:32px}.view-task-modal-body::-webkit-scrollbar{width:8px}.view-task-modal-body::-webkit-scrollbar-track{background:#f1f5f9}.view-task-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.view-task-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.view-detail-actions{border-bottom:1px solid #e5e7eb;display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.view-detail-actions .btn-action{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.view-detail-actions .btn-action:hover{background:#f9fafb;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;color:#3b82f6;transform:translateY(-1px)}.detail-section{margin-bottom:32px}.detail-section:last-child{margin-bottom:0}.detail-section-title{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.detail-section-title svg{color:#3b82f6}.btn-add-subtask-inline{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b981;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-left:auto;padding:6px 12px;transition:all .2s ease}.btn-add-subtask-inline:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-label{color:#6b7280;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#111827;font-size:15px;font-weight:500}.detail-value-multi{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.enhanced-task-id-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;color:#fff;font-family:Courier New,monospace;letter-spacing:.5px;padding:6px 12px}.enhanced-priority-badge,.enhanced-task-id-badge{align-items:center;display:inline-flex;font-size:13px;font-weight:600}.enhanced-priority-badge{border-radius:20px;padding:6px 14px;text-transform:capitalize}.enhanced-priority-badge.low{background:#d1fae5;color:#065f46}.enhanced-priority-badge.medium{background:#fef3c7;color:#92400e}.enhanced-priority-badge.high{background:#fee2e2;color:#991b1b}.enhanced-priority-badge.urgent{animation:pulse 2s infinite;background:#fecaca;color:#7f1d1d}.enhanced-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;padding:6px 14px}.enhanced-status-badge.todo{background:#e0e7ff;color:#3730a3}.enhanced-status-badge.in-progress{background:#dbeafe;color:#1e40af}.enhanced-status-badge.review{background:#fef3c7;color:#92400e}.enhanced-status-badge.completed{background:#d1fae5;color:#065f46}.enhanced-approval-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px}.enhanced-approval-badge.pending{background:#fef3c7;color:#92400e}.enhanced-approval-badge.approved{background:#d1fae5;color:#065f46}.enhanced-approval-badge.rejected{background:#fee2e2;color:#991b1b}.enhanced-verified-badge{background:#d1fae5;color:#065f46;gap:6px}.enhanced-not-verified-badge,.enhanced-verified-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:13px;font-weight:500;padding:8px 14px}.enhanced-not-verified-badge{background:#f3f4f6;color:#6b7280}.user-chip{align-items:center;background:#ede9fe;border-radius:20px;color:#5b21b6;display:inline-flex;font-size:13px;font-weight:500;padding:6px 12px}.enhanced-tags-container{display:flex;flex-wrap:wrap;gap:8px}.enhanced-tag{background:#f3f4f6;border-radius:16px;color:#374151;font-size:12px;font-weight:500;padding:6px 12px}.enhanced-attachments-list{display:flex;flex-direction:column;gap:8px}.enhanced-attachment-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.enhanced-attachment-item:hover{background:#f3f4f6;border-color:#3b82f6;transform:translateX(4px)}.enhanced-attachment-icon{font-size:24px}.enhanced-attachment-info{flex:1 1}.enhanced-attachment-name{color:#111827;font-size:14px;font-weight:500}.enhanced-attachment-meta{color:#6b7280;font-size:12px;margin-top:2px}.enhanced-description-box{word-wrap:break-word;background:#f9fafb;border-left:4px solid #3b82f6;border-radius:8px;color:#374151;font-size:14px;line-height:1.6;overflow-wrap:break-word;padding:16px;white-space:pre-wrap;word-break:break-word}.enhanced-comments-section{border-top:2px solid #e5e7eb;margin-top:32px;padding-top:24px}.enhanced-comments-header{color:#111827;font-size:18px;font-weight:600;margin-bottom:16px}.enhanced-comments-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.enhanced-comment-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.enhanced-comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.enhanced-comment-author{color:#111827;font-size:14px;font-weight:600}.enhanced-comment-date{color:#6b7280;font-size:12px}.enhanced-comment-text{color:#374151;font-size:14px;line-height:1.5;margin:0}.enhanced-add-comment{display:flex;flex-direction:column;gap:12px}.enhanced-comment-textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;min-height:80px;padding:12px 16px;resize:vertical;transition:border-color .2s ease;width:100%}.enhanced-comment-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.view-task-modal-footer{background:#f8fafc;border-top:2px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 32px}.view-task-modal-footer .btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.view-task-modal-footer .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.enhanced-linked-tasks{display:flex;flex-direction:column;gap:12px}.enhanced-linked-task-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.enhanced-linked-task-info{flex:1 1}.enhanced-linked-task-id{color:#3b82f6;font-family:Courier New,monospace;font-size:12px;font-weight:600}.enhanced-linked-task-title{color:#111827;font-size:14px;margin-top:4px}.enhanced-linked-task-type{color:#6b7280;font-size:12px;margin-left:8px}.enhanced-remove-link-btn{background:#0000;border:1px solid #e5e7eb;border-radius:6px;color:#ef4444;cursor:pointer;padding:6px 10px;transition:all .2s ease}.enhanced-remove-link-btn:hover{background:#fee2e2;border-color:#ef4444}.enhanced-reassignment-list{display:flex;flex-direction:column;gap:12px}.enhanced-reassignment-item{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:8px;color:#374151;font-size:13px;padding:12px 16px}.enhanced-reassignment-item strong{color:#111827}@media (max-width:768px){.view-task-modal-content{max-width:100%}.view-task-modal-body,.view-task-modal-footer,.view-task-modal-header{padding-left:20px;padding-right:20px}.detail-grid{grid-template-columns:1fr}.view-task-modal-title-section h2{font-size:20px}}@media (max-width:640px){.view-task-modal-content{max-width:100%}}.subtasks-list{display:flex;flex-direction:column;gap:12px}.subtask-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .2s ease}.subtask-item:hover{background:#f3f4f6;border-color:#d1d5db}.subtask-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.subtask-title-section{align-items:center;display:flex;flex:1 1;gap:8px}.subtask-id{background:#3b82f6;border-radius:4px;color:#fff;font-size:11px;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;padding:2px 6px}.subtask-title{word-wrap:break-word;color:#1f2937;font-size:14px;font-weight:600;overflow-wrap:break-word;word-break:break-word}.subtask-status-section{align-items:center;display:flex;flex-shrink:0;gap:8px}.subtask-status-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.subtask-status-select.todo{border-color:#6b7280;color:#6b7280}.subtask-status-select.in-progress{border-color:#3b82f6;color:#3b82f6}.subtask-status-select.review{border-color:#f59e0b;color:#f59e0b}.subtask-status-select.completed{border-color:#10b981;color:#10b981}.subtask-details{margin-top:8px}.subtask-description{word-wrap:break-word;color:#4b5563;font-size:13px;line-height:1.4;margin-bottom:8px;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.subtask-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.subtask-priority{border-radius:4px;font-weight:500;padding:2px 6px;text-transform:capitalize}.subtask-priority.low{background:#d1fae5;color:#065f46}.subtask-priority.medium{background:#fef3c7;color:#92400e}.subtask-priority.high{background:#fee2e2;color:#991b1b}.subtask-priority.urgent{background:#fecaca;color:#7f1d1d}.subtask-assignee{color:#6b7280;font-weight:500}.subtask-due-date{color:#6b7280}.no-subtasks{align-items:center;display:flex;flex-direction:column;gap:16px}.btn-add-first-subtask{align-items:center;background:#f0fdf4;border:2px dashed #10b981;border-radius:8px;color:#059669;cursor:pointer;display:inline-flex;font-size:14px;font-style:normal;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-add-first-subtask:hover{background:linear-gradient(135deg,#10b981,#059669);border-style:solid;box-shadow:0 4px 12px #10b9814d;color:#fff;transform:translateY(-2px)}.subtask-action-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;padding:4px 8px;transition:all .2s ease}.subtask-action-btn:hover{transform:translateY(-1px)}.subtask-edit-btn{border-color:#3b82f6;color:#3b82f6}.subtask-edit-btn:hover{background:#eff6ff;box-shadow:0 2px 8px #3b82f633}.subtask-delete-btn{border-color:#ef4444;color:#ef4444}.subtask-delete-btn:hover{background:#fef2f2;box-shadow:0 2px 8px #ef444433}.edit-task-modal-overlay{align-items:stretch;animation:fadeIn .2s ease;background-color:#0009;bottom:0;display:flex;justify-content:flex-start;left:0;position:fixed;right:0;top:0;z-index:10000}.edit-task-modal-content{animation:slideInFromLeft .3s ease;background:#fff;box-shadow:4px 0 24px #0000004d;display:flex;flex-direction:column;height:100vh;max-width:700px;overflow:hidden;width:100%}.edit-task-modal-content form{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.edit-task-modal-header{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:2px solid #e5e7eb;flex-shrink:0;padding:24px 32px}.edit-task-modal-title-section{align-items:center;display:flex;gap:12px;margin-bottom:12px}.edit-task-header-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.edit-task-modal-title-section h2{color:#111827;flex:1 1;font-size:22px;font-weight:700;margin:0}.edit-task-modal-close-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.edit-task-modal-close-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#111827}.edit-task-id{color:#6b7280;font-size:13px}.task-id-badge{margin-left:6px}.edit-task-modal-body{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:32px}.edit-task-modal-body::-webkit-scrollbar{width:8px}.edit-task-modal-body::-webkit-scrollbar-track{background:#f1f5f9}.edit-task-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.edit-task-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:24px}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section-header{align-items:center;color:#3b82f6;display:flex;font-size:16px;font-weight:600;gap:10px;margin-bottom:20px;position:relative}.form-section-header svg{flex-shrink:0}.form-section-header span{flex:1 1}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:#374151}.required{color:#ef4444;margin-left:2px}.form-control{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-control::placeholder{color:#9ca3af}textarea.form-control{line-height:1.5;min-height:100px;resize:vertical}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%236b7280'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.form-row{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.input-with-icon{position:relative}.input-icon{color:#6b7280;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.form-control.with-icon{padding-left:44px}.priority-indicator{align-items:center;background:#f9fafb;border-radius:6px;display:flex;gap:8px;margin-top:8px;padding:8px 12px}.priority-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.priority-dot.low{background:#10b981}.priority-dot.medium{background:#f59e0b}.priority-dot.high{background:#ef4444}.priority-dot.urgent{animation:pulse 2s infinite;background:#dc2626}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.priority-label{color:#374151;font-size:13px;font-weight:500;text-transform:capitalize}.form-hint{color:#6b7280;font-size:12px;margin-top:6px}.info-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.info-item{align-items:center;display:flex;gap:8px;margin-bottom:8px}.info-item:last-of-type{margin-bottom:12px}.info-label{color:#6b7280;font-size:13px;font-weight:600;min-width:100px}.info-value{color:#111827;font-size:13px;font-weight:500}.info-hint{border-top:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-style:italic;padding-top:8px}.edit-task-modal-footer{background:#f8fafc;border-top:2px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 32px}.edit-task-modal-footer .btn-primary,.edit-task-modal-footer .btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.edit-task-modal-footer .btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.edit-task-modal-footer .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.edit-task-modal-footer .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #3b82f6;color:#fff}.edit-task-modal-footer .btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.edit-task-modal-footer .btn-primary:active{transform:translateY(0)}@media (max-width:768px){.edit-task-modal-content{max-width:100%}.edit-task-modal-body,.edit-task-modal-footer,.edit-task-modal-header{padding-left:20px;padding-right:20px}.form-row{grid-template-columns:1fr}}@media (max-width:640px){.edit-task-modal-content{max-width:100%}.edit-task-modal-title-section h2{font-size:18px}.edit-task-header-icon{height:36px;width:36px}}.subtasks-loading{color:#6b7280;font-size:14px;padding:16px;text-align:center}.edit-subtasks-list{display:flex;flex-direction:column;gap:12px}.edit-subtask-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .2s ease}.edit-subtask-item:hover{background:#f3f4f6;border-color:#d1d5db}.edit-subtask-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.edit-subtask-title-section{align-items:center;display:flex;flex:1 1;gap:8px}.edit-subtask-id{background:#3b82f6;border-radius:4px;color:#fff;font-size:11px;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;padding:2px 6px}.edit-subtask-title{color:#1f2937;font-size:14px;font-weight:600}.edit-subtask-status-section{flex-shrink:0}.edit-subtask-status-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.edit-subtask-status-select.todo{border-color:#6b7280;color:#6b7280}.edit-subtask-status-select.in-progress{border-color:#3b82f6;color:#3b82f6}.edit-subtask-status-select.review{border-color:#f59e0b;color:#f59e0b}.edit-subtask-status-select.completed{border-color:#10b981;color:#10b981}.edit-subtask-details{margin-top:8px}.edit-subtask-description{word-wrap:break-word;color:#4b5563;font-size:13px;line-height:1.4;margin-bottom:8px;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.edit-subtask-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.edit-subtask-priority{border-radius:4px;font-weight:500;padding:2px 6px;text-transform:capitalize}.edit-subtask-priority.low{background:#d1fae5;color:#065f46}.edit-subtask-priority.medium{background:#fef3c7;color:#92400e}.edit-subtask-priority.high{background:#fee2e2;color:#991b1b}.edit-subtask-priority.urgent{background:#fecaca;color:#7f1d1d}.edit-subtask-assignee{color:#6b7280;font-weight:500}.edit-subtask-due-date,.no-subtasks{color:#6b7280}.no-subtasks{font-size:14px;font-style:italic;padding:24px;text-align:center}.btn-add-subtask{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff!important;cursor:pointer;display:flex!important;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;margin-left:auto;padding:8px 16px;position:relative;transition:all .2s ease;white-space:nowrap;z-index:10}.btn-add-subtask:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-add-subtask:active{transform:translateY(0)}.btn-add-subtask svg{color:#fff}.create-subtask-modal-overlay{align-items:stretch;animation:fadeIn .2s ease;background-color:#0009;bottom:0;display:flex;justify-content:flex-start;left:0;position:fixed;right:0;top:0;z-index:10002}.create-subtask-modal-content{animation:slideInFromLeft .3s ease;background:#fff;box-shadow:4px 0 24px #0000004d;display:flex;flex-direction:column;height:100vh;max-width:700px;width:100%}.create-subtask-modal-content form{display:flex;flex:1 1;flex-direction:column;min-height:0}.create-subtask-modal-header{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:2px solid #e5e7eb;flex-shrink:0;padding:24px 32px}.create-subtask-modal-title-section{align-items:center;display:flex;gap:12px;margin-bottom:12px}.create-subtask-header-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.create-subtask-modal-title-section h2{color:#111827;flex:1 1;font-size:22px;font-weight:700;margin:0}.create-subtask-modal-close-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.create-subtask-modal-close-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#111827}.parent-task-info{color:#6b7280;font-size:13px}.parent-task-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:6px;color:#fff;display:inline-flex;font-family:Courier New,monospace;font-size:11px;font-weight:600;margin:0 4px;padding:4px 8px}.create-subtask-modal-body{flex:1 1;overflow-y:auto;padding:24px 32px}.create-subtask-modal-body::-webkit-scrollbar{width:8px}.create-subtask-modal-body::-webkit-scrollbar-track{background:#f1f5f9}.create-subtask-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.assignee-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:8px}.assignee-checkbox{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .2s ease}.assignee-checkbox:hover{background:#f0fdf4;border-color:#10b981}.assignee-checkbox input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:18px;width:18px}.assignee-name{color:#111827;font-size:14px;font-weight:500}.assignee-role{color:#6b7280;font-size:12px;margin-left:auto}.create-subtask-modal-footer{background:#f8fafc;border-top:2px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 32px}.create-subtask-modal-footer .btn-primary,.create-subtask-modal-footer .btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.create-subtask-modal-footer .btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.create-subtask-modal-footer .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.create-subtask-modal-footer .btn-primary{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b981;color:#fff}.create-subtask-modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.create-subtask-modal-footer .btn-primary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.create-subtask-modal-content{max-height:95vh;width:95%}.create-subtask-modal-body,.create-subtask-modal-footer,.create-subtask-modal-header{padding-left:20px;padding-right:20px}}.comments-modal-overlay{align-items:stretch;animation:fadeIn .2s ease;background-color:#0009;bottom:0;display:flex;justify-content:flex-start;left:0;position:fixed;right:0;top:0;z-index:9998}.comments-modal-content{animation:slideInFromLeft .3s ease;background:#fff;box-shadow:4px 0 24px #0000004d;display:flex;flex-direction:column;height:100vh;max-width:500px;width:100%}.comments-modal-header{background:linear-gradient(135deg,#fef7ff,#f3e8ff);border-bottom:2px solid #e5e7eb;flex-shrink:0;padding:24px 32px}.comments-modal-title-section{align-items:flex-start;display:flex;gap:16px}.comments-header-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.comments-header-info{flex:1 1}.comments-header-info h2{color:#111827;font-size:22px;font-weight:700;margin:0 0 8px}.comments-task-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.task-id-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:6px;color:#fff;display:inline-flex;font-family:Courier New,monospace;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px}.task-title{color:#6b7280;font-size:14px;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comments-modal-close-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.comments-modal-close-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#111827}.comments-modal-body{flex:1 1;overflow-y:auto;padding:24px 32px}.comments-modal-body::-webkit-scrollbar{width:8px}.comments-modal-body::-webkit-scrollbar-track{background:#f1f5f9}.comments-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.comments-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.comments-list-section{height:100%}.comments-list{display:flex;flex-direction:column;gap:20px}.comment-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.comment-item:hover{background:#f3f4f6;border-color:#d1d5db}.comment-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.comment-content{flex:1 1}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{color:#111827;font-size:14px;font-weight:600}.comment-date{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px}.comment-text{color:#374151;font-size:14px;line-height:1.5;white-space:pre-wrap}.no-comments{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center}.no-comments svg{margin-bottom:16px;opacity:.5}.no-comments p{color:#374151;font-size:16px;font-weight:500;margin:0 0 8px}.no-comments span{color:#6b7280;font-size:14px}.comments-modal-footer{background:#f8fafc;border-top:2px solid #e5e7eb;flex-shrink:0;padding:20px 32px}.add-comment-form{display:flex;flex-direction:column;gap:12px}.comment-input-section{position:relative}.comment-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-family:inherit;font-size:14px;min-height:80px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.comment-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.comment-textarea::placeholder{color:#9ca3af}.comment-textarea:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.comment-actions{align-items:center;display:flex;justify-content:space-between}.comment-counter{color:#6b7280;font-size:12px}.btn-send-comment{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:1px solid #8b5cf6;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-send-comment:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.btn-send-comment:active{transform:translateY(0)}.btn-send-comment:disabled{background:#9ca3af;border-color:#9ca3af;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.comments-modal-content{max-width:100%}.comments-modal-body,.comments-modal-footer,.comments-modal-header{padding-left:20px;padding-right:20px}.comments-task-info{align-items:flex-start;flex-direction:column;gap:8px}.task-title{max-width:none}}@media (max-width:640px){.comments-modal-content{max-width:100%}.comments-header-info h2{font-size:18px}.comments-header-icon{height:40px;width:40px}}.form-group textarea:focus{border-color:#4caf50}.btn-approve{background:#4caf50;border-radius:4px;padding:10px 20px;transition:all .2s}.btn-approve:hover{background:#45a049}.btn-reject{background:#f44336;border-radius:4px;padding:10px 20px;transition:all .2s}.btn-reject:hover{background:#da190b}.modal-overlay{background-color:#00000080;z-index:1000}.modal-content{border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:24px;width:90%}.modal-content h2{color:#333;font-size:24px;margin:0 0 20px}.modal-body{margin-bottom:24px}.task-info{background:#f8f9fa;border-radius:6px}.task-info p{color:#555}.task-info strong{color:#333;margin-right:8px}.form-group{margin-bottom:16px}.form-group label{color:#333;font-weight:500;margin-bottom:8px}.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:10px;resize:vertical;width:100%}.form-group textarea:focus{border-color:#2196f3;outline:none}.modal-actions{gap:12px}.btn-secondary{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:#f8f9fa}.btn-verify{background:#2196f3;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-verify:hover{background:#0b7dda}.btn-unverify{background:#ff9800;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-unverify:hover{background:#e68900}.multi-select-filter{display:inline-block;position:relative}.multi-select-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:space-between;min-width:150px;padding:8px 16px;transition:all .2s}.multi-select-button:hover{background:#f8f9fa;border-color:#4a90e2}.dropdown-arrow{color:#666;font-size:10px}.multi-select-dropdown{border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;min-width:200px;overflow:hidden}.multi-select-actions{background:#f8f9fa;border-bottom:1px solid #eee;display:flex;gap:8px;padding:8px}.action-btn{background:#fff;border:1px solid #ddd;border-radius:3px;cursor:pointer;flex:1 1;font-size:12px;padding:4px 8px;transition:all .2s}.action-btn:hover{background:#4a90e2;border-color:#4a90e2;color:#fff}.multi-select-options{max-height:250px;overflow-y:auto}.multi-select-option{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background .2s;-webkit-user-select:none;user-select:none}.multi-select-option:hover{background:#f0f7ff}.multi-select-option input[type=checkbox]{cursor:pointer;height:16px;width:16px}.multi-select-option span{color:#333;font-size:14px}.task-header{grid-gap:24px;background:#fffffff2;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 30px #0000001a;gap:24px;margin-bottom:24px;padding:24px}.task-header:before{background:linear-gradient(90deg,#711b45,#8b2454,#a52a63)}.app-logo{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(113,27,69,.3));height:80px;width:80px}.task-header h1{background:linear-gradient(135deg,#8b2454,#a52a63);font-size:32px;margin:0 0 8px}.task-header p{color:#6b7280;font-size:16px}.header-actions{gap:8px}.btn-back{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#374151;padding:12px 20px;transition:all .2s}.btn-back:hover{background:#f3f4f6;border-color:#711b45}@media (max-width:1024px){.task-header{gap:16px;grid-template-columns:auto 1fr}.header-actions{flex-direction:row;flex-wrap:wrap;grid-column:1/-1;justify-content:center}}@media (max-width:768px){.task-header{grid-template-columns:1fr;padding:16px;text-align:center}.app-logo{height:60px;margin:0 auto;width:60px}.task-header h1{font-size:24px}.task-header p{font-size:14px}.header-actions{align-items:stretch;flex-direction:column}.btn-back{width:100%}}.slideover-header{background:linear-gradient(135deg,#711b45,#8b2454)}.slideover-search-input:focus{border-color:#711b45}.btn-deselect-all,.btn-select-all{border:2px solid #711b45}.btn-select-all{background:linear-gradient(135deg,#711b45,#8b2454)}.btn-select-all:hover{background:linear-gradient(135deg,#5a1536,#711b45)}.btn-deselect-all{color:#711b45}.department-checkbox-label input[type=checkbox],.user-item input[type=checkbox]{accent-color:#711b45}.slideover-footer .btn-primary{background:linear-gradient(135deg,#711b45,#8b2454)}.pagination{gap:16px;margin-top:24px}.pagination button{border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;padding:10px 24px;transition:all .2s}.pagination button:hover:not(:disabled){background:#fef2f7;border-color:#711b45;color:#711b45}.pagination button:disabled{background:#f9fafb}.pagination span{color:#6b7280;font-size:14px;min-width:120px;text-align:center}.task-management-container{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;padding:var(--spacing-xl);position:relative}.task-management-container:before{background-color:#ffffffd9;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.task-management-content{margin:0 auto;max-width:1400px;padding:0 var(--spacing-md);position:relative;z-index:2}.task-header{grid-gap:var(--spacing-xl);align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:grid;gap:var(--spacing-xl);grid-template-columns:auto 1fr auto;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl);position:relative}.task-header:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.task-logo{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(113,27,69,.3));height:80px;width:80px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.header-text{text-align:center}.task-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-light),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-3xl);font-weight:700;margin:0;margin-bottom:var(--spacing-sm)}.task-header p{color:var(--text-muted);font-size:var(--font-size-base);margin:0}.header-actions{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-sm)}.user-info{color:var(--text-secondary);font-size:var(--font-size-sm);text-align:right}.user-info strong{color:var(--text-primary);font-weight:600}.user-role{color:var(--text-muted);font-size:var(--font-size-xs);margin-left:var(--spacing-xs)}.btn-back{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base)}.btn-back:hover{background:var(--bg-secondary);border-color:var(--primary-color);transform:translateY(-2px)}.btn-create{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-base)}.btn-create:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-view{background:var(--info-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-xs);font-weight:600;margin-right:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.btn-view:hover{background:#2563eb;transform:translateY(-1px)}.btn-delete{background:var(--error-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.btn-delete:hover{background:#dc2626;transform:translateY(-1px)}.td-actions-icons,.th-actions-icons{vertical-align:middle;white-space:nowrap;width:1%}.row-action-icons{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.btn-icon{align-items:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:all var(--transition-base);width:32px}.btn-icon:hover{transform:translateY(-1px)}.btn-icon-view{color:var(--info-color)}.btn-icon-view:hover{background:#2563eb26;color:#2563eb}.btn-icon-comments{color:#8b5cf6;position:relative}.btn-icon-comments:hover{background:#8b5cf626;color:#7c3aed}.btn-icon-subtasks{color:var(--text-secondary)}.btn-icon-subtasks:hover{background:var(--border-color);color:var(--text-primary)}.btn-icon-delete{color:var(--error-color)}.btn-icon-delete:hover{background:#dc26261f;color:#dc2626}.btn-icon-edit-inline{align-items:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);gap:6px;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-base)}.btn-icon-edit-inline:hover{background:var(--border-color);color:var(--primary-color)}.comment-count-badge{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:10px;box-shadow:0 2px 4px #8b5cf64d;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;line-height:1;min-width:16px;padding:2px 6px;position:absolute;right:-6px;top:-6px}.view-detail-actions{margin-bottom:var(--spacing-md)}.edit-form-actions{align-items:center;display:inline-flex;gap:var(--spacing-sm)}.edit-form-actions .btn-sm{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-md)}.minimal-edit-form{margin-bottom:var(--spacing-md)}.minimal-edit-form.inline{display:flex;flex-direction:column;gap:var(--spacing-xs)}.minimal-edit-form.inline input,.minimal-edit-form.inline textarea{max-width:100%;width:100%}.subtasks-panel-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.btn-toggle-subtasks{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:6px;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-base)}.btn-toggle-subtasks:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-action-inline{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-base)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));transform:translateY(-2px)}.btn-secondary{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-base)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.task-tabs{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-md)}.task-tab{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-md) var(--spacing-lg);text-align:center;transition:all var(--transition-base)}.task-tab:hover{color:var(--primary-color);transform:translateY(-2px)}.task-tab.active,.task-tab:hover{border-color:var(--primary-color)}.task-tab.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));box-shadow:var(--shadow-md);color:#fff}.dashboard-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{background:#fff;border-left:4px solid;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;padding:var(--spacing-lg);position:relative;text-align:center;transition:all var(--transition-base)}.stat-card:before{background:linear-gradient(135deg,#711b450d,#711b451a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-card.active{border-left-width:6px;box-shadow:var(--shadow-glow);transform:translateY(-4px)}.stat-card.active:before{background:linear-gradient(135deg,#711b451a,#711b4526);opacity:1}.stat-card:active{transform:translateY(-2px)}.stat-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-3xl);font-weight:700;gap:var(--spacing-sm);justify-content:center;margin:0 0 var(--spacing-xs) 0}.stat-card p{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.stat-total{border-left-color:var(--info-color)}.stat-todo{border-left-color:var(--text-muted)}.stat-progress{border-left-color:var(--warning-color)}.stat-review{border-left-color:#8b5cf6}.stat-completed{border-left-color:var(--success-color)}.stat-overdue{animation:overdueCardPulse 2s ease-in-out infinite;border-left-color:var(--error-color)}@keyframes overdueCardPulse{0%,to{background:#fff;box-shadow:var(--shadow-sm)}50%{background:#ef444414;box-shadow:0 0 20px #ef44444d}}.overdue-blink-indicator{animation:blink 1.5s ease-in-out infinite;background:var(--error-color);border-radius:50%;box-shadow:0 0 8px #ef444499;display:inline-block;height:12px;width:12px}.task-controls{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.search-input{border:2px solid var(--border-color);border-radius:var(--radius-lg);flex:1 1;font-size:var(--font-size-sm);min-width:200px;padding:var(--spacing-md);transition:all var(--transition-base)}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a;outline:none}.filter-select{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-md);transition:all var(--transition-base)}.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a;outline:none}.view-mode-select{background:linear-gradient(135deg,#f3f4f6,#fff);border:2px solid var(--primary-color);font-weight:600;min-width:180px}.group-by-select{background:linear-gradient(135deg,#fef3c7,#fff);border:2px solid var(--warning-color);font-weight:600;min-width:180px}.tasks-table-container{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);overflow-x:auto;overflow-y:visible}.tasks-table-container::-webkit-scrollbar{height:10px}.tasks-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.tasks-table-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:5px}.tasks-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,var(--primary-dark),var(--primary-color))}.tasks-table{border-collapse:collapse;width:100%}.tasks-table thead{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff}.tasks-table th{font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.tasks-table td,.tasks-table th{font-size:var(--font-size-sm);padding:var(--spacing-lg)}.tasks-table td{border-bottom:1px solid var(--border-color);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks-table td.task-title-cell,.tasks-table td:nth-child(3){word-wrap:break-word;max-width:300px;min-width:150px;overflow-wrap:break-word;white-space:normal;word-break:break-word}.tasks-table tbody tr{transition:all var(--transition-base)}.tasks-table tbody tr:hover{background:var(--bg-secondary)}.tasks-table tbody tr:last-child td{border-bottom:none}.overdue-row{animation:overdueRowPulse 2s ease-in-out infinite;background:#ef44440d!important}@keyframes overdueRowPulse{0%,to{background:#ef44440d}50%{background:#ef444426}}.overdue-badge{align-items:center;color:var(--error-color);display:inline-flex;font-size:var(--font-size-xs);font-weight:600;gap:var(--spacing-xs);margin-left:var(--spacing-sm)}.overdue-indicator{animation:blink 1.5s ease-in-out infinite;background:var(--error-color);border-radius:50%;display:inline-block;height:8px;margin-right:var(--spacing-xs);width:8px}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.priority-badge{border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize}.priority-badge,.status-select{padding:var(--spacing-xs) var(--spacing-sm)}.status-select{border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base)}.status-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a;outline:none}.status-todo{background:var(--bg-secondary);color:var(--text-primary)}.status-in-progress{background:#fef3c7;color:#92400e}.status-review{background:#ede9fe;color:#5b21b6}.status-completed{background:#d1fae5;color:#065f46}.pagination{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl)}.pagination button{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.pagination button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600}.empty-state,.loading-state{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--text-muted);font-size:var(--font-size-lg);padding:var(--spacing-3xl);text-align:center}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:modalFadeIn .2s ease-out;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin:auto;max-height:90vh;max-width:600px;overflow-y:auto;padding:var(--spacing-2xl);position:relative;transform:none;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-overlay.create-task-modal{align-items:stretch;justify-content:flex-start;padding:0}.modal-overlay.create-task-modal .modal-content{animation:slideInFromLeft .3s ease-out;border-radius:0;border-bottom-right-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);display:flex;flex-direction:column;height:100vh;margin:0;max-height:100vh;max-width:500px;width:500px}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.modal-overlay.create-task-modal .modal-content h2{border-bottom:2px solid var(--border-color);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.modal-overlay.create-task-modal .modal-content form{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.modal-overlay.create-task-modal .modal-actions{background:#fff;border-top:2px solid var(--border-color);bottom:0;margin-top:auto;padding-top:var(--spacing-lg);position:-webkit-sticky;position:sticky}@media (max-width:768px){.modal-overlay.create-task-modal .modal-content{max-width:90%;width:90%}}.modal-large{max-width:800px}.modal-content h2{color:var(--text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xl);margin-top:0}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:var(--spacing-md);transition:all var(--transition-base);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a;outline:none}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.modal-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.view-modal-header{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.view-modal-header h2{font-size:1.25rem;margin:0 0 var(--spacing-md) 0}.view-modal-tabs{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:var(--radius-md);display:flex;gap:0;padding:4px;width:-webkit-fit-content;width:fit-content}.view-modal-tab{background:#0000;border:none;border-radius:var(--radius-sm);color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background .15s,color .15s}.view-modal-tab:hover{background:#ffffffb3;color:#1e293b;color:var(--text-primary,#1e293b)}.view-modal-tab.active{background:#fff;box-shadow:0 1px 2px #0000000f;color:#3b82f6;color:var(--primary-color,#3b82f6)}.view-modal-panel{margin-bottom:var(--spacing-md);max-height:60vh;overflow-y:auto}.subtasks-section{margin-top:0;padding-top:0}.subtasks-section.view-modal-panel .subtask-progress{margin-bottom:var(--spacing-md)}.subtasks-section h3{margin-bottom:var(--spacing-sm)}.add-subtask-actions,.add-subtask-btn{margin-top:var(--spacing-md)}.add-subtask-actions{display:flex;gap:var(--spacing-sm)}.subtask-progress{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.subtasks-list{margin-bottom:var(--spacing-md);overflow-x:auto}.subtasks-table{font-size:.9em}.subtasks-table td,.subtasks-table th{padding:var(--spacing-xs) var(--spacing-sm);vertical-align:top}.subtask-cell-wrap{word-wrap:break-word;max-width:200px;min-width:0;overflow-wrap:break-word;white-space:normal;word-break:break-word}.subtask-desc-cell{max-width:260px}.subtask-desc-cell .subtask-desc-text{display:block;white-space:pre-wrap;word-break:break-word}.subtask-see-more-btn{background:none;border:none;color:#3b82f6;color:var(--primary-color,#3b82f6);cursor:pointer;display:inline-block;font-size:.85em;margin-top:4px;padding:0;text-decoration:underline}.subtask-see-more-btn:hover{color:#2563eb;color:var(--primary-light,#2563eb)}.add-subtask-form{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.add-subtask-form h4{margin-bottom:var(--spacing-sm);margin-top:0}.add-subtask-form .form-group{margin-bottom:var(--spacing-md)}.add-subtask-form .form-group label{display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.add-subtask-form input,.add-subtask-form select,.add-subtask-form textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);width:100%}.task-details{margin:var(--spacing-lg) 0}.detail-row{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.detail-row strong{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);letter-spacing:.5px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.detail-row p,.detail-row span{word-wrap:break-word;color:var(--text-primary);margin:0;max-width:100%;min-width:0;overflow-wrap:break-word;white-space:normal;word-break:break-word}.tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-md)}.attachments{display:flex;flex-direction:column;gap:var(--spacing-sm)}.attachment-link{align-items:center;color:var(--info-color);display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);text-decoration:none;transition:all var(--transition-base)}.attachment-link:hover{color:var(--primary-color);text-decoration:underline}.comments-section{border-top:2px solid var(--border-color);margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl)}.comments-section h3{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.comments-list{margin-bottom:var(--spacing-xl)}.comment{background:var(--bg-secondary);border-left:3px solid var(--primary-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-lg)}.comment strong{color:var(--text-primary);font-weight:600}.comment-date{color:var(--text-muted);font-size:var(--font-size-xs);margin-left:var(--spacing-sm)}.comment p{color:var(--text-secondary);line-height:1.6;margin:var(--spacing-sm) 0 0 0}.no-comments{color:var(--text-muted);font-style:italic;padding:var(--spacing-xl);text-align:center}.add-comment{display:flex;flex-direction:column;gap:var(--spacing-sm)}.grouped-tasks-container{margin-top:var(--spacing-lg);max-height:600px;overflow-y:auto;padding-right:var(--spacing-sm)}.grouped-tasks-container::-webkit-scrollbar{width:8px}.grouped-tasks-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.grouped-tasks-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.grouped-tasks-container::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.task-group{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);overflow:hidden;transition:all var(--transition-base)}.task-group:hover{box-shadow:var(--shadow-md)}.group-header{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.group-header:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary-color))}.group-toggle{font-size:var(--font-size-lg);font-weight:700;transition:transform var(--transition-base)}.group-title{flex:1 1;font-size:var(--font-size-xl);font-weight:600;margin:0}.group-label{font-size:var(--font-size-md);font-weight:400;margin-right:var(--spacing-xs);opacity:.9}.group-count{background:#fff3;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-xs) var(--spacing-md)}.group-content{animation:slideDown .3s ease-out;overflow-x:auto;padding:var(--spacing-md)}.group-content::-webkit-scrollbar{height:8px}.group-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.group-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.group-content::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.empty-group{color:var(--text-muted);font-style:italic;padding:var(--spacing-2xl);text-align:center}@media (max-width:1024px){.task-header{gap:var(--spacing-lg);grid-template-columns:auto 1fr}.header-actions{flex-direction:row;grid-column:1/-1;justify-self:center}}@media (max-width:768px){.task-management-container{padding:var(--spacing-md)}.task-controls,.task-tabs{flex-direction:column}.filter-select,.group-by-select,.search-input,.view-mode-select{width:100%}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.modal-content{padding:var(--spacing-lg)}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.tasks-table{font-size:var(--font-size-xs)}.tasks-table td,.tasks-table th{padding:var(--spacing-sm)}.group-header{padding:var(--spacing-md)}.group-title{font-size:var(--font-size-lg)}}.custom-multi-select{position:relative;width:100%}.multi-select-trigger{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:12px 16px;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;width:100%}.multi-select-trigger:hover{border-color:var(--primary-color)}.multi-select-trigger span:first-child{color:var(--text-secondary)}.dropdown-arrow{color:var(--text-muted);font-size:12px;transition:transform var(--transition-base)}.multi-select-dropdown{animation:slideDown .2s ease;background:#fff;border:2px solid var(--primary-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.role-group{border-bottom:1px solid var(--border-color)}.role-group:last-child{border-bottom:none}.role-header{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid var(--border-color);color:var(--primary-color);font-size:11px;font-weight:700;letter-spacing:.5px;padding:10px 16px}.role-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;padding:0;-webkit-user-select:none;user-select:none;width:100%}.role-checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;height:16px;margin:0;width:16px}.role-checkbox-label .role-name{color:var(--primary-color);flex:1 1;font-size:11px;font-weight:700;letter-spacing:.5px}.role-checkbox-label .role-count{color:#6b7280;font-size:.85em;font-weight:500}.user-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 16px;transition:background var(--transition-base)}.user-checkbox-label:hover{background:#711b450d}.user-checkbox-label input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.user-checkbox-label span{color:var(--text-primary);font-size:var(--font-size-sm)}.user-role-badge{background:#711b451a;border-radius:4px;color:var(--primary-color);font-size:11px;font-weight:500;margin-left:auto;padding:2px 8px;text-transform:capitalize}.btn-approve{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:8px;padding:8px 16px;transition:all .3s ease}.btn-approve:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:8px;padding:8px 16px;transition:all .3s ease}.btn-reject:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.stat-pending{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.stat-approved{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-rejected{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.approval-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.approval-pending{background-color:#fef3c7;color:#92400e}.approval-approved{background-color:#d1fae5;color:#065f46}.approval-rejected{background-color:#fee2e2;color:#991b1b}.task-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:16px}.task-info p{color:#374151;margin:8px 0}.task-info strong{color:#111827;font-weight:600}.status-badge{border-radius:6px;color:#fff;display:inline-block;font-size:13px;font-weight:600;padding:6px 12px;text-transform:capitalize}.status-badge.status-todo{background:linear-gradient(135deg,#6b7280,#4b5563)}.status-badge.status-in-progress{background:linear-gradient(135deg,#3b82f6,#2563eb)}.status-badge.status-review{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-badge.status-completed{background:linear-gradient(135deg,#10b981,#059669)}.verified-badge{background-color:#10b981;border-radius:4px;color:#fff;display:inline-block;font-size:.75em;font-weight:600;margin-left:10px;padding:2px 8px}.verified-badge-detail{background-color:#d1fae5;color:#065f46}.not-verified-badge,.verified-badge-detail{border-radius:6px;display:inline-block;font-size:.9em;font-weight:500;padding:4px 12px}.not-verified-badge{background-color:#fef3c7;color:#92400e}.btn-verify{background-color:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;margin-left:5px;padding:6px 12px;transition:background-color .2s}.btn-verify:hover{background-color:#059669}.btn-unverify{background-color:#f59e0b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;margin-left:5px;padding:6px 12px;transition:background-color .2s}.btn-unverify:hover{background-color:#d97706}.slideover-overlay{animation:fadeIn .3s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:flex-start;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slideover-panel{animation:slideIn .3s ease-out;background:#fff;box-shadow:4px 0 24px #00000026;display:flex;flex-direction:column;height:100vh;max-width:600px;overflow:hidden;width:80%}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.slideover-header{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);border-bottom:2px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:24px}.slideover-title-section{align-items:center;display:flex;gap:16px}.slideover-title-section h2{font-size:24px;font-weight:600;margin:0}.selected-count{background:#fff3;border-radius:20px;font-size:14px;font-weight:500;padding:4px 12px}.slideover-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s;width:40px}.slideover-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.slideover-search{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px 24px;position:relative}.slideover-search-input{border:2px solid #e5e7eb;border-radius:8px;font-size:15px;padding:12px 40px 12px 16px;transition:all .2s;width:100%}.slideover-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a;outline:none}.clear-search-btn{align-items:center;background:#9ca3af;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:32px;top:50%;transform:translateY(-50%);transition:all .2s;width:24px}.clear-search-btn:hover{background:#6b7280}.slideover-actions{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 24px}.btn-deselect-all,.btn-select-all{border:2px solid var(--primary-color);border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.btn-select-all{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);color:#fff}.btn-select-all:hover{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-color) 100%);box-shadow:0 4px 12px #711b454d;transform:translateY(-1px)}.btn-deselect-all{background:#fff;color:var(--primary-color)}.btn-deselect-all:hover{background:#f3f4f6;transform:translateY(-1px)}.slideover-content{flex:1 1;overflow-y:auto;padding:16px 24px}.slideover-content::-webkit-scrollbar{width:8px}.slideover-content::-webkit-scrollbar-track{background:#f1f1f1}.slideover-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.slideover-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.slideover-department{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;overflow:hidden;transition:all .2s}.slideover-department:hover{box-shadow:0 4px 12px #00000014}.department-header{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-bottom:1px solid #e5e7eb;padding:16px}.department-checkbox-label{align-items:center;color:#1f2937;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px}.department-checkbox-label input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:20px;width:20px}.department-name{flex:1 1}.department-count{background:#fff;border-radius:12px;color:#6b7280;font-size:14px;font-weight:500;padding:4px 10px}.department-users{padding:8px}.user-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;position:relative;transition:all .2s}.user-item:hover{background:#f9fafb}.user-item input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.user-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.user-name{color:#1f2937;font-size:15px;font-weight:500}.user-role{color:#6b7280;font-size:13px;text-transform:capitalize}.user-selected-icon{color:#10b981;font-size:20px;font-weight:700}.no-results{color:#6b7280;padding:60px 20px;text-align:center}.no-results p{font-size:16px;margin:0}.slideover-footer{background:#fff;border-top:2px solid #e5e7eb;box-shadow:0 -4px 12px #0000000d;display:flex;gap:12px;padding:20px 24px}.slideover-footer .btn-primary,.slideover-footer .btn-secondary{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s}.slideover-footer .btn-secondary{background:#f3f4f6;color:#374151}.slideover-footer .btn-secondary:hover{background:#e5e7eb}.slideover-footer .btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);color:#fff}.slideover-footer .btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #711b4566;transform:translateY(-2px)}.slideover-footer .btn-primary:disabled{cursor:not-allowed;opacity:.5}.user-select-trigger{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s}.user-select-trigger:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px #711b451a}.user-select-text{color:#374151;font-size:15px}.user-select-icon{font-size:20px}@media (max-width:768px){.slideover-panel{max-width:100%;width:100%}.slideover-header{padding:20px}.slideover-title-section h2{font-size:20px}.slideover-actions,.slideover-content,.slideover-footer,.slideover-search{padding-left:16px;padding-right:16px}}input[type=checkbox]{transition:all .2s ease}input[type=checkbox]:checked{transform:scale(1.1)}.routine-assignee-field{position:relative}.routine-assignee-trigger{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;min-height:40px;padding:8px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.routine-assignee-trigger:hover{border-color:#9ca3af}.routine-assignee-trigger:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.routine-assignee-trigger-text{color:#374151;font-size:14px}.routine-assignee-trigger-icon{color:#6b7280;font-size:10px;margin-left:8px}.routine-assignee-hint{color:#dc2626;display:block;font-size:12px;margin-top:4px}.routine-assignee-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;left:0;margin-top:4px;max-height:280px;position:absolute;right:0;top:100%;z-index:50}.routine-assignee-search{border:none;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;flex-shrink:0;font-size:14px;padding:8px 12px}.routine-assignee-search:focus{outline:none}.routine-assignee-search::placeholder{color:#9ca3af}.routine-assignee-list{max-height:220px;overflow-y:auto;padding:4px 0}.routine-assignee-empty{color:#6b7280;font-size:14px;padding:16px;text-align:center}.routine-assignee-dept{padding:4px 0}.routine-assignee-dept-name{background:#f9fafb;border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase}.routine-assignee-option{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:8px 12px;transition:background .1s}.routine-assignee-option:hover{background:#f3f4f6}.routine-assignee-option input[type=checkbox]{cursor:pointer;flex-shrink:0;height:16px;margin:0;width:16px}.routine-assignee-option-name{color:#111827;flex:1 1;font-weight:500}.routine-assignee-option-role{background:#f3f4f6;border-radius:4px;color:#6b7280;flex-shrink:0;font-size:12px;padding:2px 8px}.routine-cell-assignees{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.routine-recurrence-badge{background:#e0e7ff;border-radius:6px;color:#3730a3;display:inline-block;font-size:12px;font-weight:600;margin-right:4px;padding:2px 8px;text-transform:capitalize}.empty-cell{color:#6b7280;padding:2rem!important;text-align:center}.task-content .toolbar{margin-bottom:1rem}.routine-subtasks-group{margin-top:1rem}.routine-subtasks-hint{font-size:12px;margin:0 0 8px}.routine-subtask-row{gap:8px;margin-bottom:8px}.routine-subtask-desc,.routine-subtask-title{border:1px solid #d1d5db;font-size:14px;padding:8px 12px}.routine-subtask-remove{flex-shrink:0;min-width:36px;padding:6px 10px}.routine-modal{box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:640px}.routine-modal-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.routine-modal-header h2{color:#111827;font-size:1.35rem;font-weight:600;margin:0}.routine-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;line-height:1;transition:background .15s,color .15s;width:36px}.routine-modal-close:hover{background:#e5e7eb;color:#111827}.routine-modal-form{overflow-y:auto;padding-right:4px}.routine-modal-section{margin-bottom:1.5rem}.routine-section-title{color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;padding-bottom:.35rem;text-transform:uppercase}.routine-form-row{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:1fr auto}.routine-form-row .routine-assignee-field{min-width:0}.routine-priority-field{width:140px}.routine-priority-field select{width:100%}.routine-dates-row{grid-template-columns:1fr 1fr}.routine-recurrence-row label{display:block;margin-bottom:.5rem}.routine-recurrence-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.routine-recurrence-select{min-width:120px}.routine-recurrence-extra{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:.5rem .75rem}.routine-recurrence-extra-wrap{align-items:center;display:inline-flex;gap:.5rem}.routine-recurrence-extra-label{color:#6b7280;font-size:.8rem;margin:0}.routine-recurrence-day{width:56px}.routine-subtasks-section .routine-section-title{margin-bottom:.25rem}.routine-subtasks-hint{color:#6b7280;font-size:.8rem;margin:0 0 .75rem}.routine-subtasks-list{margin-bottom:.75rem}.routine-subtask-row{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.5rem}.routine-subtask-desc,.routine-subtask-title{border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:.9rem;min-width:0;padding:.5rem .75rem}.routine-subtask-row .routine-subtask-remove{background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;flex-shrink:0;font-size:1.2rem;height:32px;line-height:1;padding:0;transition:background .15s;width:32px}.routine-subtask-row .routine-subtask-remove:hover{background:#fecaca}.routine-add-subtask-btn{background:#fff;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:border-color .15s,color .15s}.routine-add-subtask-btn:hover{border-color:#9ca3af;color:#374151}.routine-modal-actions{border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}@media (max-width:560px){.routine-dates-row,.routine-form-row{grid-template-columns:1fr}.routine-priority-field{width:100%}}.user-profile-container{margin:20px auto;padding:20px;width:100%}.profile-header{align-items:center;display:flex;gap:15px;margin-bottom:30px}.profile-header h2{color:#333;font-size:28px;margin:0}.btn-back{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.btn-back:hover{background-color:#5a6268}.profile-loading{color:#666;font-size:18px;padding:40px;text-align:center}.alert{border-radius:4px;margin-bottom:20px;padding:12px 20px}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.alert-success{background-color:#efe;border:1px solid #cfc;color:#3c3}.profile-content{display:flex;flex-direction:column;gap:30px}.profile-photo-section{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:20px;padding:30px}.photo-display{height:150px;width:150px}.profile-photo{border:3px solid #007bff;border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-photo-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:60px;font-weight:700;height:100%;justify-content:center;width:100%}.photo-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.password-section,.profile-info-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.section-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.section-header h3{color:#333;font-size:20px;margin:0}.profile-details{display:flex;flex-direction:column;gap:15px}.detail-row{border-bottom:1px solid #f0f0f0;display:flex;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#666;font-weight:600;min-width:150px}.detail-value{color:#333;flex:1 1}.role-badge{background-color:#007bff;border-radius:12px;color:#fff;display:inline-block;font-size:14px;padding:4px 12px;text-transform:capitalize}.password-form,.profile-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#555;font-size:14px;font-weight:600}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .3s}.form-group input:focus{border-color:#007bff;outline:none}.form-actions{display:flex;gap:10px;margin-top:10px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}@media (max-width:768px){.user-profile-container{padding:10px}.password-section,.profile-info-section,.profile-photo-section{padding:20px}.section-header{align-items:flex-start;flex-direction:column;gap:10px}.detail-row{flex-direction:column;gap:5px}.detail-label{min-width:auto}.form-actions{flex-direction:column}.btn{width:100%}}.unauthorized-container{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.unauthorized-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;padding:40px;text-align:center;width:100%}.unauthorized-icon{font-size:80px;margin-bottom:20px}.unauthorized-card h1{color:#333;font-size:32px;margin-bottom:15px}.unauthorized-message{color:#666;font-size:16px;line-height:1.6;margin-bottom:20px}.unauthorized-role{background:#f5f5f5;border-radius:8px;color:#555;margin-bottom:30px;padding:12px}.unauthorized-role strong{color:var(--primary-light);text-transform:capitalize}.unauthorized-actions{display:flex;gap:15px;justify-content:center}.unauthorized-actions .btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;padding:12px 30px;transition:all .3s ease}.unauthorized-actions .btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);color:#fff}.unauthorized-actions .btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-color) 100%);box-shadow:0 0 20px #711b454d;transform:translateY(-2px)}.unauthorized-actions .btn-secondary{background:#e0e0e0;color:#333}.unauthorized-actions .btn-secondary:hover{background:#d0d0d0;transform:translateY(-2px)}.install-prompt{animation:slideUp .3s ease-out;bottom:20px;left:50%;position:fixed;transform:translateX(-50%);z-index:9999}.install-prompt-content{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;gap:16px;max-width:500px;padding:16px 20px}.install-prompt-icon{flex-shrink:0;font-size:32px}.install-prompt-text{flex:1 1}.install-prompt-text h3{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.install-prompt-text p{color:#666;font-size:14px;margin:0}.install-prompt-actions{display:flex;flex-shrink:0;gap:8px}.dismiss-btn,.install-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.install-btn{background-color:#711b45;color:#fff}.install-btn:hover{background-color:#5a1536}.dismiss-btn{background-color:initial;border:1px solid #ddd;color:#666}.dismiss-btn:hover{background-color:#f5f5f5}@media (max-width:600px){.install-prompt{bottom:10px;left:10px;right:10px;transform:none}.install-prompt-content{flex-direction:column;padding:16px;text-align:center}.install-prompt-actions{flex-direction:column;width:100%}.dismiss-btn,.install-btn{width:100%}}.bug-report-btn{align-items:center;background:#ef4444;background:var(--error-color,#ef4444);border:none;border-radius:50%;bottom:1.25rem;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;height:2.75rem;justify-content:center;position:fixed;right:1.25rem;transition:transform .15s,box-shadow .15s;width:2.75rem;z-index:9998}.bug-report-btn:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}.bug-report-toast{animation:bug-report-fade 2.5s ease-out forwards;background:var(--text-primary);border-radius:6px;bottom:4.5rem;box-shadow:var(--shadow-lg);color:#fff;font-size:var(--font-size-sm);padding:.5rem .75rem;position:fixed;right:1.25rem;z-index:9999}@keyframes bug-report-fade{0%,70%{opacity:1}to{opacity:0}}.feedback-container{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe 50%,#f0f9ff);background-attachment:fixed;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;justify-content:center;min-height:100vh;padding:20px;position:relative}.feedback-container:before{background:radial-gradient(circle at 20% 50%,#711b450d 0,#0000 50%),radial-gradient(circle at 80% 80%,#a8336b0d 0,#0000 50%),radial-gradient(circle at 40% 20%,#c445690d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.feedback-card{animation:slideUp .5s ease;background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #711b4533;max-width:500px;overflow:hidden;position:relative;width:100%;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feedback-header{background:linear-gradient(135deg,#711b45,#a8336b);color:#fff;overflow:hidden;padding:30px;position:relative;text-align:center}.feedback-header:before{background:linear-gradient(90deg,#711b45,#a8336b,#c44569);content:"";height:3px;left:0;position:absolute;right:0;top:0}.feedback-header h1{font-size:24px;font-weight:600;margin:0 0 10px}.feedback-header p{font-size:14px;margin:0;opacity:.9}.feedback-form{padding:30px}.rating-section{margin-bottom:30px;text-align:center}.rating-section label{color:#1e293b;display:block;font-size:18px;font-weight:500;margin-bottom:25px}.emoji-rating{gap:12px;justify-content:center;margin-bottom:20px}.emoji-btn,.emoji-rating{align-items:center;display:flex}.emoji-btn{background:#fff;border:3px solid #0000;border-radius:16px;box-shadow:0 2px 8px #0000001a;cursor:pointer;flex-direction:column;gap:8px;padding:15px 10px;transition:all .3s ease;width:85px}.emoji-btn:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.emoji-btn.active{animation:emojiPop .4s ease;box-shadow:0 8px 20px #711b454d}@keyframes emojiPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.emoji-icon{font-size:48px;line-height:1;transition:transform .3s ease}.emoji-btn.active .emoji-icon,.emoji-btn:hover .emoji-icon{transform:scale(1.2)}.emoji-label{color:#475569;font-size:12px;font-weight:600;text-align:center;white-space:nowrap}.emoji-btn.active .emoji-label{color:#711b45}.star-rating{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.star-btn{background:none;border:none;color:#ddd;cursor:pointer;padding:5px;transition:all .2s ease}.star-btn:hover{transform:scale(1.1)}.star-btn.active{animation:starPop .3s ease;color:gold}@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.rating-text{color:#711b45;font-size:16px;font-weight:600;margin:10px 0 0}.comments-section{margin-bottom:20px}.comments-section label{color:#1e293b;display:block;font-size:16px;font-weight:500;margin-bottom:10px}.comments-section textarea{border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}.comments-section textarea:focus{border-color:#711b45;outline:none}.char-count{color:#64748b;display:block;font-size:12px;margin-top:5px;text-align:right}.error-message{background:#fee;border-radius:8px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.btn-submit-feedback{background:linear-gradient(135deg,#711b45,#a8336b);border:none;border-radius:10px;box-shadow:0 4px 15px #711b454d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.btn-submit-feedback:hover:not(:disabled){background:linear-gradient(135deg,#5a1536,#8b2254);box-shadow:0 6px 20px #711b4566;transform:translateY(-2px)}.btn-submit-feedback:active:not(:disabled){transform:translateY(0)}.btn-submit-feedback:disabled{cursor:not-allowed;opacity:.6}.feedback-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:20px 30px;text-align:center}.feedback-footer p{color:#64748b;font-size:13px;margin:0}.feedback-success{animation:slideUp .5s ease;padding:60px 30px;text-align:center}.success-icon{align-items:center;animation:successPop .6s ease;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:700;height:80px;justify-content:center;margin:0 auto 20px;width:80px}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.feedback-success h1{color:#1e293b;font-size:32px;margin:0 0 15px}.feedback-success p{color:#475569;font-size:16px;margin:0 0 10px}.success-message{color:#64748b!important;font-size:14px!important;margin-bottom:30px!important}.btn-close-feedback{background:linear-gradient(135deg,#711b45,#a8336b);border:none;border-radius:10px;box-shadow:0 4px 15px #711b454d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 40px;transition:all .3s ease}.btn-close-feedback:hover{background:linear-gradient(135deg,#5a1536,#8b2254);box-shadow:0 6px 20px #711b4566;transform:translateY(-2px)}@media (max-width:600px){.feedback-container{padding:10px}.feedback-header h1{font-size:20px}.emoji-rating{gap:8px}.emoji-btn{gap:6px;max-width:70px;padding:12px 6px}.emoji-icon{font-size:36px}.emoji-label{font-size:10px}.star-rating{gap:5px}.star-btn svg{height:32px;width:32px}.feedback-form{padding:20px}.feedback-success{padding:40px 20px}.success-icon{font-size:36px;height:60px;width:60px}.feedback-success h1{font-size:24px}}@media (max-width:400px){.emoji-rating{gap:6px}.emoji-btn{max-width:60px;padding:10px 4px}.emoji-icon{font-size:32px}.emoji-label{font-size:9px}}.loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:100vh}.loading-container p{color:var(--text-muted);font-size:var(--font-size-lg)}
/*# sourceMappingURL=main.ed985c97.css.map*/