.date-calc-container{gap:var(--space-6);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-xl);backdrop-filter:blur(16px);flex-direction:column;display:flex;position:relative;overflow:hidden}.date-mode-nav{gap:var(--space-2);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-3);flex-wrap:wrap;display:flex}.date-tab{font-family:var(--font-sans);font-size:var(--text-sm);border-radius:var(--radius-md);background:var(--surface-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--duration-fast) var(--ease-spring);padding:8px 16px;font-weight:600}.date-tab:hover{background:var(--surface-overlay);color:var(--text-primary);border-color:var(--border-strong)}.date-tab.active{background:var(--primary);color:#f9fafb;border-color:var(--primary);box-shadow:0 2px 10px hsl(var(--primary-h) var(--primary-s) 50% / .35)}.bento-date-stage{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media (width<=900px){.bento-date-stage{grid-template-columns:1fr}}.main-date-card{gap:var(--space-5);background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);flex-direction:column;display:flex}.date-form-panel{gap:var(--space-4);flex-direction:column;display:flex}.date-field{gap:var(--space-1);flex-direction:column;display:flex}.date-field label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.date-input-wrapper{align-items:center;gap:var(--space-2);display:flex}.date-input-wrapper input[type=date],.date-input-wrapper input[type=number]{width:100%;font-family:var(--font-mono);font-size:var(--text-base);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--duration-fast);padding:10px 14px;font-weight:700}.date-input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px hsl(var(--primary-h) var(--primary-s) 50% / .2);outline:none}.btn-today{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;white-space:nowrap;padding:10px 12px;font-weight:600}.btn-today:hover{background:var(--surface-overlay);color:var(--text-primary)}.date-options-box{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.date-checkbox-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;display:flex}.date-checkbox-label input{accent-color:var(--primary);width:16px;height:16px}.date-results-column{gap:var(--space-5);flex-direction:column;display:flex}.primary-date-pill{background:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .1);border:1px solid hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .35);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);flex-direction:column;gap:4px;display:flex}.primary-date-val{font-family:var(--font-mono);font-size:var(--text-3xl);color:var(--primary);font-weight:900}.primary-date-sub{font-size:var(--text-sm);color:var(--text-secondary)}.calendar-bar-wrapper{gap:var(--space-2);background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}.bar-labels{font-size:var(--text-xs);color:var(--text-tertiary);justify-content:space-between;font-weight:600;display:flex}.segmented-progress-bar{border-radius:var(--radius-full);background:var(--surface-card);height:14px;display:flex;overflow:hidden}.seg-ouvres{background:#15c16b;transition:width .3s}.seg-weekends{background:#525f7a;transition:width .3s}.seg-feries{background:#f2a60d;transition:width .3s}.bar-legend{gap:var(--space-3);color:var(--text-secondary);flex-wrap:wrap;font-size:11px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.legend-dot.ouvres{background:#15c16b}.legend-dot.weekends{background:#525f7a}.legend-dot.feries{background:#f2a60d}.temporal-metrics-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.temporal-metric-card{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);flex-direction:column;gap:2px;display:flex}.tm-title{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;font-weight:600}.tm-val{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--text-primary);font-weight:800}.tm-desc{color:var(--text-secondary);font-size:11px}.holidays-list-box{gap:var(--space-2);background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);flex-direction:column;max-height:120px;display:flex;overflow-y:auto}.holidays-title{font-size:var(--text-xs);color:#f4af25;text-transform:uppercase;font-weight:700}.holiday-chip{color:var(--text-secondary);justify-content:space-between;font-size:12px;display:flex}