@tailwind base;@tailwind components;@tailwind utilities;body{font-family:Arial,sans-serif;background-color:#f0f0f0;margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh}.header-container{display:flex;justify-content:space-between;align-items:center;padding:0 20px;width:100%}.header-card{display:flex;justify-content:space-between;width:100%}.user-info{display:flex;align-items:center;gap:15px}.user-icon{font-size:40px;color:#a0a0a0}.user-username{font-size:18px;font-weight:700;color:#333}.user-badges{display:flex;gap:15px}.badge-container{display:flex;align-items:center;background-color:#e9ecef;border-radius:20px;padding:5px 10px}.badge-icon{font-size:24px;margin-right:5px;color:#ff9800}.badge-value{font-size:16px;font-weight:700;color:#ff9800}.profile{display:flex;align-items:center;gap:10px}.profile h1{font-size:20px;font-weight:700;color:#333}.coins{display:flex;gap:20px}.coin{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;padding:5px 10px;background:#f8f9fa;border-radius:15px}.coin i{color:#f9a825}.profile img{border-radius:50%;width:50px;height:50px;margin-right:10px}.invite-section{display:flex;justify-content:space-between;margin:20px 0}.invite-card{background-color:#fff;padding:15px;border-radius:15px;box-shadow:0 4px 10px #0000001a;text-align:center;width:45%}.invite-card h3{font-size:18px;font-weight:700;margin-bottom:10px}.invite-card p{font-size:14px;color:#666;margin-bottom:10px}.invite-card .bonus{color:#ff9800;font-weight:700}.invite-button{background-color:#4caf50;color:#fff;font-size:16px;padding:12px 24px;border:none;border-radius:25px;margin:20px auto;display:block;width:80%;text-align:center;transition:background-color .3s}.invite-button:hover{background-color:#388e3c}.friends-list th,.friends-list td{padding:12px 15px;border-bottom:1px solid #e0e0e0}.friends-list th{background-color:#f9f9f9;font-size:14px;color:#555}.friends-list td{font-size:14px;color:#333}.friends-list tr:nth-child(2n){background-color:#f5f5f5}.empty-list-message{font-size:16px;color:#888;text-align:center;margin-top:20px;font-style:italic}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-around;background-color:#27567c;padding:10px 0;box-shadow:0 -2px 8px #0003;z-index:999}.nav-item{position:relative;text-align:center;color:#6b7280;font-size:14px;cursor:pointer;flex-grow:1;padding:12px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:16px;background:transparent}.nav-item:hover{color:#4b5563;background:#6b72800f;transform:translateY(-1px);box-shadow:none}.nav-item.active{color:#1f2937;font-weight:600;background:#e5e7eb66;box-shadow:none;transform:translateY(0);border:none}.nav-item i{display:block;font-size:24px;margin-bottom:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:hover i{color:#4b5563;transform:scale(1.05)}.nav-item.active i{color:#1f2937;transform:scale(1);filter:none}.nav-item .badge{position:absolute;top:1px;right:14px;background-color:#ff4d4f;color:#fff;font-size:10px;padding:2px 5px;border-radius:50%;z-index:1;animation:pulse 2s infinite}.nav-item.disabled{color:#a9a9a9;opacity:.5;cursor:not-allowed}.nav-item.disabled:hover{transform:none;background:transparent;box-shadow:none}.nav-item-persian{position:relative;text-align:center;color:#6b7280;font-size:14px;cursor:pointer;flex-grow:1;padding:12px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:16px;background:transparent}.nav-item-persian:hover{color:#4b5563;background:#6b72800f;transform:translateY(-1px);box-shadow:none}.nav-item-persian.active{color:#1f2937;font-weight:600;background:#e5e7eb66;box-shadow:none;transform:translateY(0);border:none}.nav-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:hover,.nav-item-persian:hover{background:#6b72800f!important;color:#4b5563!important;transform:translateY(-1px)!important;box-shadow:none!important}.nav-item:hover i,.nav-item-persian:hover i{color:#4b5563!important;transform:scale(1.05)!important}.nav-item:hover span,.nav-item-persian:hover span{color:#4b5563!important;font-weight:500!important}.nav-item.active,.nav-item-persian.active{background:#e5e7eb66!important;color:#1f2937!important;border:none!important;box-shadow:none!important}.nav-item.active i,.nav-item-persian.active i{color:#1f2937!important;transform:scale(1)!important}.nav-item.active span,.nav-item-persian.active span{color:#1f2937!important;font-weight:600!important}.main-content{padding:20px;background-color:#fff;margin:20px;border-radius:10px;box-shadow:0 2px 6px #0000001a}.main-content h1{font-size:40px;margin:0;color:#4b79a1}@media (max-width: 768px){.header-container{padding:15px}.main-content{margin:10px;padding:15px}.bottom-nav{padding:5px 0}.nav-item{font-size:16px}.nav-item i{font-size:20px}}.friends-page{padding:20px}.invite-section{display:flex;justify-content:space-between;margin-bottom:20px}.invite-card{background-color:#f4f4f4;padding:15px;border-radius:10px;width:45%;text-align:center}.invite-button-container{text-align:center;margin-bottom:30px}.invite-btn{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.invite-btn i{margin-right:8px}.friends-list{margin-top:20px}.friends-list table{width:100%;border-collapse:collapse;margin-top:10px}.friends-list th,.friends-list td{border:1px solid #ddd;padding:8px;text-align:left}.friends-list th{background-color:#f2f2f2}.friends-list td{background-color:#fff}.friends-list tr:hover{background-color:#f1f1f1}.tasks-page{padding:20px;max-width:900px;margin:0 auto}.tasks-title{font-size:18px;font-weight:700;margin-bottom:20px;color:#333;text-align:center}.tasks-list{display:flex;flex-direction:column;align-items:center;padding:0 20px}.task-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px;width:100%;max-width:400px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.task-card:hover{transform:translateY(-5px)}.task-card-body{display:flex;flex-direction:column;gap:15px}.task-info{text-align:left}.task-title{font-size:18px;font-weight:700;color:#333;margin-bottom:5px}.task-type{font-size:14px;color:#888}.task-points{font-size:16px;font-weight:700;color:#ffc107;display:flex;align-items:center}.task-points i{margin-right:5px}.btn-task{background-color:#28a745;color:#fff;text-align:center;padding:10px;border-radius:5px;font-size:15px;font-weight:700;text-decoration:none;transition:background-color .2s}.btn-task:hover{background-color:#218838}.task-footer{display:flex;justify-content:space-between;margin-top:15px;font-size:12px;color:#666}.task-duration{display:flex;align-items:center;gap:5px}.task-status{font-weight:700}.task-status.active{color:#28a745}.task-status.inactive{color:#dc3545}.no-tasks-message{text-align:center;font-size:16px;color:#888}@media (max-width: 768px){.tasks-list{flex-direction:column;align-items:center}.task-card{width:100%}}.locale-ltr{direction:ltr;text-align:left}.locale-rtl{direction:rtl;text-align:right}.quick-action-button{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;flex-direction:row!important;min-height:auto!important}.quick-action-button .text-content{flex:1!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important}.quick-action-button .icon-container{width:2.5rem!important;height:2.5rem!important;background-color:#fff3!important;border-radius:.75rem!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.locale-ltr .quick-action-button{flex-direction:row!important;text-align:left!important}.locale-ltr .quick-action-button .text-content{text-align:left!important;margin-right:1rem!important;align-items:flex-start!important;justify-content:flex-start!important;order:1!important}.locale-ltr .quick-action-button .icon-container{margin-left:1rem!important;order:2!important}.locale-rtl .quick-action-button{flex-direction:row-reverse!important;text-align:right!important}.locale-rtl .quick-action-button .text-content{text-align:right!important;margin-left:1rem!important;align-items:flex-end!important;justify-content:flex-end!important;order:2!important}.locale-rtl .quick-action-button .icon-container{margin-right:1rem!important;order:1!important}@media (max-width: 640px){.quick-action-button{flex-direction:column!important;text-align:center;gap:.5rem}.quick-action-button .text-content{margin:0!important;text-align:center!important;align-items:center!important;order:1!important}.quick-action-button .icon-container{margin:0!important;order:2!important}}.statistics-card{position:relative;display:flex;flex-direction:column;height:100%;min-height:140px}.statistics-card-header{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem;gap:.5rem}.statistics-card-icon{width:3rem;height:3rem;background-color:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.statistics-card:hover .statistics-card-icon{background-color:#ffffff4d}.statistics-card-title{color:#ffffffe6;font-size:.9rem;font-weight:600;line-height:1.3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.statistics-card-value{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.2;text-align:center;margin-bottom:.5rem;word-break:break-word}.statistics-card-status{display:flex;align-items:center;justify-content:center;gap:.25rem;flex-wrap:wrap}.statistics-card-status-icon{font-size:.75rem;flex-shrink:0}.statistics-card-status-text{color:#fffc;font-size:.75rem;font-weight:500;text-align:center;line-height:1.3;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.locale-rtl .statistics-card-status{flex-direction:row-reverse}.locale-ltr .statistics-card-status{flex-direction:row}@media (max-width: 640px){.statistics-card{min-height:120px}.statistics-card-header{flex-direction:row;align-items:center;gap:.75rem;margin-bottom:.75rem}.statistics-card-icon{width:2.5rem;height:2.5rem}.statistics-card-title{font-size:1rem;text-align:left}.statistics-card-value{font-size:1.25rem}.statistics-card-status{flex-direction:column;gap:.125rem}.statistics-card-status-text{font-size:.7rem}}.statistics-card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statistics-card-status-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.statistics-card{position:relative;overflow:hidden}.statistics-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease;pointer-events:none}.statistics-card:hover:before{opacity:1}.statistics-card-icon i{font-size:1.125rem;line-height:1;display:block}.statistics-card-header{gap:.5rem}@media (max-width: 480px){.statistics-card{min-height:100px;padding:1rem}.statistics-card-header{flex-direction:column;align-items:center;gap:.25rem;margin-bottom:.5rem}.statistics-card-icon{width:1.75rem;height:1.75rem}.statistics-card-title{font-size:.65rem;text-align:center}.statistics-card-value{font-size:1.125rem;margin-bottom:.25rem}.statistics-card-status{flex-direction:column;gap:.125rem}.statistics-card-status-text{font-size:.65rem}}@media (prefers-contrast: high){.statistics-card-icon{background-color:#ffffff4d;border:1px solid rgba(255,255,255,.5)}.statistics-card-title{color:#fff;font-weight:700}.statistics-card-value{color:#fff;font-weight:800}.statistics-card-status-text{color:#fff;font-weight:600}}@media (prefers-reduced-motion: reduce){.statistics-card{transition:none}.statistics-card:hover{transform:none}.statistics-card-icon{transition:none}}.statistics-card-header{display:flex!important;flex-direction:column!important;align-items:center!important;margin-bottom:1rem!important;gap:.5rem!important}.statistics-card-icon{width:3rem!important;height:3rem!important;background-color:#fff3!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;border-radius:.75rem!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;transition:all .3s ease!important}.statistics-card-title{color:#ffffffe6!important;font-size:.9rem!important;font-weight:600!important;line-height:1.3!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.locale-rtl .statistics-card-status{flex-direction:row-reverse!important}.locale-ltr .statistics-card-status{flex-direction:row!important}