.dashboard-container{background:#f8f9fa;min-height:100vh}.dashboard-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:1rem 0}.header-content{justify-content:space-between;align-items:center;display:flex}.btn-back{cursor:pointer;color:#374151;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.btn-back:hover{color:#4f46e5;background:#f9fafb;border-color:#4f46e5;transform:translateY(-1px)}.btn-back svg{flex-shrink:0}.logo-section a{color:#333;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.logo-mark{font-size:2rem}.user-section{align-items:center;gap:1rem;display:flex}.user-info{flex-direction:column;align-items:flex-end;display:flex}.user-name{color:#333;font-weight:600}.mobile-welcome{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem;display:none;box-shadow:0 1px 3px #0000000d}.mobile-welcome p{color:#6b7280;margin:0;font-size:.9rem}.mobile-welcome strong{color:#111827}.btn-signout{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-signout:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 8px #4f46e533}.btn-signout svg{flex-shrink:0}.btn-settings{cursor:pointer;color:#6b7280;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;padding:.625rem;text-decoration:none;transition:all .2s;display:flex}.btn-settings:hover{color:#4f46e5;background:#f9fafb;border-color:#4f46e5;transform:translateY(-1px)}.dashboard-main{padding:2rem 0}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.dashboard-header-section{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.dashboard-header-section h1{color:#333;margin:0;font-size:2rem}.dashboard-container .btn-primary,.message-card .btn-primary{color:#fff!important;background:#4f46e5!important;border:none!important;border-radius:8px!important;padding:.75rem 1.5rem!important;font-weight:600!important;text-decoration:none!important;transition:transform .2s,box-shadow .2s!important;display:inline-block!important}.dashboard-container .loading{text-align:center;color:#666;padding:4rem;font-size:1.2rem}.empty-state{text-align:center;background:#fff;border-radius:16px;padding:4rem 2rem;box-shadow:0 2px 8px #0000000d}.empty-icon{margin-bottom:1rem;font-size:4rem}.empty-state h2{color:#333;margin-bottom:.5rem}.empty-state p{color:#666;margin-bottom:2rem}.messages-grid{flex-direction:column;gap:1.5rem;display:flex}@media (min-width:768px){.messages-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}}.message-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.25rem;transition:all .2s;box-shadow:0 1px 3px #0000000d}.message-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.message-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.message-header h3{color:#333;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0 .5rem 0 0;font-size:1.1rem;line-height:1.4;overflow:hidden}.badges{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.dashboard-container .tier-badge{color:#fff;text-transform:uppercase;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-badge{border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-badge.active{color:#16a34a;background:#dcfce7}.status-badge.expired{color:#dc2626;background:#fee2e2}.status-badge.limit{color:#d97706;background:#fef3c7}.status-badge.inactive{color:#6b7280;background:#f3f4f6}.message-stats{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;padding:1rem;display:grid}.stat{align-items:center;gap:.375rem;font-size:.875rem;display:flex}.stat svg{color:#6b7280;flex-shrink:0;width:16px;height:16px}.dashboard-container .stat-label{color:#6b7280;margin-right:.25rem;font-size:.75rem;font-weight:500}.dashboard-container .stat-value{color:#111827;margin-left:auto;font-size:.875rem;font-weight:600}.message-url{gap:.5rem;margin-bottom:1rem;display:flex}.message-url input{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:1;min-width:0;padding:.75rem .875rem;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8rem;transition:border-color .2s}.message-url input:focus{background:#fff;border-color:#4f46e5;outline:none}.btn-copy{color:#fff;cursor:pointer;white-space:nowrap;background:#4f46e5;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:.375rem;padding:.75rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.btn-copy svg{width:14px;height:14px}.btn-copy:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 8px #4f46e533}.message-actions{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.5rem;display:grid}.dashboard-container .btn-secondary,.message-card .btn-secondary{color:#4f46e5!important;text-align:center!important;cursor:pointer!important;background:#fff!important;border:1.5px solid #e5e7eb!important;border-radius:8px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:.25rem!important;min-width:auto!important;padding:.625rem .75rem!important;font-size:.8rem!important;font-weight:500!important;text-decoration:none!important;transition:all .2s!important;display:flex!important}.dashboard-container .btn-primary,.message-card .btn-primary{color:#fff!important;text-align:center!important;cursor:pointer!important;background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;border-radius:8px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:.25rem!important;min-width:auto!important;padding:.625rem .75rem!important;font-size:.8rem!important;font-weight:600!important;text-decoration:none!important;transition:all .2s!important;display:flex!important;box-shadow:0 2px 8px #10b98133!important}.dashboard-container .btn-primary:hover,.message-card .btn-primary:hover{background:linear-gradient(135deg,#059669,#047857)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #10b9814d!important}.dashboard-container .btn-secondary:hover,.message-card .btn-secondary:hover{background:#f9fafb!important;border-color:#4f46e5!important;transform:translateY(-1px)!important}.dashboard-container .btn-secondary svg,.message-card .btn-secondary svg{flex-shrink:0!important}.btn-danger{color:#dc2626;text-align:center;cursor:pointer;background:#fff;border:1.5px solid #fee2e2;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-width:auto;padding:.625rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.btn-danger:hover{background:#fef2f2;border-color:#dc2626;transform:translateY(-1px)}@media (max-width:768px){.messages-grid{grid-template-columns:1fr}.dashboard-header-section{flex-direction:column;align-items:flex-start;gap:1rem}.message-stats{grid-template-columns:1fr}.user-info{display:none}.mobile-welcome{display:block}.btn-signout .btn-text{display:none}.btn-signout{min-width:auto;padding:.625rem}.btn-back .btn-text{display:none}.btn-back{padding:.625rem}.header-content{gap:.5rem}.user-section>div:first-child{display:none}}