*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;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}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;width:100%}.auth-title{color:#333;font-size:28px;font-weight:700;margin-bottom:10px;text-align:center}.auth-subtitle{color:#666;margin-bottom:30px;text-align:center}.auth-form{display:flex;flex-direction:column}.auth-button{margin-top:10px;width:100%}.auth-link{color:#666;margin-top:20px;text-align:center}.auth-link a{color:#007aff;font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.page-header{margin-bottom:30px}.page-header h1{font-size:32px;margin-bottom:10px}.page-header p{color:#666;font-size:16px}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.dashboard-card{padding:30px}.dashboard-card h3{font-size:20px;margin-bottom:10px}.dashboard-card p{color:#666}.profile-card{margin:0 auto;max-width:800px}.profile-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:20px;padding-bottom:20px}.profile-avatar{align-items:center;background-color:#007aff;border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;width:80px}.profile-info h2{margin-bottom:5px}.profile-info p{color:#666}.profile-section{margin-top:30px}.profile-section h3{font-size:20px;margin-bottom:20px}.profile-details{display:flex;flex-direction:column;gap:15px}.detail-row{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px 0}.detail-label{color:#333;font-weight:600}.detail-value{color:#666}.settings-card,.settings-card h3{margin-bottom:20px}.settings-card h3{font-size:20px}.settings-option{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:15px 0}.settings-option:last-child{border-bottom:none}.settings-select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.reels-scroll::-webkit-scrollbar{display:none}.reels-scroll{-ms-overflow-style:none;scroll-behavior:smooth;scrollbar-width:none}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}}.layout{display:flex;flex-direction:column;min-height:100vh}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea66;color:#fff;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:12px 30px}.navbar-brand{color:#fff;text-decoration:none;transition:transform .3s}.navbar-brand:hover{transform:scale(1.05)}.logo-container{gap:12px}.logo-container,.logo-icon{align-items:center;display:flex}.logo-icon{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fff,#f0f0f0);border-radius:12px;box-shadow:0 4px 12px #0003;height:48px;justify-content:center;position:relative;width:48px}@keyframes pulse{0%,to{box-shadow:0 4px 12px #0003}50%{box-shadow:0 4px 20px #fff6}}.logo-x{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900;letter-spacing:-2px}.logo-spark{animation:sparkle 1.5s ease-in-out infinite;font-size:16px;position:absolute;right:-4px;top:-4px}@keyframes sparkle{0%,to{opacity:1;transform:rotate(0deg) scale(1)}50%{opacity:.6;transform:rotate(180deg) scale(1.2)}}.logo-text{display:flex;flex-direction:column;gap:2px}.logo-xpsr{font-size:24px;font-weight:900;letter-spacing:2px;text-shadow:2px 2px 4px #0003}.logo-tagline{font-size:10px;font-weight:600;letter-spacing:1px;opacity:.9;text-transform:uppercase}.navbar-link,.navbar-menu{display:flex;gap:8px}.navbar-link{align-items:center;border-radius:8px;color:#fff;font-size:15px;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .3s}.navbar-link:hover{background-color:#fff3;transform:translateY(-2px)}.nav-icon{font-size:18px}.navbar-user{gap:12px}.navbar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#fff,#f0f0f0);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;color:#667eea;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.logout-btn,.user-name{font-size:14px;font-weight:600}.logout-btn{background-color:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;padding:8px 20px;transition:all .3s}.logout-btn:hover{background-color:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.main-content{background:#f8f9fa;flex:1 1;padding:0}@media (max-width:768px){.navbar-container{padding:10px 15px}.logo-icon{height:40px;width:40px}.logo-x{font-size:24px}.logo-xpsr{font-size:20px}.logo-tagline{font-size:8px}.navbar-link span:not(.nav-icon),.user-name{display:none}}.App{min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.button{border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .3s}.button-primary{background-color:#007aff;color:#fff}.button-primary:hover{background-color:#0056b3}.button-secondary{background-color:#6c757d;color:#fff}.button-secondary:hover{background-color:#545b62}.input{border:1px solid #ddd;border-radius:6px;font-size:16px;margin-bottom:15px;padding:12px;width:100%}.input:focus{border-color:#007aff;outline:none}
/*# sourceMappingURL=main.f1e73f3a.css.map*/