.dc-container{max-width:1100px;margin:0 auto;padding:0 1em}.dc-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2em 1.8em;margin-bottom:2em;position:relative;overflow:hidden;box-shadow:var(--shadow-xs)}.dc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.dc-card.dc-add-sub::before{background:linear-gradient(90deg,#6366f1,#818cf8)}.dc-card.dc-diff::before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.dc-card-header{display:flex;align-items:center;gap:.6em;margin-bottom:1.8em}.dc-card-icon{font-size:1.5em;line-height:1}.dc-card-title{font-size:1.2em;font-weight:700;color:var(--color-heading);margin:0;line-height:1.3}.dc-card-title .sub{font-size:.7em;font-weight:400;color:var(--color-sub);display:block;margin-top:.1em}.dc-form-group{margin-bottom:1.2em}.dc-label{display:block;font-size:.9em;font-weight:600;color:var(--color-text-dark);margin-bottom:.4em}.dc-label small{font-weight:400;color:var(--color-sub)}.dc-input,.flatpickr-input.dc-input{width:100%;padding:.65em 1em;border:1px solid var(--color-border-input);border-radius:var(--radius-md);font-size:.95em;color:var(--color-text-dark);background:var(--color-bg-input);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);outline:0;box-sizing:border-box;cursor:pointer}.dc-input:focus,.flatpickr-input.dc-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.12);background:var(--color-bg-white)}.dc-input:focus-visible{outline:2px solid #6366f1;outline-offset:1px}.dc-input::placeholder{color:var(--color-sub);opacity:.7}.dc-ymd-group{display:grid;grid-template-columns:repeat(3,1fr);gap:.8em;align-items:end}.dc-ymd-item{display:flex;flex-direction:column}.dc-ymd-item .dc-label{font-size:.82em;text-align:center}.dc-ymd-item .dc-input{text-align:center;font-weight:600;font-size:1.1em;padding:.5em}.dc-toggle-group{display:flex;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-input)}.dc-toggle-group input[type=radio]{display:none}.dc-toggle-btn{flex:1;text-align:center;padding:.6em 1em;font-size:.95em;font-weight:600;color:var(--color-sub);cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base);margin:0;border-right:1px solid var(--color-border);user-select:none}.dc-toggle-btn:last-of-type{border-right:none}.dc-toggle-btn small{font-weight:400;font-size:.78em;margin-left:.3em;color:inherit;opacity:.7}.dc-toggle-group input[type=radio]:checked+.dc-toggle-btn{background:#6366f1;color:#fff}.dc-checkbox-group{display:flex;align-items:center;gap:.5em;margin:1em 0}.dc-checkbox-group input[type=checkbox]{width:1.1em;height:1.1em;accent-color:#6366f1;cursor:pointer}.dc-checkbox-group label{font-size:.88em;color:var(--color-text-dark);cursor:pointer;margin:0}.dc-btn-row{margin-top:1.5em}.dc-btn{display:inline-flex;align-items:center;gap:.5em;padding:.7em 1.8em;border:none;border-radius:var(--radius-md);font-size:.95em;font-weight:600;cursor:pointer;transition:background-color var(--transition-base),transform .1s;box-shadow:var(--shadow-btn);color:#fff}.dc-btn-primary{background:#6366f1}.dc-btn-primary:hover{background:#4f46e5;box-shadow:0 4px 12px rgba(99,102,241,.3)}.dc-btn-primary:active{background:#4338ca;transform:scale(.97)}.dc-btn-amber{background:#f59e0b}.dc-btn-amber:hover{background:#d97706;box-shadow:0 4px 12px rgba(245,158,11,.3)}.dc-btn-amber:active{background:#b45309;transform:scale(.97)}.dc-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text);border-radius:var(--radius-md);padding:.7em 1em;font-size:.88em;margin-top:1em;line-height:1.5}.dc-result{margin-top:1.5em;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.dc-result-title{font-size:.95em;font-weight:700;color:var(--color-heading);margin:0;padding:.85em 1.5em;background:var(--color-bg);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;gap:.5em}.dc-result-row{display:flex;flex-direction:column;padding:.55em 1.5em;border-bottom:1px solid var(--color-border-light);gap:.15em}.dc-result-row:last-child{border-bottom:none}.dc-result-label{font-size:.82em;color:var(--color-sub);font-weight:500;line-height:1.4}.dc-result-value{font-size:.95em;font-weight:600;color:var(--color-text-dark);line-height:1.5;word-break:break-word}.dc-result-highlight{font-size:1.05em;color:#6366f1;font-weight:700;line-height:1.5}.dc-result-divider{border:none;border-top:2px dashed var(--color-border-light);margin:0}.dc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5em;align-items:start}@media (min-width:769px){.dc-grid .dc-ymd-group{grid-template-columns:1fr;gap:.6em}.dc-grid .dc-ymd-item{flex-direction:row;align-items:center;gap:.8em}.dc-grid .dc-ymd-item .dc-label{min-width:7em;text-align:left}.dc-grid .dc-ymd-item .dc-input{flex:1}}@media (max-width:768px){.dc-grid{grid-template-columns:1fr}.dc-card{padding:1.5em 1.2em}.dc-ymd-group{grid-template-columns:repeat(3,1fr);gap:.5em}}