.profile-selection{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:2rem;animation:fadeIn .4s ease-in}.profile-selection-container{max-width:800px;width:100%;text-align:center}.profile-selection-title{font-size:2.5rem;font-weight:600;color:var(--brown-dark);margin-bottom:.5rem}.profile-selection-subtitle{font-size:1.125rem;color:var(--brown-muted);margin-bottom:3rem;font-style:italic}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2rem;margin-top:2rem}.profile-card{background:var(--ivory);border:2px solid var(--border);border-radius:1.25rem;padding:2.5rem 2rem;cursor:url(/Paw-cursor.png) 16 16,pointer;transition:all .3s ease;box-shadow:0 4px 12px var(--shadow);display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px var(--shadow-md);border-color:var(--accent-terracotta)}.profile-card.add-new{border-style:dashed;background:var(--beige-light)}.profile-card.add-new:hover{background:var(--beige);border-color:var(--accent-sage)}.profile-avatar{font-size:4rem;line-height:1}.profile-name{font-size:1.25rem;font-weight:600;color:var(--brown-dark)}@media (max-width: 768px){.profile-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem}.profile-card{padding:2rem 1.5rem}.profile-avatar{font-size:3rem}}.activity-timeline{background:var(--ivory);border-radius:1rem;padding:2rem;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border)}.timeline-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.timeline-item{display:flex;gap:1rem;position:relative;padding-left:1.5rem}.timeline-item:before{content:"";position:absolute;left:.5rem;top:1.5rem;bottom:-1rem;width:2px;background:var(--border)}.timeline-item:last-child:before{display:none}.timeline-dot{position:absolute;left:0;top:.25rem;width:12px;height:12px;border-radius:50%;background:var(--accent-terracotta);border:2px solid var(--ivory);z-index:1}.timeline-content{flex:1;background:var(--beige-light);padding:1rem;border-radius:.75rem;border:1px solid var(--border)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.timeline-word{font-weight:600;color:var(--brown-dark);font-size:1rem}.timeline-time{font-size:.8125rem;color:var(--brown-muted)}.timeline-details{display:flex;gap:1rem;align-items:center}.timeline-score{font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:1rem}.timeline-score.excellent{background:#7a9b7626;color:var(--success)}.timeline-score.good{background:#c97d6026;color:var(--accent-terracotta)}.timeline-score.fair{background:#d4a57426;color:var(--warning)}.timeline-score.poor{background:#c97d6033;color:var(--danger)}.timeline-duration{font-size:.8125rem;color:var(--brown-muted)}.empty-state{padding:2rem;text-align:center;color:var(--brown-muted);font-style:italic}.timeline-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);text-align:center}.view-all-link{background:none;border:none;color:var(--accent-terracotta);font-size:.9375rem;font-weight:600;cursor:url(/Paw-cursor.png) 16 16,pointer;padding:.5rem 1rem;transition:all .2s ease;text-decoration:none!important;display:inline-block}.view-all-link:hover{color:var(--brown-dark);text-decoration:none!important}.needs-attention{background:var(--ivory);border-radius:1rem;padding:2rem;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border)}.struggling-words-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.struggling-word-card{background:var(--beige-light);border-radius:.75rem;padding:1rem;border:1px solid var(--border);border-left:3px solid var(--accent-terracotta)}.struggling-word-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.struggling-word-name{font-weight:600;color:var(--brown-dark);font-size:1rem}.struggling-word-accuracy{font-weight:600;color:var(--accent-terracotta);font-size:.9375rem}.struggling-word-tip{font-size:.875rem;color:var(--brown-muted);font-style:italic;display:flex;align-items:center;gap:.5rem}.tip-icon{font-size:1rem;color:var(--brown-muted);opacity:.6;flex-shrink:0}.practice-reminder{display:flex;gap:1rem;align-items:flex-start;background:var(--beige-light);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border);border-left:3px solid var(--accent-terracotta)}.reminder-content{flex:1}.reminder-title{font-weight:600;color:var(--brown-dark);font-size:1rem;margin-bottom:.5rem}.reminder-message{font-size:.9375rem;color:var(--brown-muted);line-height:1.5}.needs-attention-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);text-align:center}.view-all-link{background:none;border:none;color:var(--accent-terracotta);font-size:.9375rem;font-weight:600;cursor:url(/Paw-cursor.png) 16 16,pointer;padding:.5rem 1rem;transition:all .2s ease;text-decoration:none;display:inline-block}.view-all-link:hover{color:var(--brown-dark)}.achievement-teaser{background:var(--ivory);border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border);display:flex;gap:1rem;align-items:flex-start;position:relative}.teaser-emoji{font-size:2.5rem;line-height:1;flex-shrink:0;display:flex;align-items:center;justify-content:center}.teaser-content{flex:1}.teaser-title{font-size:.8125rem;color:var(--brown-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.teaser-name{font-size:1.125rem;font-weight:600;color:var(--brown-dark);margin-bottom:.75rem}.teaser-progress{margin-bottom:.75rem}.teaser-progress-bar{width:100%;height:8px;background:var(--beige);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.teaser-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-terracotta) 0%,var(--warning) 100%);border-radius:4px;transition:width .3s ease}.teaser-progress-text{font-size:.8125rem;color:var(--brown-muted);font-weight:500}.teaser-message{font-size:.875rem;color:var(--brown);font-weight:500}.teaser-view-all{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--accent-terracotta);font-size:.9375rem;font-weight:600;cursor:url(/Paw-cursor.png) 16 16,pointer;padding:.5rem .75rem;transition:all .2s ease;line-height:1;white-space:nowrap;text-decoration:none!important}.teaser-view-all:hover{color:var(--brown-dark);text-decoration:none!important}.dashboard-home{animation:fadeIn .4s ease-in;padding-bottom:2rem}.hero-section{background:var(--ivory);border-radius:1.25rem;padding:2.5rem;margin-bottom:2rem;box-shadow:0 4px 12px var(--shadow-md);border:1px solid var(--border)}.hero-content{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.hero-avatar{font-size:4rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f5e6e8;border-radius:50%}.hero-info{flex:1}.hero-name{font-size:2rem;font-weight:600;color:var(--brown-dark);margin:0 0 .75rem}.hero-streak{display:flex;align-items:center;gap:.5rem}.streak-emoji{font-size:1.5rem;line-height:1;display:flex;align-items:center}.streak-value{font-size:2.5rem;font-weight:700;color:var(--accent-terracotta)}.streak-label{font-size:1.125rem;color:var(--brown-muted);font-weight:500}.hero-status{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--border);flex-wrap:wrap;gap:1rem}.today-status{padding:.625rem 1.25rem;border-radius:2rem;font-size:.875rem;font-weight:500;letter-spacing:.02em}.today-status.practiced{background:#7a9b7626;color:var(--success);border:1px solid rgba(122,155,118,.3)}.today-status.not-practiced{background:#c97d6026;color:var(--accent-terracotta);border:1px solid rgba(201,125,96,.3)}.motivational-message{font-size:1rem;color:var(--brown);font-style:italic;font-weight:500;transition:opacity .3s ease}.motivational-message:empty:before{content:"Loading...";opacity:.6}.metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:var(--ivory);border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border);transition:all .3s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-md)}.metric-icon{font-size:1.75rem;color:var(--brown);opacity:.7;flex-shrink:0;display:flex;align-items:center;justify-content:center}.metric-content{flex:1}.metric-value{font-size:2rem;font-weight:700;color:var(--brown-dark);line-height:1;margin-bottom:.25rem}.metric-label{font-size:.875rem;color:var(--brown-muted);font-weight:500}.activity-timeline,.needs-attention,.achievement-teaser{margin-bottom:2rem}.quick-actions{background:var(--ivory);border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border)}.section-title{font-size:1.5rem;font-weight:600;color:var(--brown-dark);margin:0 0 1.5rem}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:600px}.action-btn{background:var(--beige);border:1px solid var(--border-dark);border-radius:.75rem;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:url(/Paw-cursor.png) 16 16,pointer;transition:all .3s ease;color:var(--brown)}.action-btn:hover{background:var(--accent-terracotta);color:#fff;border-color:var(--accent-terracotta);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-md)}.action-icon{font-size:2rem}.action-label{font-size:.875rem;font-weight:500;letter-spacing:.02em}@media (max-width: 768px){.hero-section{padding:1.5rem}.hero-name{font-size:1.5rem}.hero-avatar{width:60px;height:60px;font-size:3rem}.streak-value{font-size:2rem}.metrics-row,.action-buttons{grid-template-columns:1fr}}.add-words-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#3d2817b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .2s ease-in}.add-words-modal{background:var(--cream);border-radius:1.5rem;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px var(--shadow-lg);border:1px solid var(--border);animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.5rem;border-bottom:2px solid var(--border);flex-shrink:0}.modal-title{font-size:2rem;font-weight:600;color:var(--brown-dark);margin:0;font-family:Montserrat,sans-serif}.modal-close-btn{background:none;border:none;padding:.5rem;cursor:url(/Paw-cursor.png) 16 16,pointer;color:var(--brown-dark);display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s ease}.modal-close-btn:hover{background:var(--beige);color:var(--brown)}.modal-content{flex:1;overflow-y:auto;padding:2.5rem;display:flex;flex-direction:column;gap:3rem}.add-words-input-section{flex-shrink:0}.input-section-title{font-size:1.5rem;font-weight:600;color:var(--brown-dark);margin:0 0 1.5rem;font-family:Montserrat,sans-serif}.word-input-group{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:end;margin-bottom:2rem}.input-field{display:flex;flex-direction:column;gap:.5rem}.input-field label{font-size:.875rem;font-weight:500;color:var(--brown-muted)}.word-input,.breakdown-input{padding:.875rem 1rem;border:1px solid var(--border);border-radius:.75rem;font-size:1rem;font-family:Inter,sans-serif;color:var(--brown-dark);background:var(--ivory);transition:all .2s ease}.word-input:focus,.breakdown-input:focus{outline:none;border-color:var(--accent-terracotta);box-shadow:0 0 0 3px #8b5a3c1a}.add-word-btn{padding:.875rem 2rem;background:var(--accent-terracotta);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:url(/Paw-cursor.png) 16 16,pointer;transition:all .2s ease;white-space:nowrap;font-family:Montserrat,sans-serif}.add-word-btn:hover:not(:disabled){background:var(--accent-terracotta-light);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-md)}.add-word-btn:disabled{opacity:.5;cursor:not-allowed}.typed-words-section{margin-top:2rem}.typed-words-title{font-size:1.125rem;font-weight:600;color:var(--brown-dark);margin:0 0 1rem;font-family:Montserrat,sans-serif}.typed-words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.typed-word-card{background:var(--ivory);border-radius:.875rem;padding:1.25rem;border:2px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:all .2s ease;position:relative}.typed-word-card:hover{border-color:var(--accent-terracotta);box-shadow:0 2px 8px var(--shadow)}.typed-word-content{flex:1}.typed-word-name{font-size:1.125rem;font-weight:600;color:var(--brown-dark);margin-bottom:.25rem;font-family:Montserrat,sans-serif}.typed-word-breakdown{font-size:.875rem;color:var(--brown-muted);font-style:italic}.typed-word-actions{display:flex;gap:.5rem;align-items:center}.add-typed-word-btn{padding:.5rem 1rem;background:var(--success);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:url(/Paw-cursor.png) 16 16,pointer;transition:all .2s ease}.add-typed-word-btn:hover{background:var(--success-light);transform:translateY(-1px)}.delete-typed-word-btn{background:none;border:none;padding:.5rem;cursor:url(/Paw-cursor.png) 16 16,pointer;color:var(--brown-muted);display:flex!important;align-items:center;justify-content:center;border-radius:.375rem;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;opacity:.3;visibility:visible;transform:scale(.9);pointer-events:auto;min-width:2rem;min-height:2rem;flex-shrink:0;position:relative;z-index:10}.typed-word-card:hover .delete-typed-word-btn{opacity:1!important;transform:scale(1)!important;pointer-events:auto!important;visibility:visible!important}.delete-typed-word-btn:hover{background:var(--beige);color:var(--danger);transform:scale(1.1)!important}.delete-typed-word-btn svg{width:16px;height:16px;display:block}.recommended-words-section{border-top:2px solid var(--border);padding-top:2rem}.recommended-words-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1.5rem}.recommended-words-title{font-size:1.5rem;font-weight:600;color:var(--brown-dark);margin:0 0 .5rem;font-family:Montserrat,sans-serif}.recommended-words-subtitle{font-size:.875rem;color:var(--brown-muted);margin:0}.refresh-recommendations-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--beige);color:var(--brown-dark);border:1px solid var(--border);border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:url(/Paw-cursor.png) 16 16,pointer;transition:all .2s ease;font-family:Inter,sans-serif;white-space:nowrap}.refresh-recommendations-btn:hover:not(:disabled){background:var(--beige-dark);border-color:var(--accent-terracotta);color:var(--accent-terracotta)}.refresh-recommendations-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-icon{width:1rem;height:1rem;transition:transform .3s ease}.refresh-recommendations-btn:hover:not(:disabled) .refresh-icon{transform:rotate(180deg)}.recommended-words-loading{padding:2rem;text-align:center;color:var(--brown-muted);font-style:italic}.recommended-words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.recommended-word-card{background:var(--ivory);border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px var(--shadow);border:2px dashed var(--accent-terracotta);display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.recommended-word-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-md);border-color:var(--accent-terracotta)}.recommended-word-content{flex:1}.recommended-word-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.recommended-word-name{font-size:1.5rem;font-weight:600;color:var(--brown-dark);flex:1;font-family:Montserrat,sans-serif}.recommended-word-badge{padding:.375rem .875rem;border-radius:1rem;font-size:.75rem;font-weight:600;background:var(--accent-terracotta);color:#fff;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.recommended-word-breakdown{font-size:1rem;color:var(--brown-muted);font-style:italic;padding:.75rem;background:var(--beige-light);border-radius:.5rem;border:1px solid var(--border)}.add-recommended-word-btn{padding:.75rem;background:var(--accent-terracotta);color:#fff;border:none;border-radius:.75rem;cursor:url(/Paw-cursor.png) 16 16,pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}.add-recommended-word-btn:hover{background:var(--accent-terracotta-light);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px var(--shadow-md)}.add-word-icon{font-size:1.25rem;font-weight:600}.recommended-words-empty{padding:2rem;text-align:center;color:var(--brown-muted);font-style:italic}@media (max-width: 768px){.add-words-modal-overlay{padding:0}.add-words-modal{max-height:100vh;border-radius:0}.word-input-group,.typed-words-grid,.recommended-words-grid{grid-template-columns:1fr}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#3d281766;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{background:var(--ivory);border-radius:1rem;box-shadow:0 8px 32px var(--shadow-lg);border:1px solid var(--border);max-width:480px;width:100%;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border)}.confirm-modal-title{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:600;color:var(--brown-dark);margin:0}.confirm-modal-body{padding:1.5rem}.confirm-modal-message{font-size:1rem;color:var(--brown);line-height:1.6;margin:0}.confirm-modal-footer{padding:1rem 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end}.confirm-modal-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9375rem;font-weight:500;font-family:Inter,sans-serif;cursor:url(/Paw-cursor.png) 16 16,pointer;transition:all .2s ease;border:1px solid transparent;min-width:100px}.confirm-modal-btn-cancel{background:var(--beige);color:var(--brown);border-color:var(--border)}.confirm-modal-btn-cancel:hover{background:var(--beige-dark);color:var(--brown-dark);border-color:var(--border-dark)}.confirm-modal-btn-confirm{background:var(--danger);color:#fff}.confirm-modal-btn-confirm:hover{background:#b86d4f;transform:translateY(-1px);box-shadow:0 4px 8px #c97d604d}.confirm-modal-btn:active{transform:translateY(0)}@media (max-width: 480px){.confirm-modal{max-width:100%;margin:1rem}.confirm-modal-header,.confirm-modal-body,.confirm-modal-footer{padding-left:1rem;padding-right:1rem}.confirm-modal-footer{flex-direction:column}.confirm-modal-btn{width:100%}}.word-library{animation:fadeIn .4s ease-in;padding-bottom:2rem}.library-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.library-title{font-size:2rem;font-weight:600;color:var(--brown-dark);margin:0}.library-stats{font-size:1rem;color:var(--brown-muted);font-weight:500;margin-top:.25rem}.add-words-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--accent-terracotta);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:url(/Paw-cursor.png) 16 16,pointer;transition:all .2s ease;font-family:Montserrat,sans-serif;white-space:nowrap}.add-words-btn:hover{background:var(--accent-terracotta-light);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-md)}.add-words-icon{font-size:1.25rem}.filter-tabs{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap;border-bottom:2px solid var(--border);padding-bottom:1rem}.filter-tab{background:transparent;border:none;padding:.75rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--brown-muted);cursor:url(/Paw-cursor.png) 16 16,pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.filter-tab:hover{background:var(--beige-light);color:var(--brown)}.filter-tab.active{background:var(--accent-terracotta);color:#fff}.filter-count{font-size:.8125rem;opacity:.8}.word-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.word-card{background:var(--ivory);border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border);transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.word-card.clickable{cursor:url(/Paw-cursor.png) 16 16,pointer}.word-card.clickable:hover{transform:translateY(-4px);box-shadow:0 6px 16px var(--shadow-md);border-color:var(--accent-terracotta)}.word-card.mastered{border-left:4px solid var(--success)}.word-card.in-progress{border-left:4px solid var(--accent-terracotta)}.word-card.struggling{border-left:4px solid var(--danger)}.word-card.not-started{border-left:4px solid var(--border-dark)}.word-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.word-card-name{font-size:1.5rem;font-weight:600;color:var(--brown-dark);flex:1}.word-card-status{padding:.375rem .875rem;border-radius:1rem;font-size:.8125rem;font-weight:500;white-space:nowrap}.word-card-status.success{background:#7a9b7626;color:var(--success);border:1px solid rgba(122,155,118,.3)}.word-card-status.terracotta{background:#c97d6026;color:var(--accent-terracotta);border:1px solid rgba(201,125,96,.3)}.word-card-status.danger{background:#c97d6033;color:var(--danger);border:1px solid rgba(201,125,96,.3)}.word-card-status.muted{background:var(--beige);color:var(--brown-muted);border:1px solid var(--border)}.word-card-body{display:flex;flex-direction:column;gap:.75rem}.word-card-metric{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.metric-label{color:var(--brown-muted);font-weight:500}.metric-value{font-weight:600;color:var(--brown-dark);font-size:.875rem}.metric-value.success{color:var(--success)}.metric-value.terracotta{color:var(--accent-terracotta)}.metric-value.danger{color:var(--danger)}.word-card-footer{padding-top:1rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.view-details{font-size:.8125rem;color:var(--accent-terracotta);font-weight:500;font-style:italic}.word-card-delete-btn{background:none;border:none;padding:.5rem;cursor:url(/Paw-cursor.png) 16 16,pointer;color:var(--brown-muted);display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s ease;opacity:0;visibility:hidden;transform:scale(.8);pointer-events:none;flex-shrink:0}.word-card:hover .word-card-delete-btn{opacity:1!important;visibility:visible!important;transform:scale(1)!important;pointer-events:auto!important}.word-card-delete-btn:hover{background:var(--beige);color:var(--danger);transform:scale(1.1)!important}.word-card-delete-btn svg{width:16px;height:16px;display:block}.empty-library{padding:4rem 2rem;text-align:center;color:var(--brown-muted);font-style:italic}@media (max-width: 768px){.word-cards-grid{grid-template-columns:1fr}.filter-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}}.word-details{animation:fadeIn .4s ease-in}.word-details-header{margin-bottom:2rem;display:flex;align-items:center}.back-arrow-btn{background:none;border:none;padding:.5rem;cursor:url(/Paw-cursor.png) 16 16,pointer;color:var(--brown-dark);display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s ease}.back-arrow-btn:hover{background:var(--beige);color:var(--brown)}.back-arrow-btn svg{width:24px;height:24px}.word-details-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:1000px;margin:0 auto;min-height:500px}.word-details-card{background:var(--ivory);border-radius:1.25rem;padding:3rem 2.5rem;box-shadow:0 8px 24px var(--shadow-md);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:500px}.performance-stats-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;margin-left:0;padding-left:0;flex-shrink:0}.performance-circle-wrapper{position:relative;display:inline-block}.performance-circle{transform:rotate(-90deg)}.performance-progress{transition:stroke-dashoffset .5s ease}.performance-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem}.performance-percent{font-size:1.5rem;font-weight:600;color:var(--brown-dark);font-family:Montserrat,sans-serif}.performance-label{font-size:.75rem;color:var(--brown-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-badge{padding:.75rem 1.5rem;border-radius:2rem;font-size:1rem;font-weight:500;letter-spacing:.02em}.status-badge.complete{background:#7a9b7626;color:var(--success);border:1px solid rgba(122,155,118,.3)}.status-badge.in-progress{background:#c97d6026;color:var(--accent-terracotta);border:1px solid rgba(201,125,96,.3)}.status-badge.not-started{background:var(--beige);color:var(--brown-muted);border:1px solid var(--border)}.status-badge.struggling{background:#c97d6033;color:var(--danger);border:1px solid rgba(201,125,96,.3)}.word-details-display{text-align:center;margin:0;padding:0}.word-details-text{font-size:4rem;font-weight:600;color:var(--brown-dark);margin-bottom:1.25rem;font-family:Montserrat,sans-serif}.word-details-breakdown{font-size:1.5rem;color:var(--brown-muted);font-weight:400;padding:1rem 2rem;background:var(--beige);border-radius:.875rem;display:inline-block;border:1px solid var(--border);font-style:italic}.word-details-info{margin:2rem 0;padding:2rem;background:var(--beige-light);border-radius:.875rem;border:1px solid var(--border)}.info-item{display:flex;flex-direction:column;gap:.5rem;text-align:center}.info-label{font-size:.875rem;color:var(--brown-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:1.125rem;color:var(--brown-dark);font-weight:500}.word-details-actions{margin-top:2rem;display:flex;justify-content:center}.action-btn{padding:1rem 2rem;border:none;border-radius:.625rem;font-weight:500;font-size:1rem;cursor:url(/Paw-cursor.png) 16 16,pointer;transition:all .3s ease;letter-spacing:.02em}.action-btn.mark{background:var(--success);color:#fff;box-shadow:0 2px 4px var(--shadow)}.action-btn.mark:hover{background:var(--success-light);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-md)}.action-btn.unmark{background:var(--beige);color:var(--brown);border:1px solid var(--border-dark)}.action-btn.unmark:hover{background:var(--beige-dark);transform:translateY(-2px)}.performance-stats-section{padding:2.5rem 2rem;background:var(--ivory);border-radius:1.25rem;box-shadow:0 8px 24px var(--shadow-md);border:1px solid var(--border);display:flex;flex-direction:column;min-height:500px}.performance-stats-section>*{margin-left:0;padding-left:0}.performance-stats-title{font-size:1.5rem;font-weight:600;color:var(--brown-dark);margin:0;padding:0;font-family:Montserrat,sans-serif}.performance-stats-content{display:flex;flex-direction:column;gap:2rem;flex:1;margin-top:0;padding-top:0}.performance-indicator{display:flex;justify-content:center;align-items:center;margin:0 auto}.performance-stats-list{display:flex;flex-direction:column;gap:.875rem;width:100%;padding:0;margin:0;align-items:stretch}.performance-stat-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--beige-light);border-radius:.75rem;border:1px solid var(--border);transition:all .2s ease;font-size:.875rem;min-height:3rem}.performance-stat-item:hover{background:var(--beige);border-color:var(--border-dark)}.performance-stat-item .stat-label{font-size:.875rem!important;color:var(--brown-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center}.performance-stat-item .stat-value{font-size:.875rem!important;font-weight:600;color:var(--brown-dark);font-family:Montserrat,sans-serif;display:flex;align-items:center;text-align:right}.stat-value.good{color:#7a9b76}.stat-value.mid{color:#d4a574}.stat-value.poor{color:#c97d60}.performance-empty-state{text-align:center;padding:3rem 2rem;color:var(--brown-muted);font-style:italic;flex:1;display:flex;align-items:center;justify-content:center}@media (max-width: 968px){.word-details-container{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.word-details-card{padding:2rem 1.5rem}.word-details-text{font-size:3rem}.performance-stats-section{padding:1.5rem}.performance-stats-content{gap:1.5rem}.performance-stats-list{gap:1rem}.performance-stat-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.achievements{background:var(--ivory);border-radius:1rem;padding:2rem;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border)}.achievements-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1.5rem}.achievements-summary{display:flex;align-items:baseline;gap:.5rem}.achievements-count{font-size:1.5rem;font-weight:700;color:var(--brown-dark)}.achievements-label{font-size:.9375rem;color:var(--brown-muted);font-weight:500}.next-milestone{background:linear-gradient(135deg,var(--beige-light),var(--beige));border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem;border:2px solid var(--accent-terracotta)}.milestone-emoji{font-size:2.5rem;line-height:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;filter:none;opacity:1}.milestone-content{flex:1}.milestone-name{font-size:1.125rem;font-weight:600;color:var(--brown-dark);margin-bottom:.75rem}.milestone-progress{display:flex;align-items:center;gap:1rem}.progress-bar-container{flex:1;height:8px;background:var(--beige-dark);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-terracotta),var(--accent-sage));border-radius:4px;transition:width .3s ease}.progress-text{font-size:.875rem;font-weight:600;color:var(--brown);min-width:60px;text-align:right}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.achievement-card{background:var(--beige-light);border-radius:.75rem;padding:1.25rem;border:2px solid var(--border);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;position:relative;transition:all .3s ease}.achievement-card.unlocked{background:linear-gradient(135deg,rgba(122,155,118,.1),var(--beige-light));border-color:var(--success)}.achievement-card.locked{opacity:.6}.achievement-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-md)}.achievement-emoji{font-size:2.5rem;line-height:1;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center}.achievement-card.unlocked .achievement-emoji{filter:none;opacity:1}.achievement-card.locked .achievement-emoji{opacity:.5;filter:grayscale(40%) brightness(.9)}.achievement-info{flex:1;width:100%}.achievement-name{font-size:1rem;font-weight:600;color:var(--brown-dark);margin-bottom:.25rem}.achievement-description{font-size:.8125rem;color:var(--brown-muted);margin-bottom:.5rem}.achievement-progress{font-size:.75rem;color:var(--brown-muted);font-weight:500}.achievement-badge{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}@media (max-width: 768px){.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.achievements-page{animation:fadeIn .4s ease-in;padding-bottom:2rem}.page-header{margin-bottom:2rem}.page-title{font-size:2rem;font-weight:600;color:var(--brown-dark);margin:0 0 .5rem}.page-subtitle{font-size:1rem;color:var(--brown-muted);margin:0}@media (max-width: 768px){.page-title{font-size:1.75rem}.page-subtitle{font-size:.9375rem}}.analytics-page{animation:fadeIn .4s ease-in;padding-bottom:2rem}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem;flex-wrap:wrap}.analytics-header-left{display:flex;align-items:center;gap:1.5rem;flex:1}.analytics-avatar{font-size:3rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--beige);border-radius:50%;border:2px solid var(--border);flex-shrink:0}.analytics-header-info{flex:1}.analytics-page-title{font-size:2rem;font-weight:600;color:var(--brown-dark);margin:0 0 .5rem;font-family:Montserrat,sans-serif}.analytics-subtitle{font-size:1rem;color:var(--brown-muted);margin:0;font-family:Inter,sans-serif}.analytics-header-right{display:flex;align-items:center;gap:1rem}.date-range-selector{padding:.625rem 2.5rem .625rem 1rem;border:1px solid #CCCCCC;border-radius:.5rem;background:var(--ivory);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;color:var(--brown-dark);font-size:.9375rem;font-weight:500;font-family:Inter,sans-serif;cursor:url(/Paw-cursor.png) 16 16,pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;min-width:160px;box-sizing:border-box;outline:none;display:block}.date-range-selector:hover{border-color:#999;background-color:var(--beige-light)}.date-range-selector:focus{outline:none;border-color:#ccc}.date-range-selector:active{border-color:#999}.export-btn{padding:.625rem 1.5rem;background:var(--accent-terracotta);color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;font-family:Inter,sans-serif;cursor:url(/Paw-cursor.png) 16 16,pointer;transition:all .2s ease}.export-btn:hover{background:var(--brown-dark);transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.analytics-header{flex-direction:column}.analytics-header-right{width:100%;flex-direction:column}.date-range-selector,.export-btn{width:100%}.analytics-page-title{font-size:1.75rem}}.date-range-dropdown{position:relative}.date-range-dropdown-toggle{padding:.625rem 2rem .625rem .625rem;border:1px solid #CCCCCC;border-radius:.5rem;background:var(--ivory);color:var(--brown-dark);font-size:.9375rem;font-weight:500;font-family:Inter,sans-serif;cursor:url(/Paw-cursor.png) 16 16,pointer;transition:all .2s ease;min-width:165px;box-sizing:border-box;outline:none;display:flex;align-items:center;justify-content:space-between;width:auto;gap:.5rem;position:relative}.date-range-dropdown-toggle span{flex:1}.dropdown-arrow{flex-shrink:0;margin-left:0;transition:transform .2s ease;position:absolute;right:.625rem}.date-range-dropdown-toggle:hover{border-color:#999;background-color:var(--beige-light)}.date-range-dropdown-toggle:focus{outline:none;border-color:#ccc}.dropdown-arrow{flex-shrink:0;margin-left:0;transition:transform .2s ease}.date-range-dropdown-toggle[aria-expanded=true] .dropdown-arrow,.date-range-dropdown:has(.date-range-dropdown-menu) .dropdown-arrow{transform:rotate(180deg)}.date-range-dropdown-menu{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:var(--ivory);border:1px solid #CCCCCC;border-radius:.5rem;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden;animation:fadeInDown .2s ease}.dropdown-option{width:100%;padding:.75rem 1rem;background:transparent;border:none;border-bottom:1px solid #E0E0E0;color:var(--brown-dark);font-size:.9375rem;font-weight:500;font-family:Inter,sans-serif;text-align:left;cursor:url(/Paw-cursor.png) 16 16,pointer;transition:all .2s ease;outline:none}.dropdown-option:last-child,.dropdown-option.last{border-bottom:1px solid #CCCCCC}.dropdown-option:hover{background:var(--beige-light)}.dropdown-option.selected{background:#3b82f6;color:#fff}.dropdown-option.selected:hover{background:#2563eb}.performance-overview{background:var(--ivory);border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border)}.section-title{font-size:1.5rem;font-weight:600;color:var(--brown-dark);margin:0 0 1.5rem;font-family:Montserrat,sans-serif}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{background:var(--beige-light);border-radius:.75rem;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;border:1px solid var(--border);transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-md)}.stat-icon{font-size:1.75rem;color:var(--brown);opacity:.7;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:.25rem}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;color:var(--brown-dark);line-height:1;margin-bottom:.5rem;font-family:Montserrat,sans-serif}.stat-label{font-size:.875rem;color:var(--brown-muted);font-weight:500;font-family:Inter,sans-serif}.stat-sublabel{font-size:.75rem;color:var(--brown-muted);font-weight:400;font-family:Inter,sans-serif;margin-top:.25rem}.stat-trend{font-size:.8125rem;font-weight:600;margin-top:.5rem;font-family:Inter,sans-serif}.stat-trend.positive{color:#7a9b76}.stat-trend.negative{color:#c97d60}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}}.practice-heatmap{background:var(--ivory);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border)}.practice-heatmap .section-title{margin-bottom:1rem}.heatmap-container{width:100%}.heatmap-wrapper{display:flex;gap:.5rem;margin-bottom:.75rem}.heatmap-wrapper:not(.single-row){gap:.3rem}.heatmap-content{flex:1;display:flex;flex-direction:column;gap:.15rem}.heatmap-month-labels{display:flex;gap:.15rem;height:.875rem;margin-bottom:.15rem}.month-label{flex:1;font-size:.7rem;color:var(--brown-muted);font-family:Inter,sans-serif;text-align:left;padding-left:.2rem}.heatmap-weeks{display:flex;gap:.15rem}.heatmap-week{display:flex;flex-direction:column;gap:.15rem;flex:1}.heatmap-day{border-radius:4px;cursor:url(/Paw-cursor.png) 16 16,pointer;transition:all .2s ease;flex-shrink:0}.heatmap-wrapper.single-row{justify-content:center}.heatmap-single-row{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}.heatmap-day-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.day-label-top,.day-label-bottom{font-size:.75rem;color:var(--brown-muted);font-family:Inter,sans-serif;font-weight:500}.heatmap-day:hover{transform:scale(1.3);z-index:1;position:relative;border:2px solid var(--brown-dark)}.intensity-0{background:var(--beige-light);border:1px solid var(--border)}.intensity-1{background:var(--border)}.intensity-2{background:var(--border-dark)}.intensity-3{background:var(--accent-terracotta-light)}.intensity-4{background:var(--brown)}.heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;font-size:.75rem;color:var(--brown-muted);font-family:Inter,sans-serif;margin-top:.5rem;padding-left:2.5rem}.legend-label{font-size:.7rem}.legend-colors{display:flex;gap:.2rem}.legend-color{width:10px;height:10px;border-radius:2px;flex-shrink:0}@media (max-width: 768px){.heatmap-wrapper{flex-direction:column}.heatmap-day-labels{display:none}.heatmap-weeks{flex-wrap:wrap}.heatmap-week{flex:0 0 auto}}.growth-tracking{background:var(--ivory);border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border)}.chart-container{width:100%}.chart-header{margin-bottom:1.5rem}.chart-title{font-size:1.125rem;font-weight:600;color:var(--brown-dark);margin:0;font-family:Montserrat,sans-serif}.chart-wrapper{position:relative;width:100%;height:300px;padding:2rem 3rem 3rem 4rem;background:var(--beige-light);border-radius:.75rem;border:1px solid var(--border)}.line-chart{width:100%;height:100%;overflow:visible}.trend-line{stroke:#3b82f6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.data-point{cursor:url(/Paw-cursor.png) 16 16,pointer;transition:all .2s ease}.data-point:hover{r:3;filter:drop-shadow(0 0 4px #3B82F6)}.chart-tooltip{position:absolute;background:var(--brown-dark);color:#fff;padding:.5rem .75rem;border-radius:.5rem;font-size:.8125rem;font-family:Inter,sans-serif;pointer-events:none;z-index:10;transform:translate(-50%);white-space:nowrap;box-shadow:0 4px 12px #0003}.tooltip-date{font-weight:600;margin-bottom:.25rem}.tooltip-accuracy{font-weight:400;opacity:.9}.y-axis-labels{position:absolute;left:0;top:2rem;bottom:3rem;display:flex;flex-direction:column;justify-content:space-between;font-size:.75rem;color:var(--brown-muted);font-family:Inter,sans-serif;width:3rem;text-align:right;padding-right:.5rem}.x-axis-labels{position:absolute;bottom:.5rem;left:4rem;right:3rem;display:flex;justify-content:space-between;font-size:.75rem;color:var(--brown-muted);font-family:Inter,sans-serif}@media (max-width: 768px){.chart-wrapper{padding:1.5rem 2rem 2.5rem 3rem;height:250px}.y-axis-labels{width:2.5rem;font-size:.7rem}.x-axis-labels{left:3rem;right:2rem;font-size:.7rem}}.words-needing-attention{background:var(--ivory);border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border)}.table-container{overflow-x:auto}.words-table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif}.words-table thead{background:var(--beige-light);border-bottom:2px solid var(--border)}.words-table th{padding:1rem;text-align:left;font-weight:600;color:var(--brown-dark);font-size:.875rem;font-family:Montserrat,sans-serif;white-space:nowrap}.words-table td{padding:1rem;border-bottom:1px solid var(--border);color:var(--brown);font-size:.9375rem}.words-table tbody tr:hover{background:var(--beige-light)}.word-name{font-weight:600;color:var(--brown-dark)}.accuracy-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-weight:600;font-size:.875rem}.accuracy-red{background:#c97d6026;color:#c97d60}.accuracy-yellow{background:#d4a57426;color:#d4a574}.accuracy-blue{background:#3b82f626;color:#3b82f6}.attempts,.last-practiced{color:var(--brown-muted)}.insight{color:var(--brown-muted);font-style:italic;font-size:.875rem}.empty-state{padding:4rem 2rem;text-align:center;color:var(--brown-muted);font-family:Inter,sans-serif}.empty-state p{font-size:1rem;margin:0}.view-all-link-container{margin-top:1.5rem;text-align:center}.view-all-link{background:none;border:none;color:var(--accent-terracotta);font-size:.9375rem;font-weight:600;cursor:url(/Paw-cursor.png) 16 16,pointer;padding:.5rem 1rem;transition:all .2s ease;font-family:Inter,sans-serif}.view-all-link:hover{color:var(--brown-dark);text-decoration:underline}@media (max-width: 768px){.words-table{font-size:.875rem}.words-table th,.words-table td{padding:.75rem .5rem}}.nav-dropdown{position:relative}.nav-dropdown-toggle{background:none;border:none;border-radius:.5rem;padding:.5rem .75rem;cursor:url(/Paw-cursor.png) 16 16,pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:var(--brown);outline:none}.nav-dropdown-toggle:hover{background:var(--beige-light)}.nav-menu-icon{font-size:1.25rem;line-height:1}.nav-dropdown-menu{position:absolute;top:calc(100% + .125rem);right:0;background:var(--ivory);border:1px solid var(--border);border-radius:.75rem;box-shadow:0 4px 12px var(--shadow-md);min-width:240px;padding:.5rem;z-index:1000;animation:fadeInDown .2s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:.5rem;cursor:url(/Paw-cursor.png) 16 16,pointer;transition:all .2s ease;color:var(--brown);text-align:left;font-size:.9375rem}.nav-dropdown-item:hover{background:var(--beige-light);color:var(--brown-dark)}.nav-dropdown-item.active{background:var(--beige);color:var(--accent-terracotta);font-weight:600}.nav-item-icon{font-size:1.125rem;width:1.125rem;height:1.125rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-item-label{flex:1}.nav-dropdown-divider{height:1px;background:var(--border);margin:.5rem 0}.nav-switch-profile{color:var(--brown-dark);font-weight:500}@media (max-width: 768px){.nav-dropdown-menu{right:0;min-width:220px}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--beige-light)}.app-header{background:var(--ivory);border-bottom:1px solid var(--border);padding:1rem 2rem;box-shadow:0 2px 8px var(--shadow);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fdf9f5f2;width:100%;margin:0;box-sizing:border-box}.header-content{width:100%;max-width:100%;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:0}.header-title{display:flex;align-items:center;gap:1rem;flex:1;justify-content:flex-start}.header-logo{width:48px;height:48px;object-fit:contain;border-radius:8px}.header-title h1{font-size:1.5rem;font-weight:600;margin:0;letter-spacing:-.02em;color:var(--brown-dark)}.dashboard-toggle-btn{background:var(--accent-terracotta);border:none;color:#fff;padding:.75rem 1.75rem;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:url(/Paw-cursor.png) 16 16,pointer;transition:all .3s ease;box-shadow:0 2px 4px var(--shadow);letter-spacing:.02em}.dashboard-toggle-btn:hover{background:var(--accent-terracotta-light);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-md)}.app-main{flex:1;padding:2rem;width:100%;min-height:calc(100vh - 100px)}.page-placeholder{background:var(--ivory);border-radius:1rem;padding:4rem 2rem;text-align:center;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border)}.page-placeholder h2{font-size:2rem;color:var(--brown-dark);margin-bottom:1rem}.page-placeholder p{color:var(--brown-muted);font-size:1.125rem}@media (max-width: 768px){.app-header{padding:1rem 1.5rem}.header-content{flex-direction:row;align-items:center;gap:1rem}.header-title{flex:1}.header-title h1{font-size:1.5rem}.dashboard-toggle-btn{width:100%;text-align:center}.app-main{padding:1rem}}*{box-sizing:border-box;margin:0;padding:0}html,body{cursor:url(/Paw-cursor.png) 16 16,auto!important}*{cursor:inherit}:root{--beige-light: #FDF9F5;--beige: #FAF5F0;--beige-dark: #F5EDE5;--beige-darker: #F0E6DC;--brown-dark: #3D2817;--brown: #5C3F2A;--brown-light: #6B4E3A;--brown-muted: #8B6F5A;--accent-terracotta: #8B5A3C;--accent-terracotta-light: #A67C5F;--accent-sage: #7A6B5A;--accent-sage-light: #9A8B7A;--cream: #FDF9F5;--ivory: #FFFFFF;--card: #FFFFFF;--success: #7A9B76;--success-light: #8FAD8B;--warning: #D4A574;--danger: #C97D60;--shadow: rgba(61, 40, 23, .06);--shadow-md: rgba(61, 40, 23, .1);--shadow-lg: rgba(61, 40, 23, .14);--border: #E8DDD2;--border-dark: #D4C5B8}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--beige-light);color:var(--brown-dark);line-height:1.7;font-weight:400}a,button,[role=button],[onclick],input[type=button],input[type=submit],.clickable,label,select,.nav-dropdown-toggle,.back-arrow-btn{cursor:url(/Paw-cursor.png) 16 16,pointer!important}h1,h2,h3,h4,h5,h6{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;color:var(--brown-dark);line-height:1.3;letter-spacing:-.01em}#root{min-height:100vh}