:root{--pc-bg-main: #f8fafc;--pc-bg-card: #fff;--pc-bg-card-hover: #f1f5f9;--pc-bg-danger: #fef2f2;--pc-text-main: #0f172a;--pc-text-secondary: #64748b;--pc-text-danger: #dc2626;--pc-border: #e2e8f0;--pc-border-danger: #fecaca;--pc-radius-xl: 1rem;--pc-radius-2xl: 1.5rem;--pc-shadow: 0 1px 2px 0 rgba(0,0,0,.05), 0 1.5px 6px 0 rgba(0,0,0,.03);--pc-font-main: "Inter", system-ui, sans-serif;--pc-font-bold: 700;--pc-font-semibold: 600;--pc-font-normal: 400;--pc-spacing-xs: .5rem;--pc-spacing-sm: .75rem;--pc-spacing-md: 1rem;--pc-spacing-lg: 1.5rem;--pc-spacing-xl: 2rem}.progress-counter-app{min-height:100vh;background:var(--pc-bg-main);color:var(--pc-text-main);font-family:var(--pc-font-main)}.progress-counter-container{max-width:80rem;margin:0 auto;padding:var(--pc-spacing-lg)}.progress-counter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--pc-spacing-lg)}.progress-counter-title{font-size:2rem;font-weight:var(--pc-font-bold)}.progress-counter-reset{font-size:.875rem;color:var(--pc-text-secondary);cursor:pointer;background:none;border:none;transition:color .2s}.progress-counter-reset:hover{color:var(--pc-text-danger)}.progress-counter-create-card{margin-bottom:var(--pc-spacing-lg);padding:var(--pc-spacing-md);background:var(--pc-bg-card);border-radius:var(--pc-radius-2xl);box-shadow:var(--pc-shadow)}.progress-counter-create-title{font-weight:var(--pc-font-semibold);margin-bottom:var(--pc-spacing-sm)}.progress-counter-create-form{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--pc-spacing-sm)}@media (min-width: 768px){.progress-counter-create-form{grid-template-columns:repeat(4,1fr)}}.progress-counter-input{border:1px solid var(--pc-border);border-radius:var(--pc-radius-xl);padding:var(--pc-spacing-xs) var(--pc-spacing-sm)}.progress-counter-add-btn{border-radius:var(--pc-radius-xl);padding:var(--pc-spacing-xs) var(--pc-spacing-md);background:var(--pc-text-main);color:#fff;transition:background .2s;cursor:pointer;border:none}.progress-counter-add-btn:hover{background:#1e293b}.progress-counter-list{display:flex;flex-direction:column;gap:var(--pc-spacing-sm)}.progress-counter-empty{color:var(--pc-text-secondary)}.progress-counter-row{background:var(--pc-bg-card);border-radius:var(--pc-radius-2xl);box-shadow:var(--pc-shadow);padding:var(--pc-spacing-md)}.progress-counter-row-main{display:flex;flex-direction:column}@media (min-width: 768px){.progress-counter-row-main{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--pc-spacing-sm)}}.progress-counter-row-title{font-weight:var(--pc-font-semibold);font-size:1.125rem;width:100%;outline:none}.progress-counter-row-meta{font-size:.875rem;color:var(--pc-text-secondary);margin-top:.25rem}.progress-counter-row-meta .meta-bold{font-weight:var(--pc-font-semibold)}.progress-counter-row-meta .meta-italic{font-style:italic}.progress-counter-row-controls{display:flex;align-items:center;gap:.5rem}.progress-counter-row-input,.progress-counter-row-goal{border:1px solid var(--pc-border);border-radius:var(--pc-radius-xl);padding:var(--pc-spacing-xs) var(--pc-spacing-sm);width:7rem}.progress-counter-row-btn-log{border-radius:var(--pc-radius-xl);padding:var(--pc-spacing-xs) var(--pc-spacing-sm);background:var(--pc-text-main);color:#fff;transition:background .2s;cursor:pointer;border:none}.progress-counter-row-btn-log:hover{background:#1e293b}.progress-counter-row-btn-open{border-radius:var(--pc-radius-xl);padding:var(--pc-spacing-xs) var(--pc-spacing-sm);border:1px solid var(--pc-border);background:none;transition:background .2s;cursor:pointer}.progress-counter-row-btn-open:hover{background:var(--pc-bg-card-hover)}.progress-counter-row-btn-delete{border-radius:var(--pc-radius-xl);padding:var(--pc-spacing-xs) var(--pc-spacing-sm);color:var(--pc-text-danger);border:1px solid var(--pc-border-danger);background:none;transition:background .2s;cursor:pointer}.progress-counter-row-btn-delete:hover{background:var(--pc-bg-danger)}.progress-counter-detail{display:flex;flex-direction:column;gap:var(--pc-spacing-md)}.progress-counter-detail-header{display:flex;align-items:center;gap:.5rem}.progress-counter-detail-back{border-radius:var(--pc-radius-xl);padding:var(--pc-spacing-xs) var(--pc-spacing-sm);border:1px solid var(--pc-border);background:none;transition:background .2s;cursor:pointer}.progress-counter-detail-back:hover{background:var(--pc-bg-card-hover)}.progress-counter-detail-title{font-weight:var(--pc-font-semibold);font-size:1.25rem;flex:1 1 0%;outline:none}.progress-counter-detail-goal{border:1px solid var(--pc-border);border-radius:var(--pc-radius-xl);padding:var(--pc-spacing-xs) var(--pc-spacing-sm);width:9rem}.progress-counter-detail-btn-delete{border-radius:var(--pc-radius-xl);padding:var(--pc-spacing-xs) var(--pc-spacing-sm);color:var(--pc-text-danger);border:1px solid var(--pc-border-danger);background:none;transition:background .2s;cursor:pointer}.progress-counter-detail-btn-delete:hover{background:var(--pc-bg-danger)}.progress-counter-detail-stats{display:grid;gap:var(--pc-spacing-md)}@media (min-width: 768px){.progress-counter-detail-stats{grid-template-columns:repeat(3,1fr)}}.progress-counter-detail-card{padding:var(--pc-spacing-md);background:var(--pc-bg-card);border-radius:var(--pc-radius-2xl);box-shadow:var(--pc-shadow)}.progress-counter-detail-card-label{font-size:.875rem;color:var(--pc-text-secondary)}.progress-counter-detail-card-value{font-size:1.25rem;font-weight:var(--pc-font-semibold)}.progress-counter-detail-entry-form{padding:var(--pc-spacing-md);background:var(--pc-bg-card);border-radius:var(--pc-radius-2xl);box-shadow:var(--pc-shadow)}.progress-counter-detail-entry-title{font-weight:var(--pc-font-semibold);margin-bottom:var(--pc-spacing-sm)}.progress-counter-detail-entry-fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--pc-spacing-sm)}.progress-counter-detail-entry-field{display:flex;flex-direction:column}.progress-counter-detail-entry-label{font-size:.875rem;color:var(--pc-text-secondary)}.progress-counter-detail-entry-input{border:1px solid var(--pc-border);border-radius:var(--pc-radius-xl);padding:var(--pc-spacing-xs) var(--pc-spacing-sm)}.progress-counter-detail-entry-btn-save{border-radius:var(--pc-radius-xl);padding:var(--pc-spacing-xs) var(--pc-spacing-md);background:var(--pc-text-main);color:#fff;transition:background .2s;cursor:pointer;border:none}.progress-counter-detail-entry-btn-save:hover{background:#1e293b}.progress-counter-detail-table-wrap{padding:var(--pc-spacing-md);background:var(--pc-bg-card);border-radius:var(--pc-radius-2xl);box-shadow:var(--pc-shadow);overflow-x:auto}.progress-counter-detail-table-title{font-weight:var(--pc-font-semibold);margin-bottom:var(--pc-spacing-sm)}.progress-counter-detail-table{min-width:100%;font-size:.875rem;border-collapse:collapse}.progress-counter-detail-table th,.progress-counter-detail-table td{padding:var(--pc-spacing-xs) var(--pc-spacing-sm);text-align:left}.progress-counter-detail-table th{color:var(--pc-text-secondary);border-bottom:1px solid var(--pc-border)}.progress-counter-detail-table td{font-weight:var(--pc-font-normal)}.progress-counter-detail-table .table-bold{font-weight:var(--pc-font-semibold)}.progress-counter-detail-table .table-italic{font-style:italic}.progress-counter-detail-table-row{border-bottom:1px solid var(--pc-border)}.progress-counter-detail-table-row:last-child{border-bottom:none}.flex-1{flex:1 1 0%}.app{display:flex;flex-direction:column;height:100vh;font-family:sans-serif;background:#f5f5f5}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.message .chat-bubble{background:#007aff;color:#fff;padding:.75rem 1rem;border-radius:1.25rem;max-width:60%;box-shadow:0 2px 6px #00000026}.message.robot{display:flex;justify-content:flex-start;align-items:flex-start}.message.robot .chat-bubble{background:#fff;color:#222;border-radius:16px;padding:10px 16px;max-width:70%;border:1px solid #e0e0e0;text-align:left}.categories{display:flex;gap:.5rem}.category-chip{padding:.25rem .75rem;border-radius:9999px;border:none;background:#ddd;font-size:.8rem;cursor:pointer}.category-chip.active{background:#007aff;color:#fff}.input-bar{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #ccc;background:#fff}.input-bar input{flex:1;padding:.75rem;border:1px solid #ccc;border-radius:9999px}.input-bar button{background:#007aff;color:#fff;border:none;border-radius:9999px;padding:0 1.5rem;cursor:pointer}.category-tabs{display:flex;gap:1rem;margin-bottom:1rem}