.contador-dias-container{max-width:800px;margin:0 auto;font-family:var(--font-primary);}
.btn-adicionar{background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));color:var(--white);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--spacing-sm);box-shadow:var(--box-shadow-sm);}
.btn-adicionar:hover{transform:translateY(-2px);box-shadow:var(--box-shadow);}
.btn-adicionar svg{width:18px;height:18px;}
.contador-dias-form{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;box-shadow:var(--box-shadow-sm);display:none;flex-direction:column;gap:var(--spacing-md);animation:slideDown var(--transition-normal) ease;}
.contador-dias-form.active{display:flex;}
@keyframes slideDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}
.form-row{display:flex;gap:var(--spacing-md);align-items:flex-start;flex-wrap:wrap;}
.form-group{flex:1;display:flex;flex-direction:column;}
.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--dark-gray);}
.form-group input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--light-gray);border-radius:var(--border-radius-sm);font-size:1rem;transition:all var(--transition-fast);background:var(--white);height:44px;}
.form-group input:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px rgba(0,166,81,0.1);}
.btn-salvar{background:var(--primary-green);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-width:100px;flex-basis:100%;margin-top:var(--spacing-sm);}
.btn-salvar:hover{background:var(--dark-green);}
.contador-dias-lista{margin-top:var(--spacing-xl);}
.contador-dias-lista h3{margin-bottom:var(--spacing-md);color:var(--dark-gray);font-size:1.25rem;border-bottom:2px solid var(--light-gray);padding-bottom:var(--spacing-sm);}
.contador-dias-item{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);transition:all var(--transition-normal);box-shadow:var(--box-shadow-sm);}
.contador-dias-item:hover{transform:translateY(-2px);box-shadow:var(--box-shadow);border-color:var(--primary-green);}
.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);}
.item-nome{font-size:1.1rem;font-weight:600;color:var(--dark-gray);}
.item-data{font-size:0.9rem;color:var(--medium-gray);background:var(--off-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);}
.item-resultado{font-size:1.25rem;font-weight:700;margin:var(--spacing-sm) 0;padding:var(--spacing-md);border-radius:var(--border-radius-sm);text-align:center;}
.item-resultado svg{display:inline;vertical-align:text-top;margin-left:4px;}
.item-resultado.hoje{background:linear-gradient(135deg,var(--primary-blue),var(--light-blue));color:var(--white);}
.item-resultado.futuro{background:linear-gradient(135deg,#ff8c00,var(--warning));color:var(--white);}
.item-resultado.passado{background:linear-gradient(135deg,var(--primary-green),var(--light-green));color:var(--white);}
.contador-dias-botoes{display:flex;gap:var(--spacing-sm);justify-content:flex-end;}
.btn-secundario{background:transparent;border:2px solid var(--medium-gray);color:var(--medium-gray);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:0.9rem;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs);}
.btn-secundario:hover{background:var(--medium-gray);color:var(--white);}
.btn-secundario.editar{border-color:var(--primary-blue);color:var(--primary-blue);}
.btn-secundario.editar:hover{background:var(--primary-blue);color:var(--white);}
.btn-secundario.excluir{border-color:var(--danger);color:var(--danger);}
.btn-secundario.excluir:hover{background:var(--danger);color:var(--white);}
.btn-secundario svg{width:14px;height:14px;}
.lista-vazia{text-align:center;padding:var(--spacing-xxl);color:var(--medium-gray);background:var(--off-white);border-radius:var(--border-radius-md);border:2px dashed var(--light-gray);}
.lista-vazia svg{width:48px;height:48px;margin-bottom:var(--spacing-md);opacity:0.5;}
.secao-datas{margin-bottom:var(--spacing-xl);}
.secao-datas h4{font-size:1.1rem;font-weight:600;color:var(--dark-gray);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);background:var(--off-white);border-left:4px solid var(--primary-green);}
.secao-datas.hoje h4{border-left-color:var(--primary-blue);background:linear-gradient(135deg,rgba(0,123,255,0.1),rgba(108,117,125,0.05));}
.secao-datas.futuro h4{border-left-color:#ff8c00;background:linear-gradient(135deg,rgba(255,140,0,0.1),rgba(255,193,7,0.05));}
.secao-datas.passado h4{border-left-color:var(--primary-green);background:linear-gradient(135deg,rgba(0,166,81,0.1),rgba(40,167,69,0.05));}
[data-theme="dark"] .contador-dias-form{background:var(--white);border-color:var(--light-gray);}
[data-theme="dark"] .form-group label{color:var(--dark-gray);}
[data-theme="dark"] .form-group input{background:var(--white);border-color:var(--light-gray);color:var(--dark-gray);}
[data-theme="dark"] .contador-dias-lista h3{color:var(--dark-gray);border-bottom-color:var(--light-gray);}
[data-theme="dark"] .contador-dias-item{background:var(--white);border-color:var(--light-gray);}
[data-theme="dark"] .item-nome{color:var(--dark-gray);}
[data-theme="dark"] .item-data{color:var(--medium-gray);background:var(--off-white);}
[data-theme="dark"] .secao-datas h4{color:var(--dark-gray);background:var(--off-white);}
[data-theme="dark"] .lista-vazia{color:var(--medium-gray);background:var(--off-white);border-color:var(--light-gray);}
@media (max-width:768px){
.form-row{flex-direction:column;align-items:stretch;}
.btn-salvar{align-self:stretch;}
.item-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);}
.contador-dias-botoes{justify-content:center;margin-top:var(--spacing-md);}
.btn-adicionar{width:100%;justify-content:center;}
.contador-dias-form{padding:var(--spacing-md);}
.item-resultado{font-size:1.1rem;}
}
@media (max-width:480px){
.contador-dias-botoes{flex-direction:column;}
.btn-secundario{justify-content:center;}
}