*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{margin:0 auto;max-width:1200px;padding:20px}.app-title{color:#333;font-size:2.5rem;font-weight:300;margin-bottom:30px;text-align:center}.container{background:#fff;border:1px solid #aeaeaf;border-radius:5px;margin-bottom:20px;overflow:hidden}.btn{background:#0000;border:1px solid #f53447;border-radius:4px;color:#f53447;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:8px;margin-right:8px;padding:8px 16px;transition:all .2s ease}.btn:hover{background:#f534471a}.btn.active{background:#f53447;color:#fff}.btn:disabled{cursor:not-allowed;opacity:.5}.color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-option{border:2px solid #0000;border-radius:50%;cursor:pointer;height:30px;transition:all .2s ease;width:30px}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#f53447;box-shadow:0 0 0 2px #f534474d}.color-black{background-color:#000}.color-white{background-color:#fff;border:1px solid #ddd}.color-red{background-color:#e74c3c}.color-lime{background-color:#27ae60}.color-orange{background-color:#f39c12}.color-green{background-color:#2ecc71}.color-yellow{background-color:#f1c40f}.color-blue{background-color:#3498db}.color-gray{background-color:#95a5a6}.color-granite{background-color:#7f8c8d}.input{border:1px solid #aeaeaf;border-radius:4px;font-size:14px;max-width:100px;padding:8px 12px;width:100%}.text-center{text-align:center}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.p-3{padding:24px}.text-small{color:#666;font-size:12px}.text-error{color:#e74c3c}.text-success{color:#27ae60}.account-layout{margin:0 auto;max-width:800px;padding:20px}.account-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 0}.account-header h2{color:#333;margin:0}.logout-btn{background:#f5f5f5;border:1px solid #ddd;cursor:pointer;padding:8px 16px;text-decoration:underline}.account-tabs{display:flex;gap:10px;margin-bottom:30px}.account-tabs a{background:#f9f9f9;border:1px solid #ddd;color:#666;padding:12px 24px;text-decoration:none}.account-tabs a.active{background:#4caf50;border-color:#4caf50;color:#fff}.data-section{margin-bottom:30px}.data-section h3{color:#333;font-size:18px;margin-bottom:15px}.data-grid{grid-gap:12px 20px;display:grid;gap:12px 20px;grid-template-columns:200px 1fr;margin-bottom:20px}.data-item{display:contents}.data-item .label{color:#666;font-weight:500}.data-item .value{color:#333}.action-buttons{display:flex;gap:15px;margin-top:30px}.btn-primary,.btn-secondary{border:none;cursor:pointer;font-weight:500;padding:12px 24px}.btn-primary,.btn-secondary{background:#333;color:#fff}.skeleton-container{display:flex;flex-direction:column;gap:8px}.skeleton-item{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.skeleton-item.circle{border-radius:50%}.skeleton-item.square{aspect-ratio:1}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}
/*# sourceMappingURL=main.948b2cc0.css.map*/