*{margin:0;padding:0;box-sizing:border-box}:root{--jnd-pink: #DD0057;--jnd-pink-dark: #B80047;--jnd-pink-light: #FF1A6B;--text-dark: #1a1a1a;--text-light: #666;--bg-light: #f8f8f8;--bg-white: #ffffff;--border-color: #e0e0e0;--success: #10b981;--error: #ef4444}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-dark);background-color:var(--bg-light);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center;font-family:inherit}.btn-primary{background-color:var(--jnd-pink);color:#fff}.btn-primary:hover{background-color:var(--jnd-pink-dark);transform:translateY(-2px);box-shadow:0 4px 12px #dd00574d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:transparent;color:var(--jnd-pink);border:2px solid var(--jnd-pink)}.btn-secondary:hover{background-color:var(--jnd-pink);color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-dark)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--jnd-pink)}.error-message{color:var(--error);font-size:14px;margin-top:5px}.success-message{color:var(--success);font-size:14px;margin-top:5px}.card{background:var(--bg-white);border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.el-icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;font-size:inherit}.el-icon svg{width:100%;height:100%;fill:currentColor;display:block}.el-button .el-icon{font-size:16px;width:16px;height:16px}.el-button .el-icon svg{width:16px;height:16px}.el-menu-item .el-icon,.el-sub-menu__title .el-icon{font-size:18px;width:18px;height:18px;margin-right:8px}.el-menu-item .el-icon svg,.el-sub-menu__title .el-icon svg{width:18px;height:18px}@media (max-width: 768px){.container{padding:0 16px}.card{padding:16px}.btn{width:100%;padding:14px 24px}}