.main-layout{background:#f8f8f5;min-height:100vh;padding-bottom:80px}@media (min-width:768px){.main-layout{padding-bottom:20px}}.main-header{background:linear-gradient(135deg,#ffc700 0%,#ffdc52 100%);border-radius:0 0 20px 20px;padding:15px 20px 20px;box-shadow:0 4px 12px rgba(255,199,0,.2)}@media (min-width:768px){.main-header{max-width:1200px;margin:0 auto;padding:20px 40px 30px}}.status-bar{color:#243042;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:12px;font-weight:600;display:flex}.status-icons{gap:8px;display:flex}.status-icons span{font-size:14px}.profile-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.profile-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.profile-pic,.profile-pic-img{border-radius:50%;flex-shrink:0;width:48px;height:48px}.profile-pic{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:3px solid #fff;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.15)}.profile-pic-img{object-fit:cover;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}@media (min-width:768px){.profile-pic,.profile-pic-img{width:60px;height:60px}}.profile-text{flex:1;min-width:0}.profile-text h2{color:#243042;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:18px;font-weight:700;overflow:hidden}@media (min-width:768px){.profile-text h2{font-size:22px}}.username{color:#64748b;font-size:13px;font-weight:500}.header-icons{gap:10px;display:flex}.header-icons a,.header-icons .logout-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.1)}.header-icons a:hover,.header-icons .logout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.header-icons .logout-btn:hover{background:#fff4f4}@media (min-width:768px){.header-icons a,.header-icons .logout-btn{width:48px;height:48px;font-size:24px}}.main-content{max-width:100%;margin:0 auto}@media (min-width:768px){.main-content{max-width:1200px;padding:0 20px}}.main-content.with-bottom-nav{padding-bottom:80px}@media (min-width:768px){.main-content.with-bottom-nav{padding-bottom:20px}}.page-section{background:#fff;border-radius:15px;margin:20px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.05)}@media (min-width:768px){.page-section{margin:30px 0;padding:30px}}@media (max-width:639px){.page-section{margin:15px;padding:15px}}.page-section-title{color:#243042;margin-bottom:15px;font-size:18px;font-weight:600}@media (min-width:768px){.page-section-title{margin-bottom:20px;font-size:20px}}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;display:grid}@media (min-width:768px){.card-grid{gap:20px}}@media (max-width:639px){.card-grid{grid-template-columns:1fr;gap:12px}}.minimal-card{background:#fff;border:2px solid #f8f8f5;border-radius:12px;padding:16px;transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.05)}.minimal-card:hover{border-color:#fff4b8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}@media (min-width:768px){.minimal-card{padding:20px}}.minimal-btn{color:#243042;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ffc700 0%,#ffdc52 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px rgba(255,199,0,.3)}.minimal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,199,0,.4)}.minimal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (min-width:768px){.minimal-btn{padding:14px 32px;font-size:15px}}.minimal-btn-secondary{color:#243042;background:#fff;border:2px solid #ffc700}.minimal-btn-secondary:hover{background:#fffef7}.loading-state{text-align:center;color:#64748b;padding:60px 20px;font-size:16px}@media (min-width:768px){.loading-state{padding:100px 20px;font-size:18px}}.empty-state{text-align:center;background:#fff;border:2px dashed #e5e7eb;border-radius:12px;padding:40px 20px}@media (min-width:768px){.empty-state{padding:60px 40px}}.empty-icon{opacity:.5;margin-bottom:12px;font-size:48px}@media (min-width:768px){.empty-icon{margin-bottom:16px;font-size:64px}}.empty-state p{color:#64748b;margin-bottom:4px;font-size:14px}.empty-subtitle{color:#94a3b8;font-size:12px}