.date-diff-calculator{--dd-primary: #3b82f6;--dd-secondary: #60a5fa;--dd-accent: #93c5fd;--dd-dark: #1e3a8a;--dd-light: #eff6ff;--dd-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%);--dd-card-bg: #ffffff;--dd-border: #e5e7eb;--dd-text: #1f2937;--dd-text-muted: #6b7280;max-width:900px;margin:0 auto;font-family:system-ui,-apple-system,sans-serif}.date-diff-header{text-align:center;margin-bottom:2rem;padding:2rem;background:var(--dd-gradient);border-radius:20px;color:#fff;position:relative;overflow:hidden}.date-diff-header:before{content:"📅";position:absolute;font-size:8rem;opacity:.1;right:-1rem;top:50%;transform:translateY(-50%)}.date-diff-title{font-size:2rem;font-weight:800;margin:0 0 .5rem;position:relative}.date-diff-description{font-size:1.1rem;opacity:.95;margin:0;position:relative}.date-diff-formula-container{background:var(--dd-card-bg);border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #3b82f61a;border:1px solid var(--dd-border)}.date-diff-formula-title{font-size:1.1rem;font-weight:700;color:var(--dd-dark);margin:0 0 1rem;text-align:center}.date-diff-formula-grid{display:grid;grid-template-columns:1fr;gap:1rem}.date-diff-formula-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;padding:1.25rem;text-align:center}.date-diff-formula-label{font-size:.875rem;font-weight:600;color:var(--dd-primary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.date-diff-formula-display{min-height:3rem;display:flex;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden;font-size:1.1rem}.date-diff-form-container{background:var(--dd-card-bg);border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #3b82f61a;border:1px solid var(--dd-border)}.date-diff-form{display:flex;flex-direction:column;gap:1.25rem}.date-diff-dates-row{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:end}.date-diff-input-group{display:flex;flex-direction:column;gap:.5rem}.date-diff-label{font-weight:600;font-size:.9rem;color:var(--dd-text)}.date-diff-input{padding:.875rem 1rem;border:2px solid var(--dd-border);border-radius:10px;font-size:1rem;transition:all .2s ease;background:#fff}.date-diff-input:focus{outline:none;border-color:var(--dd-primary);box-shadow:0 0 0 4px #3b82f61a}.date-diff-swap-btn{width:3rem;height:3rem;border:2px solid var(--dd-border);background:#fff;border-radius:50%;font-size:1.25rem;cursor:pointer;transition:all .2s ease;margin-bottom:0}.date-diff-swap-btn:hover{background:var(--dd-light);border-color:var(--dd-primary)}.date-diff-checkbox-group{display:flex;align-items:center}.date-diff-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--dd-text)}.date-diff-checkbox-label input{width:1.25rem;height:1.25rem;accent-color:var(--dd-primary)}.date-diff-buttons{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.75rem;margin-top:.5rem}.date-diff-calculate-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--dd-gradient);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d}.date-diff-calculate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.date-diff-btn-icon{font-size:1.25rem}.date-diff-today-btn,.date-diff-reset-btn{padding:1rem;background:var(--dd-light);color:var(--dd-primary);border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.date-diff-today-btn:hover,.date-diff-reset-btn:hover{background:#bfdbfe}.date-diff-results{background:var(--dd-card-bg);border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #3b82f61a;border:1px solid var(--dd-border)}.date-diff-results.hidden{display:none}.date-diff-results-title{font-size:1.25rem;font-weight:700;color:var(--dd-dark);margin:0 0 1.25rem;text-align:center}.date-diff-main-result{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;background:var(--dd-gradient);border-radius:16px;color:#fff;margin-bottom:1.5rem}.date-diff-main-value{display:flex;align-items:baseline;gap:.75rem}.date-diff-total-days{font-size:4rem;font-weight:800;line-height:1}.date-diff-days-label{font-size:1.25rem;font-weight:600;opacity:.9}.date-diff-breakdown{margin-bottom:1.5rem}.date-diff-breakdown-title,.date-diff-alternates-title{font-size:.9rem;font-weight:700;color:var(--dd-dark);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.date-diff-breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.date-diff-breakdown-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;background:#f9fafb;border-radius:12px;text-align:center}.date-diff-breakdown-item.primary{background:var(--dd-light);border:2px solid var(--dd-primary)}.date-diff-breakdown-value{font-size:1.25rem;font-weight:800;color:var(--dd-dark)}.date-diff-breakdown-label{font-size:.75rem;font-weight:600;color:var(--dd-text-muted);text-transform:uppercase}.date-diff-business-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.date-diff-business-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f0fdf4;border:2px solid #22c55e;border-radius:12px}.date-diff-business-card.weekend{background:#fef3c7;border-color:#f59e0b}.date-diff-business-icon{font-size:1.5rem}.date-diff-business-content{display:flex;flex-direction:column}.date-diff-business-value{font-size:1.25rem;font-weight:800;color:var(--dd-dark)}.date-diff-business-label{font-size:.75rem;font-weight:600;color:var(--dd-text-muted);text-transform:uppercase}.date-diff-alternates-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.date-diff-alternate-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:#f9fafb;border-radius:10px;text-align:center}.date-diff-alternate-value{font-size:.9rem;font-weight:800;color:var(--dd-dark)}.date-diff-alternate-label{font-size:.65rem;font-weight:600;color:var(--dd-text-muted);text-transform:uppercase}.date-diff-content{margin-top:3rem}.date-diff-section{margin-bottom:2.5rem}.date-diff-section-title{font-size:1.5rem;font-weight:800;color:var(--dd-dark);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:3px solid var(--dd-accent)}.date-diff-paragraph{color:var(--dd-text);line-height:1.7;margin-bottom:1rem}.date-diff-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}.date-diff-feature-card{background:var(--dd-card-bg);border-radius:12px;padding:1.25rem;text-align:center;border:1px solid var(--dd-border);transition:all .3s ease}.date-diff-feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.date-diff-feature-icon{font-size:2rem;display:block;margin-bottom:.75rem}.date-diff-feature-title{font-size:1rem;font-weight:700;color:var(--dd-dark);margin:0 0 .5rem}.date-diff-feature-description{font-size:.875rem;color:var(--dd-text-muted);margin:0;line-height:1.5}.date-diff-tips-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.date-diff-tip-card{display:flex;gap:1rem;background:var(--dd-card-bg);border-radius:12px;padding:1.25rem;border:1px solid var(--dd-border)}.date-diff-tip-icon{font-size:1.5rem;flex-shrink:0}.date-diff-tip-content{flex:1}.date-diff-tip-title{font-size:1rem;font-weight:700;color:var(--dd-dark);margin:0 0 .375rem}.date-diff-tip-text{font-size:.9rem;color:var(--dd-text-muted);margin:0;line-height:1.6}.date-diff-table-wrapper{overflow-x:auto;margin-top:1.5rem;border-radius:12px;border:1px solid var(--dd-border)}.date-diff-table{width:100%;border-collapse:collapse;font-size:.85rem}.date-diff-table th{background:var(--dd-light);padding:.875rem .75rem;text-align:left;font-weight:700;color:var(--dd-dark);border-bottom:2px solid var(--dd-border)}.date-diff-table td{padding:.875rem .75rem;border-bottom:1px solid var(--dd-border);color:var(--dd-text)}.date-diff-table-row.financial{background:#3b82f60d}.date-diff-faq-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.date-diff-faq-item{background:var(--dd-card-bg);border-radius:12px;border:1px solid var(--dd-border);overflow:hidden}.date-diff-faq-question{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;font-weight:600;color:var(--dd-dark);list-style:none}.date-diff-faq-question::-webkit-details-marker{display:none}.date-diff-faq-icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:var(--dd-gradient);color:#fff;border-radius:6px;font-size:.75rem;font-weight:800;flex-shrink:0}.date-diff-faq-item[open] .date-diff-faq-question{border-bottom:1px solid var(--dd-border)}.date-diff-faq-answer{padding:1rem 1.25rem;background:#fafafa}.date-diff-faq-answer p{margin:0;color:var(--dd-text);line-height:1.7;font-size:.95rem}@media (max-width: 768px){.date-diff-title{font-size:1.5rem}.date-diff-header:before{font-size:5rem}.date-diff-dates-row{grid-template-columns:1fr}.date-diff-swap-btn{margin:0 auto}.date-diff-buttons,.date-diff-business-grid{grid-template-columns:1fr}.date-diff-alternates-grid{grid-template-columns:repeat(2,1fr)}.date-diff-features-grid{grid-template-columns:1fr}.date-diff-total-days{font-size:3rem}}.hidden{display:none!important}