/*! tailwindcss v4.0.7 | MIT License | https://tailwindcss.com */.absolute{position:absolute}.relative{position:relative}.static{position:static}.hidden{display:none}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.\!filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}body{background-color:#f0f0f0;flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:Arial,sans-serif;display:flex}.header-container{justify-content:space-between;align-items:center;width:100%;padding:0 20px;display:flex}.header-card{justify-content:space-between;width:100%;display:flex}.user-info{align-items:center;gap:15px;display:flex}.user-icon{color:#a0a0a0;font-size:40px}.user-username{color:#333;font-size:18px;font-weight:700}.user-badges{gap:15px;display:flex}.badge-container{background-color:#e9ecef;border-radius:20px;align-items:center;padding:5px 10px;display:flex}.badge-icon{color:#ff9800;margin-right:5px;font-size:24px}.badge-value{color:#ff9800;font-size:16px;font-weight:700}.profile{align-items:center;gap:10px;display:flex}.profile h1{color:#333;font-size:20px;font-weight:700}.coins{gap:20px;display:flex}.coin{background:#f8f9fa;border-radius:15px;align-items:center;gap:8px;padding:5px 10px;font-size:14px;font-weight:700;display:flex}.coin i{color:#f9a825}.profile img{border-radius:50%;width:50px;height:50px;margin-right:10px}.invite-section{justify-content:space-between;margin:20px 0;display:flex}.invite-card{text-align:center;background-color:#fff;border-radius:15px;width:45%;padding:15px;box-shadow:0 4px 10px #0000001a}.invite-card h3{margin-bottom:10px;font-size:18px;font-weight:700}.invite-card p{color:#666;margin-bottom:10px;font-size:14px}.invite-card .bonus{color:#ff9800;font-weight:700}.invite-button{color:#fff;text-align:center;background-color:#4caf50;border:none;border-radius:25px;width:80%;margin:20px auto;padding:12px 24px;font-size:16px;transition:background-color .3s;display:block}.invite-button:hover{background-color:#388e3c}.friends-list th,.friends-list td{border-bottom:1px solid #e0e0e0;padding:12px 15px}.friends-list th{color:#555;background-color:#f9f9f9;font-size:14px}.friends-list td{color:#333;font-size:14px}.friends-list tr:nth-child(2n){background-color:#f5f5f5}.empty-list-message{color:#888;text-align:center;margin-top:20px;font-size:16px;font-style:italic}.bottom-nav{z-index:999;background-color:#27567c;justify-content:space-around;width:100%;padding:10px 0;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -2px 8px #0003}.nav-item{text-align:center;color:#fff;cursor:pointer;flex-grow:1;padding:12px;font-size:14px;text-decoration:none;position:relative}.nav-item.active{color:#fff;font-weight:700}.nav-item i{margin-bottom:4px;font-size:24px;display:block}.nav-item.active i{color:#fc0}.nav-item .badge{color:#fff;z-index:1;background-color:#ff4d4f;border-radius:50%;padding:2px 5px;font-size:10px;position:absolute;top:1px;right:14px}.nav-item.disabled{color:#a9a9a9}.main-content{background-color:#fff;border-radius:10px;margin:20px;padding:20px;box-shadow:0 2px 6px #0000001a}.main-content h1{color:#4b79a1;margin:0;font-size:40px}@media (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{justify-content:space-between;margin-bottom:20px;display:flex}.invite-card{text-align:center;background-color:#f4f4f4;border-radius:10px;width:45%;padding:15px}.invite-button-container{text-align:center;margin-bottom:30px}.invite-btn{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:5px;padding:10px 20px;font-size:16px}.invite-btn i{margin-right:8px}.friends-list{margin-top:20px}.friends-list table{border-collapse:collapse;width:100%;margin-top:10px}.friends-list th,.friends-list td{text-align:left;border:1px solid #ddd;padding:8px}.friends-list th{background-color:#f2f2f2}.friends-list td{background-color:#fff}.friends-list tr:hover{background-color:#f1f1f1}.tasks-page{max-width:900px;margin:0 auto;padding:20px}.tasks-title{color:#333;text-align:center;margin-bottom:20px;font-size:18px;font-weight:700}.tasks-list{flex-direction:column;align-items:center;padding:0 20px;display:flex}.task-card{background-color:#fff;border-radius:10px;flex-direction:column;justify-content:space-between;width:100%;max-width:400px;padding:20px;transition:transform .2s;display:flex;box-shadow:0 4px 10px #0000001a}.task-card:hover{transform:translateY(-5px)}.task-card-body{flex-direction:column;gap:15px;display:flex}.task-info{text-align:left}.task-title{color:#333;margin-bottom:5px;font-size:18px;font-weight:700}.task-type{color:#888;font-size:14px}.task-points{color:#ffc107;align-items:center;font-size:16px;font-weight:700;display:flex}.task-points i{margin-right:5px}.btn-task{color:#fff;text-align:center;background-color:#28a745;border-radius:5px;padding:10px;font-size:15px;font-weight:700;text-decoration:none;transition:background-color .2s}.btn-task:hover{background-color:#218838}.task-footer{color:#666;justify-content:space-between;margin-top:15px;font-size:12px;display:flex}.task-duration{align-items:center;gap:5px;display:flex}.task-status{font-weight:700}.task-status.active{color:#28a745}.task-status.inactive{color:#dc3545}.no-tasks-message{text-align:center;color:#888;font-size:16px}@media (width<=768px){.tasks-list{flex-direction:column;align-items:center}.task-card{width:100%}}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}