body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.morning-chatbot{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;flex-direction:column;height:500px;overflow:hidden;width:350px}.morning-chatbot,.morning-chatbot-closed{bottom:20px;display:flex;position:fixed;right:20px;z-index:1000}.morning-chatbot-closed{align-items:center;background:linear-gradient(135deg,#6366f1,#7c3aed);border:none;border-radius:50px;box-shadow:0 10px 15px -3px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:12px;padding:12px 20px;transition:all .3s ease}.morning-chatbot-closed:hover{box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-2px)}.chatbot-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}.chatbot-label{white-space:nowrap}.chatbot-header{background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;font-size:16px;font-weight:600;justify-content:space-between;padding:16px 20px}.chatbot-header,.chatbot-title{align-items:center;display:flex}.chatbot-title{gap:8px}.chatbot-title i{font-size:18px}.chatbot-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;padding:4px;transition:background-color .2s ease;width:28px}.chatbot-close:hover{background:#fff3}.chatbot-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.message{display:flex;margin-bottom:8px}.message.bot{justify-content:flex-start}.message.user{justify-content:flex-end}.message-content{background:#f1f5f9;border-radius:18px;border-bottom-left-radius:4px;color:#1f2937;font-size:14px;line-height:1.4;max-width:80%;padding:12px 16px}.options-container{display:flex;flex-direction:column;gap:8px;width:100%}.option-button{background:linear-gradient(135deg,#6366f1,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.option-button:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.option-button:active{transform:translateY(0)}@media (max-width:768px){.morning-chatbot{height:400px;left:10px;width:calc(100vw - 40px)}.morning-chatbot,.morning-chatbot-closed{bottom:10px;right:10px}}.chatbot-messages::-webkit-scrollbar{width:4px}.chatbot-messages::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.chatbot-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root{--primary-color:#6366f1;--secondary-color:#f97316;--success-color:#10b981;--text-color:#1f2937;--background-color:#f8fafc;--card-background:#fff;--border-radius:12px;--box-shadow:0 4px 6px #00000012;--box-shadow-lg:0 20px 25px -5px #0000001a}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;padding:0}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.login-container:after{background:#00000026;content:"";inset:0;pointer-events:none;position:absolute}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--box-shadow-lg);max-width:420px;padding:40px;position:relative;text-align:center;width:100%;z-index:2}.login-illustration{border-radius:12px;border-radius:var(--border-radius);height:220px;margin-bottom:30px;object-fit:cover;width:100%}.login-header h1{color:#1f2937;color:var(--text-color);font-size:28px;font-weight:700;margin-bottom:10px}.login-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#7c3aed);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 15px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;margin:25px 0;padding:14px 28px;transition:all .3s ease;width:100%}.login-btn:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-3px)}.google-icon{font-weight:700;margin-right:10px}.footer-note{color:#666;font-size:13px;line-height:1.5;margin-top:16px}.footer-link{color:#6366f1;color:var(--primary-color);cursor:pointer;font-weight:500;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;transition:all .2s ease}.footer-link:hover{opacity:.8;text-decoration-thickness:3px}.dashboard-container{background:linear-gradient(180deg,#f8fafc,#f1f5f9);background:linear-gradient(to bottom,var(--background-color),#f1f5f9);min-height:100vh}.dashboard-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary-color) 0,#8b5cf6 100%);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--box-shadow-lg);color:#fff;padding:20px 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.coins-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-flex;font-weight:600;margin-right:20px;padding:10px 18px}.coins-display i{font-size:18px;margin-right:8px}.user-info{display:flex;gap:20px}.notification-button,.user-info{align-items:center;position:relative}.notification-button{background:#ffffff2e;border:1px solid #ffffff47;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.notification-button:hover{background:#ffffff47}.notification-badge{align-items:center;background:#facc15;border-radius:999px;color:#1f2937;display:inline-flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:6px;top:6px}.notifications-panel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 24px 60px #0f172a1f;max-height:460px;overflow:hidden;position:absolute;right:0;top:56px;width:360px;z-index:9999}.notifications-panel-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;font-weight:700;justify-content:space-between;padding:14px 16px}.notifications-panel-header span{color:#0f172a;font-size:15px;letter-spacing:.02em}.notification-row{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.notification-row:last-child{border-bottom:none}.notification-row-main{flex:1 1}.notification-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.notification-action-btn{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;color:#0f172a;cursor:pointer;font-size:12px;padding:8px 12px;transition:all .2s ease}.notification-action-btn:hover{background:#eff6ff}.notification-action-btn.delete{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.notifications-close{background:#0000;border:none;color:#475569;cursor:pointer;font-size:18px}.notifications-list{max-height:352px;overflow-y:auto}.notification-empty{color:#64748b;font-size:14px;padding:18px 16px}.notification-item{border-bottom:1px solid #f1f5f9;padding:14px 16px}.notification-item:last-child{border-bottom:none}.notification-message{color:#0f172a;font-size:14px;line-height:1.4;margin-bottom:8px}.notification-meta{color:#475569;display:flex;font-size:12px;gap:12px;justify-content:space-between}.logout-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s ease}.logout-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.logout-btn:active{transform:translateY(0)}.dashboard-main{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr;margin:30px auto;max-width:1400px;padding:0 20px}.dashboard-tabs{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:20px auto;max-width:1400px;padding:0 20px}.dashboard-tabs .tab{background:#fff;border:2px solid #e2e8f0;border-radius:20px;color:#1f2937;color:var(--text-color);cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .3s ease}.dashboard-tabs .tab:hover{background:#f8fafc;background:var(--background-color);border-color:#6366f1;border-color:var(--primary-color)}.dashboard-tabs .tab.active{background:linear-gradient(135deg,#6366f1,#7c3aed);background:linear-gradient(135deg,var(--primary-color),#7c3aed);border-color:#0000;color:#fff}.article-card,.dashboard-tabs .tab.active{box-shadow:0 4px 6px #00000012;box-shadow:var(--box-shadow)}.article-card{background:#fff;background:var(--card-background);border-radius:12px;border-radius:var(--border-radius);padding:24px}.article-body{margin-top:18px}.article-card h2{color:#1f2937;color:var(--text-color);font-size:24px;font-weight:700;margin:0 0 15px}.article-body p{color:#555;font-size:15px;line-height:1.8;margin:0 0 14px}.article-body ul{color:#555;margin:10px 0 14px 24px}.article-body li{line-height:1.6;margin-bottom:8px}.article-body strong{color:#1f2937;color:var(--text-color);font-weight:700}.article-body img{border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #00000012;box-shadow:var(--box-shadow);margin:16px 0;max-width:100%}.tracker-section{display:flex;flex-direction:column;gap:24px}.tracker-card{background:#fff;background:var(--card-background);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #00000012;box-shadow:var(--box-shadow);padding:24px;transition:all .3s ease}.tracker-card:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--box-shadow-lg)}.tracker-card h2{color:#1f2937;color:var(--text-color);font-size:20px;font-weight:700;margin:0 0 20px}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tab{background:#f8fafc;background:var(--background-color);border:none;border-radius:20px;color:#1f2937;color:var(--text-color);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.tab:hover{background:#e2e8f0}.tab.active{background:linear-gradient(135deg,#6366f1,#7c3aed);background:linear-gradient(135deg,var(--primary-color),#7c3aed);color:#fff}.tab-content{margin-top:12px}.deals-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(1,1fr)}.deal-card{align-items:center;background:linear-gradient(135deg,#f0f9ff,#f8f4ff);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:16px;transition:all .3s ease}.deal-card:hover{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 4px 6px #00000012;box-shadow:var(--box-shadow)}.deal-info h4{color:#1f2937;color:var(--text-color);font-size:15px;font-weight:600;margin:0 0 6px}.deal-desc{color:#666;font-size:13px;margin:0}.deal-actions{align-items:center;display:flex;gap:14px}.deal-cost{color:#f97316;color:var(--secondary-color);font-size:16px;font-weight:700}.redeem-btn{background:linear-gradient(135deg,#f97316,#ea580c);background:linear-gradient(135deg,var(--secondary-color),#ea580c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.redeem-btn:hover{box-shadow:0 4px 12px #f973164d;transform:translateY(-2px)}.access-btn{background:#e5e7eb;border:none;border-radius:8px;color:#666;cursor:not-allowed;font-size:13px;font-weight:600;padding:8px 16px}.feed-list{grid-gap:16px;display:grid;gap:16px}.post-card{background:#fff;background:var(--card-background);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #00000012;box-shadow:var(--box-shadow);cursor:pointer;display:block;overflow:hidden;transition:all .3s ease}.post-card:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--box-shadow-lg);transform:translateY(-4px)}.post-header{align-items:center;border-bottom:1px solid #f1f5f9;color:#666;display:flex;font-size:13px;justify-content:space-between;padding:14px 16px}.post-author{color:#1f2937;color:var(--text-color);font-weight:700}.post-date{color:#999}.post-image{display:block;height:240px;object-fit:cover;width:100%}.post-content{padding:16px}.post-title{color:#1f2937;color:var(--text-color);font-size:18px;font-weight:700;margin:0 0 8px}.post-subtitle{color:#777;font-size:14px;margin:6px 0 10px}.post-summary{color:#555;font-size:14px;line-height:1.6;margin:0}.modal-backdrop{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.modal-card{animation:slideUp .3s ease;background:#fff;border-radius:20px;max-width:800px;padding:30px;width:100%}.modal-card,.toast{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--box-shadow-lg)}.toast{align-items:center;animation:slideIn .3s ease;border-radius:12px;bottom:24px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:14px;justify-content:space-between;max-width:calc(100% - 48px);min-width:280px;padding:14px 18px;position:fixed;right:20px;z-index:10000}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast.success{background:linear-gradient(135deg,#10b981,#059669)}.toast.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast.info{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.toast .toast-close{align-items:center;background:#0000;border:none;color:#fffffff2;cursor:pointer;display:flex;font-size:18px;padding:0}.rewards-info{margin:20px 0}.rewards-list{list-style:none;margin:16px 0;padding:0}.rewards-list li{align-items:center;background:linear-gradient(135deg,#f0f4ff,#fef3f2);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius);display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 14px}.time{color:#1f2937;color:var(--text-color);font-size:14px;font-weight:600}.coins{background:#f973161a;border-radius:20px;color:#f97316;color:var(--secondary-color);font-size:15px;font-weight:700;padding:4px 10px}.check-in-section{margin-top:24px}.checkin-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(150px,1fr));margin:24px 0}.checkin-metric-card{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 24px #0f172a0f;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;padding:18px}.metric-label{color:#475569;font-size:13px;font-weight:700;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.metric-value{color:#1f2937;color:var(--text-color);font-size:26px;font-weight:800;line-height:1.1}.metric-subtext{color:#64748b;font-size:13px;margin-top:8px}.check-in-btn{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success-color) 0,#059669 100%);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px;transition:all .3s ease;width:100%}.check-in-btn:hover:not(:disabled){box-shadow:0 8px 25px #10b98166;transform:translateY(-3px)}.check-in-btn:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed}.check-in-btn.checked-in{background:linear-gradient(135deg,#6366f1,#7c3aed);background:linear-gradient(135deg,var(--primary-color),#7c3aed)}.cancel-btn,.save-btn{border:none;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.save-btn{background:linear-gradient(135deg,#6366f1,#7c3aed);background:linear-gradient(135deg,var(--primary-color),#7c3aed);box-shadow:0 4px 12px #6366f133;color:#fff;flex:2 1}.save-btn:hover{box-shadow:0 6px 16px #6366f14d;transform:translateY(-2px)}.cancel-btn{background:#e5e7eb;flex:1 1}.cancel-btn:hover{background:#d1d5db}.entries-list{background:#fff;background:var(--card-background);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #00000012;box-shadow:var(--box-shadow);padding:24px}.entries-list h3{color:#1f2937;color:var(--text-color);font-size:18px;font-weight:700;margin:0 0 18px}.chart-container{background:#fff;background:var(--card-background);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #00000012;box-shadow:var(--box-shadow);margin-bottom:24px;padding:20px}.chart-container h4{color:#1f2937;color:var(--text-color);font-size:16px;font-weight:700;margin:0 0 16px}.entries-container{display:flex;flex-direction:column;gap:12px;margin-top:16px}.entry-card{grid-gap:12px;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius);display:grid;gap:12px;grid-template-columns:1fr 2fr 1fr;padding:16px;transition:all .3s ease}.entry-card:hover{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 4px 6px #00000012;box-shadow:var(--box-shadow)}.entry-date{color:#1f2937;color:var(--text-color);font-size:14px;font-weight:700}.entry-details{display:flex;flex-direction:column;gap:6px}.check-in-time,.earned-coins{align-items:center;display:flex;font-size:13px;gap:8px}.check-in-time{color:#666}.earned-coins{background:#f973161a;border-radius:6px;color:#f97316;color:var(--secondary-color);font-weight:700;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.entry-actions{display:flex;gap:8px;justify-content:flex-end}.delete-btn,.edit-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:6px 8px;transition:all .3s ease}.edit-btn{color:#6366f1;color:var(--primary-color)}.edit-btn:hover{background:#6366f11a}.delete-btn{color:#ef4444}.delete-btn:hover{background:#ef44441a}.profile-section{position:-webkit-sticky;position:sticky;top:30px}.profile-card{background:linear-gradient(135deg,#6366f1,#7c3aed);background:linear-gradient(135deg,var(--primary-color) 0,#7c3aed 100%);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--box-shadow-lg);color:#fff;padding:24px;text-align:center}.profile-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.profile-avatar{align-items:center;background:#ffffff4d;border:3px solid #ffffff80;border-radius:50%;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.profile-image{height:100%;object-fit:cover;width:100%}.profile-initials{color:#fff;font-size:28px;font-weight:700}.profile-info{flex:1 1;text-align:left}.profile-info h3{color:#fff;font-size:16px;font-weight:700;margin:0 0 4px}.profile-info p{color:#fffc;font-size:13px;margin:0}.profile-stats{grid-gap:16px;border-top:1px solid #fff3;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:20px;padding-top:20px}.stat-item{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-value{color:#fff;font-size:20px;font-weight:700}.stat-label{color:#fffc;font-size:12px;margin-top:4px}.morning-notification{align-items:center;background:linear-gradient(90deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:14px;box-shadow:0 8px 20px #3b82f614;color:#1e293b;display:flex;font-weight:600;gap:12px;margin-top:16px;padding:14px 18px}.morning-notification i{color:#2563eb;font-size:18px}.admin-toggle-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;box-shadow:0 4px 12px #667eea33;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s ease}.admin-toggle-btn:hover{box-shadow:0 6px 16px #667eea4d;transform:translateY(-2px)}.admin-toggle-btn.active{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 12px #f5576c33}.admin-main{max-width:100%;padding:30px 20px}.admin-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--box-shadow-lg);padding:28px}.admin-section h2{color:#6366f1;color:var(--primary-color);font-size:26px;font-weight:700;margin-bottom:28px;margin-top:0}.admin-section h3{color:#1f2937;color:var(--text-color);font-size:18px;font-weight:700;margin-bottom:18px;margin-top:24px}.admin-controls{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:26px}.admin-notification-section{background:#f8fbff;border:1px solid #dbeafe;border-radius:18px;margin-bottom:24px;padding:24px}.admin-notification-section h3{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 18px}.admin-notification-form{grid-gap:16px;display:grid;gap:16px}.admin-notification-message-group textarea{border:1px solid #cbd5e1;border-radius:14px;font-family:inherit;font-size:14px;min-height:100px;padding:12px 14px;resize:vertical}.send-notification-btn{background:linear-gradient(135deg,#f97316,#f97316);background:linear-gradient(135deg,var(--secondary-color),#f97316);border:none;border-radius:14px;color:#fff;cursor:pointer;font-weight:700;padding:12px 20px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.send-notification-btn:hover{box-shadow:0 10px 20px #f9731629;transform:translateY(-1px)}.admin-control-group label{color:#334155;display:block;margin-bottom:8px}.admin-control-group input,.admin-control-group select{border:1px solid #cbd5e1;border-radius:14px;color:#0f172a}.admin-control-group input:focus,.admin-control-group select:focus,.admin-notification-form textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1a;outline:none}.admin-control-group{display:flex;flex-direction:column;gap:8px}.admin-control-group label{color:#344054;font-size:14px;font-weight:600}.admin-control-group input,.admin-control-group select{background:#fff;border:1px solid #d1d5db;border-radius:12px;color:#111827;font-size:14px;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.admin-control-group input:focus,.admin-control-group select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1f;outline:none}.admin-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:36px}.stat-box{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff1a;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 20px #667eea33;color:#fff;padding:24px;text-align:center;transition:all .3s ease}.stat-box:hover{box-shadow:0 12px 30px #667eea4d;transform:translateY(-6px)}.stat-number{font-size:36px;font-weight:700;margin-bottom:10px}.stat-label{font-size:14px;font-weight:500;opacity:.95}.users-table-container{border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius);overflow-x:auto}.users-table{border-collapse:collapse;margin-top:0;width:100%}.users-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #6366f1;border-bottom:2px solid var(--primary-color)}.users-table th{color:#1f2937;color:var(--text-color);font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.users-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.users-table tbody tr:hover{background:#f8fafc;box-shadow:inset 0 0 8px #6366f10d}.users-table td{color:#555;font-size:14px;padding:14px 16px}.user-id{color:#666;font-family:Courier New,monospace;font-size:12px;font-weight:500;word-break:break-all}.name-col{color:#1f2937;color:var(--text-color);font-weight:600;max-width:150px}.email-col,.name-col{word-break:break-word}.email-col{color:#666;font-size:13px;max-width:200px}.coins-col{color:#f97316;color:var(--secondary-color)}.checkins-col,.coins-col{font-size:15px;font-weight:700}.checkins-col{color:#6366f1;color:var(--primary-color)}.lastcheckin-col{color:#999;font-weight:500}.no-data{color:#999;font-size:14px;padding:40px 20px;text-align:center}.habits-section{display:flex;flex-direction:column;gap:20px}.add-habit-form,.habits-section{box-sizing:border-box;width:100%}.add-habit-form{border-bottom:2px solid #f8fafc;border-bottom:2px solid var(--background-color);margin-bottom:30px;max-width:100%;padding-bottom:24px}.form-group{align-items:stretch;display:flex;flex-wrap:nowrap;gap:12px}.form-group,.habit-input{box-sizing:border-box;width:100%}.habit-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius);flex:1 1;font-family:inherit;font-size:14px;min-width:0;padding:12px 16px;transition:all .3s ease}.habit-input:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.add-habit-btn{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success-color),#059669);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #10b98133;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:700;min-width:0;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.add-habit-btn:hover{box-shadow:0 6px 16px #10b9814d;transform:translateY(-2px)}.add-habit-btn:active{transform:translateY(0)}.habits-list{display:flex;flex-direction:column;gap:18px;max-width:100%}.habit-card,.habits-list{box-sizing:border-box;width:100%}.habit-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius);padding:20px;transition:all .3s ease}.habit-card:hover{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--box-shadow-lg)}.habit-header{align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;width:100%}.habit-title-section{align-items:center;display:flex;flex:1 1 auto;gap:12px;min-width:0;width:100%}.habit-title-section h4{color:#1f2937;color:var(--text-color);font-size:18px;font-weight:700;margin:0}.consistency-badge{background:linear-gradient(135deg,#f97316,#ea580c);background:linear-gradient(135deg,var(--secondary-color),#ea580c);border-radius:20px;box-shadow:0 4px 12px #f9731633;color:#fff;font-size:12px;font-weight:700;padding:6px 14px}.habit-actions{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;width:100%}.mark-habit-btn{align-items:center;background:#6366f1;background:var(--primary-color);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #6366f133;color:#fff;cursor:pointer;display:flex;flex:1 1 auto;font-size:13px;font-weight:700;gap:6px;justify-content:center;min-width:0;padding:10px 18px;transition:all .3s ease}.mark-habit-btn:hover:not(:disabled){background:#5558e3;box-shadow:0 6px 16px #6366f14d;transform:translateY(-2px)}.mark-habit-btn:disabled{background:#10b981;background:var(--success-color);box-shadow:0 4px 12px #10b98133;cursor:default;opacity:.9}.mark-habit-btn.marked{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success-color),#059669)}.delete-habit-btn{align-items:center;background:#ef4444;border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #ef444433;color:#fff;cursor:pointer;display:flex;flex:0 0 44px;justify-content:center;min-width:44px;padding:10px 14px;transition:all .3s ease}.delete-habit-btn:hover{background:#dc2626;box-shadow:0 6px 16px #ef44444d;transform:translateY(-2px)}.contribution-graph{box-sizing:border-box;margin-top:18px;overflow:hidden;width:100%}.graph-label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:14px;text-transform:uppercase}.graph-container{-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;display:flex;gap:2px;margin:0;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:14px;scroll-behavior:smooth;width:100%}.contribution-week{display:flex;flex-direction:column;flex-shrink:0;gap:2px;min-width:10px}.contribution-day{border:1px solid #0000000d;border-radius:3px;cursor:pointer;height:12px;transition:all .2s ease;width:12px}.contribution-day.unmarked{background:#e5e7eb}.contribution-day.marked{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success-color),#059669);box-shadow:0 0 6px #10b98166}.contribution-day:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--box-shadow-lg);transform:scale(1.3);z-index:10}.empty-habits{color:#999;padding:80px 20px;text-align:center}.empty-habits i{color:#6366f1;color:var(--primary-color);font-size:56px;margin-bottom:20px;opacity:.4}.empty-habits p{font-size:16px;font-weight:500;margin:12px 0}.empty-habits .empty-hint{color:#bbb;font-size:13px}.habit-suggestions{background:linear-gradient(135deg,#f5f6fa,#eff0f6);border-left:4px solid #6366f1;border-left:4px solid var(--primary-color);border-radius:12px;border-radius:var(--border-radius);box-sizing:border-box;margin-top:40px;padding:20px;width:100%}.habit-suggestions h4{color:#1f2937;color:var(--text-color);font-size:16px;font-weight:600;margin:0 0 16px}.suggestions-grid{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));width:100%}.suggestion-btn{align-items:center;background:#fff;border:2px solid #6366f1;border:2px solid var(--primary-color);border-radius:12px;border-radius:var(--border-radius);box-sizing:border-box;color:#6366f1;color:var(--primary-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;max-width:100%;overflow:hidden;padding:12px 16px;text-align:center;text-overflow:ellipsis;transition:all .3s ease;width:100%}.suggestion-btn:hover{background:#6366f1;background:var(--primary-color);box-shadow:0 4px 12px #4a90e233;color:#fff;transform:translateY(-2px)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #f8fafc;border-bottom:1px solid var(--background-color);display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#1f2937;color:var(--text-color);font-size:20px;margin:0}.close-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{color:#1f2937;color:var(--text-color)}.modal-body{padding:20px}.modal-body p{color:#1f2937;color:var(--text-color);font-size:14px;margin:0 0 12px}.habit-note-input{border:1px solid #ddd;border-radius:12px;border-radius:var(--border-radius);box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.habit-note-input:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e21a;outline:none}.modal-footer{border-top:1px solid #f8fafc;border-top:1px solid var(--background-color);display:flex;gap:12px;justify-content:flex-end;padding:20px}.cancel-btn{background:#f0f0f0;border:none;border-radius:12px;border-radius:var(--border-radius);color:#1f2937;color:var(--text-color);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.cancel-btn:hover{background:#e0e0e0}.submit-btn{background:#10b981;background:var(--success-color);border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.submit-btn:hover{background:#27ae60;transform:translateY(-2px)}@media (max-width:768px){.dashboard-main{gap:20px;grid-template-columns:1fr;overflow:hidden;padding:0 12px}.header-content,.user-info{align-items:flex-start;flex-direction:column;gap:12px}.user-info{width:100%}.coins-display{font-size:13px;margin-right:0;padding:8px 14px}.logout-btn{font-size:13px;justify-content:center;padding:10px 14px;width:100%}.dashboard-tabs{gap:8px;padding:8px 12px}.dashboard-tabs .tab{flex:0 0 auto;font-size:13px;padding:8px 12px}.post-image{height:180px}.post-content{padding:12px}.tracker-card{padding:18px}.post-title{font-size:16px}.post-subtitle{font-size:13px}.chart-container{margin-bottom:18px;padding:16px}.chart-container h4{font-size:15px;margin-bottom:12px}.entries-container{gap:10px}.entry-card{align-items:flex-start;grid-template-columns:1fr;padding:12px}.entry-actions{justify-content:flex-start;margin-top:10px}.profile-section{position:static}.profile-card{text-align:center}.profile-header{flex-direction:column}.profile-info{text-align:center}.admin-stats{grid-template-columns:1fr}.form-group{flex-direction:column}.form-group,.habit-input{box-sizing:border-box;width:100%}.habit-input{min-width:100%}.add-habit-btn{box-sizing:border-box;justify-content:center;width:100%}.habit-actions{align-items:stretch;flex-direction:column;gap:10px}.delete-habit-btn,.mark-habit-btn{min-width:0;width:100%}.delete-habit-btn{flex:1 1 auto}.habit-suggestions{max-width:100%}.suggestions-grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr))}.habits-list{gap:16px}.habit-card{border-radius:6px;box-sizing:border-box;overflow:hidden;padding:16px;width:100%}.habit-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px;width:100%}.habit-title-section{min-width:auto;width:100%}.habit-title-section h4{font-size:16px}.consistency-badge{font-size:11px;padding:3px 10px}.habit-actions{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px;width:100%}.mark-habit-btn{flex:1 1 auto;font-size:12px;min-width:90px;padding:9px 12px}.delete-habit-btn{flex:0 0 44px;font-size:12px;min-width:44px;padding:9px 8px}.delete-habit-btn i,.mark-habit-btn i{font-size:12px}.contribution-graph{margin-top:16px;overflow:hidden;width:100%}.graph-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;max-width:100%;overflow-x:auto;padding:10px;width:100%}.graph-label{font-size:11px;margin-bottom:10px}.contribution-week{flex-shrink:0;gap:1px;min-width:12px}.contribution-day{height:11px;width:11px}.habit-suggestions{box-sizing:border-box;margin-top:30px;padding:16px;width:100%}.habit-suggestions h4{font-size:15px;margin-bottom:12px}.suggestions-grid{box-sizing:border-box;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));overflow:hidden;width:100%}.suggestion-btn{font-size:12px;gap:6px;padding:10px 12px;width:100%}.suggestion-btn i{font-size:12px}.modal-overlay{padding:16px}.modal-content{max-height:90vh;max-width:calc(100% - 32px);overflow-y:auto}.modal-header{padding:16px}.modal-header h3{font-size:18px}.modal-body{padding:16px}.modal-body p{font-size:13px}.habit-note-input{font-size:13px;padding:10px}.modal-footer{gap:10px;padding:16px}.cancel-btn,.submit-btn{flex:1 1;font-size:13px;padding:9px 16px}.empty-habits{padding:40px 20px}.empty-habits i{font-size:48px;margin-bottom:16px}.empty-habits p{font-size:14px}}@media (max-width:480px){.users-table{font-size:12px}.users-table td,.users-table th{padding:10px 8px}.stat-number{font-size:28px}.stat-label{font-size:12px}.admin-section{padding:18px}.consistency-badge{font-size:11px;padding:4px 10px}.contribution-day{height:12px;width:12px}.habit-suggestions{border-left-width:3px;box-sizing:border-box;margin-top:24px;max-width:100%;padding:12px;width:100%}.habit-suggestions h4{font-size:14px;margin-bottom:10px}.suggestions-grid{box-sizing:border-box;gap:6px;grid-template-columns:repeat(auto-fit,minmax(75px,1fr));width:100%}.suggestion-btn{font-size:11px;gap:4px;padding:8px 10px}.habit-card,.suggestion-btn{box-sizing:border-box;width:100%}.habit-card{padding:12px}.habit-title-section h4{font-size:15px}.habit-actions{align-items:stretch;flex-direction:column;gap:8px}.delete-habit-btn,.mark-habit-btn{flex:1 1 auto;font-size:11px;min-width:0;padding:8px 10px;width:100%}.graph-label{font-size:10px}.contribution-week{display:flex;flex-direction:column;flex-shrink:0;gap:0;min-width:8px}.contribution-day{height:8px;width:8px}.modal-header{padding:14px}.modal-header h3{font-size:16px}.modal-body{padding:12px}.modal-footer{flex-direction:column;padding:12px}.cancel-btn,.submit-btn{font-size:12px;padding:10px 12px}.empty-habits{padding:30px 16px}.empty-habits i{font-size:40px;margin-bottom:12px}.empty-habits p{font-size:13px}.empty-hint{font-size:12px}}
/*# sourceMappingURL=main.c61fda64.css.map*/