.tool-panel{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.tool-panel h2{color:#1a2a6c;margin-bottom:1rem}.calculator-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:1.5rem}.date-time-box{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;border:1px solid #dee2e6}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.date-time-box h3{margin-top:0;color:#2c3e50}.date-time-box h3,.input-group{margin-bottom:1rem}.input-group label{display:block;font-weight:600;color:#495057}input[type=date],input[type=time]{width:100%;padding:.8rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem}#calculate-btn{display:block;width:100%;max-width:300px;margin:0 auto}.result-box{margin-top:1.5rem;padding:1.5rem;background-color:#e7f3ff;border-radius:8px;border-left:4px solid #1a2a6c;display:none}.result-box.visible{display:block}.result-box h3{margin-top:0;color:#1a2a6c}.input-group label,.result-box p{margin-bottom:.5rem}.result-box hr{border:0;border-top:1px solid #cce5ff;margin:1rem 0}.copy-btn,.result-line{display:flex;align-items:center}.result-line{justify-content:space-between;margin-bottom:.5rem}.copy-btn{background:0 0;border:1px solid #adb5bd;border-radius:4px;padding:.2rem .4rem;cursor:pointer;font-size:.9rem;transition:all .2s ease;margin-left:.5rem;min-width:1.8rem;height:1.8rem;justify-content:center;color:#1a2a6c}.copy-btn:hover{background-color:#e9ecef;border-color:#1a2a6c;transform:scale(1.1)}.copy-btn:active{transform:scale(.95)}.copy-btn svg{width:18px;height:18px;display:block}.main-result{font-size:1.2rem;font-weight:700;color:#1a2a6c}.secondary-output p{font-size:.9rem;color:#495057;margin-bottom:.25rem}.tool-container{display:grid;gap:2rem;margin-bottom:2rem}.two-column{display:flex;gap:2rem;margin-top:1.5rem}.column{flex:1}@media (max-width:768px){.two-column{gap:1.5rem}.calculator-container,.two-column{flex-direction:column}.tool-panel{padding:1.5rem}.tool-panel h2{font-size:1.6rem}}@media (max-width:480px){.date-time-box,.tool-panel{padding:1rem}.tool-panel h2{font-size:1.4rem}.main-result{font-size:1.1rem}}